@konfuzio/document-validation-ui 0.1.5 → 0.1.6-multi-ann-set

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/css/app.css +1 -1
  2. package/dist/index.html +1 -1
  3. package/dist/js/app.js +1 -1
  4. package/dist/js/app.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/.DS_Store +0 -0
  7. package/src/assets/images/DraggableIcon.vue +14 -0
  8. package/src/assets/images/GridIcon.vue +16 -0
  9. package/src/assets/images/MagicWandIcon.vue +16 -0
  10. package/src/assets/images/NotFoundIcon.vue +16 -0
  11. package/src/assets/images/SettingsIcon.vue +14 -0
  12. package/src/assets/images/SplitZigZag.vue +47 -14
  13. package/src/assets/images/StarIcon.vue +16 -0
  14. package/src/assets/scss/ann_set_table_options.scss +26 -0
  15. package/src/assets/scss/annotation_details.scss +85 -73
  16. package/src/assets/scss/document_annotations.scss +54 -57
  17. package/src/assets/scss/document_category.scss +0 -1
  18. package/src/assets/scss/document_dashboard.scss +7 -2
  19. package/src/assets/scss/document_edit.scss +90 -46
  20. package/src/assets/scss/main.scss +725 -7
  21. package/src/assets/scss/multi_ann_table_overlay.scss +44 -0
  22. package/src/assets/scss/splitting_confirmation_modal.scss +41 -0
  23. package/src/assets/scss/variables.scss +2 -657
  24. package/src/components/App.vue +3 -2
  25. package/src/components/DocumentAnnotations/AnnotationActionButtons.vue +153 -0
  26. package/src/components/DocumentAnnotations/AnnotationDetails.vue +28 -7
  27. package/src/components/DocumentAnnotations/AnnotationRow.vue +131 -40
  28. package/src/components/DocumentAnnotations/AnnotationSetActionButtons.vue +86 -0
  29. package/src/components/DocumentAnnotations/CategorizeModal.vue +24 -2
  30. package/src/components/DocumentAnnotations/DocumentAnnotations.vue +114 -82
  31. package/src/components/DocumentAnnotations/EmptyAnnotation.vue +16 -3
  32. package/src/components/DocumentAnnotations/ExtractingData.vue +3 -3
  33. package/src/components/DocumentAnnotations/index.js +0 -1
  34. package/src/components/DocumentCategory.vue +13 -5
  35. package/src/components/DocumentDashboard.vue +17 -6
  36. package/src/components/DocumentEdit/DocumentEdit.vue +208 -68
  37. package/src/components/DocumentEdit/EditConfirmationModal.vue +54 -0
  38. package/src/components/DocumentEdit/EditPages.vue +29 -18
  39. package/src/components/DocumentEdit/EditSidebar.vue +92 -45
  40. package/src/components/DocumentEdit/SidebarButtons.vue +53 -0
  41. package/src/components/DocumentEdit/SplitInfoBar.vue +19 -0
  42. package/src/components/DocumentEdit/SplitOverview.vue +4 -5
  43. package/src/components/{DocumentError.vue → DocumentModals/DocumentErrorModal.vue} +3 -4
  44. package/src/components/{NotOptimizedViewportModal.vue → DocumentModals/NotOptimizedViewportModal.vue} +2 -2
  45. package/src/components/DocumentModals/SplittingSuggestionsModal.vue +120 -0
  46. package/src/components/DocumentPage/ActionBar.vue +3 -3
  47. package/src/components/DocumentPage/AnnSetTableOptions.vue +107 -0
  48. package/src/components/DocumentPage/DocumentPage.vue +12 -2
  49. package/src/components/DocumentPage/MultiAnnSelection.vue +89 -1
  50. package/src/components/DocumentPage/MultiAnnotationTableOverlay.vue +274 -0
  51. package/src/components/DocumentPage/MultiAnnotationTablePopup.vue +19 -46
  52. package/src/components/DocumentPage/ScrollingDocument.vue +43 -4
  53. package/src/components/DocumentPage/ScrollingPage.vue +4 -5
  54. package/src/components/DocumentThumbnails/DocumentThumbnails.vue +14 -11
  55. package/src/components/DocumentTopBar/DocumentTopBarButtons.vue +35 -30
  56. package/src/components/DocumentTopBar/KeyboardActionsDescription.vue +3 -1
  57. package/src/locales/de.json +23 -6
  58. package/src/locales/en.json +24 -6
  59. package/src/locales/es.json +23 -6
  60. package/src/store/display.js +51 -0
  61. package/src/store/document.js +171 -23
  62. package/src/store/edit.js +67 -48
  63. package/src/store/project.js +14 -14
  64. package/src/components/DocumentAnnotations/ActionButtons.vue +0 -257
  65. package/src/components/DocumentAnnotations/RejectedLabels.vue +0 -96
package/src/assets/scss/document_edit.scss CHANGED
@@ -7,7 +7,6 @@
7
7
 
8
8
  &.split-overview-component {
9
9
  min-width: 600px;
10
- flex: 0;
11
10
  }
12
11
 
13
12
  .pages-section {
@@ -15,6 +14,9 @@
15
14
  overflow-y: scroll;
16
15
  border-right: $component-border;
17
16
  border-left: $component-border;
17
+ display: flex;
18
+ flex-direction: column;
19
+ justify-content: space-between;
18
20
 
19
21
  .document-grid {
20
22
  padding: 42px;
@@ -165,85 +167,127 @@
165
167
  }
166
168
  }
167
169
  }
170
+
171
+ .info-bar {
172
+ position: sticky;
173
+ width: -moz-fit-content;
174
+ width: fit-content;
175
+ bottom: 20px;
176
+ left: 0;
177
+ right: 0;
178
+ margin: 0 auto;
179
+ padding: 10px;
180
+
181
+ .split-info-bar {
182
+ padding: 5px 13px;
183
+ min-height: 32px;
184
+ height: auto;
185
+ display: flex;
186
+ align-items: center;
187
+ justify-content: center;
188
+ gap: 3px;
189
+ background-color: $text-color;
190
+ color: $white;
191
+ font-weight: 400;
192
+ font-size: 14px;
193
+ border-radius: 52px;
194
+ text-align: center;
195
+ }
196
+ }
168
197
  }
169
198
 
170
199
  .sidebar {
171
200
  width: 45%;
201
+ max-width: 300px;
202
+ min-width: 270px;
172
203
  background-color: $background;
173
204
 
174
205
  .edit-sidebar {
175
206
  display: flex;
176
207
  flex-direction: column;
177
208
  align-items: center;
178
- justify-content: center;
209
+ justify-content: flex-start;
179
210
  text-align: center;
180
- height: calc(100% - 60px);
181
- gap: 50px;
182
-
183
- .sidebar-header {
184
- width: 85%;
185
- height: 50%;
186
-
187
- h3 {
188
- color: $text-color;
189
- font-weight: 600;
190
- font-size: 16px;
191
- line-height: 24px;
192
- padding-bottom: 15px;
193
- }
194
-
195
- .description {
196
- color: $grey;
197
- font-size: 14px;
198
- font-weight: 400;
199
- line-height: 20px;
200
-
201
- &:last-child {
202
- padding-top: 12px;
203
- }
204
- }
205
- }
211
+ height: 100%;
206
212
 
207
213
  .buttons-container {
208
214
  width: 85%;
209
215
  display: flex;
210
216
  flex-direction: column;
211
- gap: 24px;
212
217
  color: $grey-dark;
213
218
 
214
219
  .pages-selected {
215
220
  font-weight: 400;
216
221
  font-size: 14px;
222
+ margin-bottom: 15px;
217
223
 
218
224
  &.disabled {
219
225
  color: $grey;
220
226
  }
221
227
  }
222
228
 
223
- .rotate {
229
+ .edit-buttons {
224
230
  display: flex;
225
231
  flex-direction: column;
226
232
  gap: 8px;
227
- }
233
+ border-bottom: 1px solid $grey-detail;
228
234
 
229
- .rotate-button {
230
- display: flex;
231
- align-items: center;
232
- justify-content: center;
233
- padding: 0 !important;
234
- white-space: initial;
235
- line-height: 1;
236
- gap: 5px;
235
+ .sidebar-buttons {
236
+ .edit-mode-btn {
237
+ display: flex;
238
+ width: 100%;
237
239
 
238
- .button-content {
239
- display: flex;
240
- align-items: center;
241
- justify-content: center;
240
+ .button-content {
241
+ display: flex;
242
+ align-items: center;
243
+ justify-content: center;
244
+ gap: 9px;
245
+
246
+ .button-text {
247
+ font-size: 14px;
248
+ font-weight: 500;
249
+ max-width: 70%;
250
+ }
251
+ }
252
+ }
242
253
 
243
- .button-text {
244
- font-size: 16px;
245
- max-width: 70%;
254
+ &:first-child {
255
+ margin-top: 14px;
246
256
  }
257
+
258
+ &:last-child {
259
+ margin-bottom: 14px;
260
+ }
261
+ }
262
+
263
+ &:first-child {
264
+ margin-top: 14px;
265
+ }
266
+
267
+ &:last-child {
268
+ margin-bottom: 14px;
269
+ }
270
+ }
271
+ }
272
+
273
+ .smart-split {
274
+ .switch {
275
+ .control-label {
276
+ .switch-text {
277
+ font-size: 14px;
278
+ padding-right: 10px;
279
+ color: $grey-dark;
280
+ font-weight: 500;
281
+ }
282
+ }
283
+
284
+ .new-badge {
285
+ background: linear-gradient(90deg, #c1ff79 0%, #79fff7 100%);
286
+ border-radius: 36px;
287
+ font-weight: 700;
288
+ font-size: 11px;
289
+ padding: 5px;
290
+ color: $text-color;
247
291
  }
248
292
  }
249
293
  }