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

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 (73) 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 +38 -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 +9 -3
  25. package/src/components/DocumentAnnotations/AnnotationActionButtons.vue +171 -0
  26. package/src/components/DocumentAnnotations/AnnotationContent.vue +5 -3
  27. package/src/components/DocumentAnnotations/AnnotationDetails.vue +28 -7
  28. package/src/components/DocumentAnnotations/AnnotationRow.vue +133 -41
  29. package/src/components/DocumentAnnotations/AnnotationSetActionButtons.vue +86 -0
  30. package/src/components/DocumentAnnotations/CategorizeModal.vue +28 -2
  31. package/src/components/DocumentAnnotations/DocumentAnnotations.vue +121 -97
  32. package/src/components/DocumentAnnotations/EmptyAnnotation.vue +21 -5
  33. package/src/components/DocumentAnnotations/ExtractingData.vue +3 -3
  34. package/src/components/DocumentAnnotations/index.js +0 -1
  35. package/src/components/DocumentCategory.vue +13 -5
  36. package/src/components/DocumentDashboard.vue +17 -6
  37. package/src/components/DocumentEdit/DocumentEdit.vue +208 -68
  38. package/src/components/DocumentEdit/EditConfirmationModal.vue +54 -0
  39. package/src/components/DocumentEdit/EditPages.vue +29 -18
  40. package/src/components/DocumentEdit/EditSidebar.vue +92 -45
  41. package/src/components/DocumentEdit/SidebarButtons.vue +53 -0
  42. package/src/components/DocumentEdit/SplitInfoBar.vue +19 -0
  43. package/src/components/DocumentEdit/SplitOverview.vue +4 -5
  44. package/src/components/{DocumentError.vue → DocumentModals/DocumentErrorModal.vue} +3 -4
  45. package/src/components/{NotOptimizedViewportModal.vue → DocumentModals/NotOptimizedViewportModal.vue} +2 -2
  46. package/src/components/DocumentModals/SplittingSuggestionsModal.vue +120 -0
  47. package/src/components/DocumentPage/ActionBar.vue +3 -3
  48. package/src/components/DocumentPage/AnnSetTableOptions.vue +107 -0
  49. package/src/components/DocumentPage/DocumentPage.vue +39 -10
  50. package/src/components/DocumentPage/DocumentToolbar.vue +6 -2
  51. package/src/components/DocumentPage/MultiAnnSelection.vue +90 -2
  52. package/src/components/DocumentPage/MultiAnnotationTableOverlay.vue +274 -0
  53. package/src/components/DocumentPage/MultiAnnotationTablePopup.vue +19 -46
  54. package/src/components/DocumentPage/NewAnnotation.vue +1 -1
  55. package/src/components/DocumentPage/ScrollingDocument.vue +43 -4
  56. package/src/components/DocumentPage/ScrollingPage.vue +4 -5
  57. package/src/components/DocumentThumbnails/DocumentThumbnails.vue +14 -11
  58. package/src/components/DocumentTopBar/DocumentName.vue +6 -1
  59. package/src/components/DocumentTopBar/DocumentTopBar.vue +9 -9
  60. package/src/components/DocumentTopBar/DocumentTopBarButtons.vue +38 -32
  61. package/src/components/DocumentTopBar/KeyboardActionsDescription.vue +9 -3
  62. package/src/components/DocumentsList/DocumentsList.vue +11 -2
  63. package/src/locales/de.json +23 -6
  64. package/src/locales/en.json +24 -6
  65. package/src/locales/es.json +23 -6
  66. package/src/store/category.js +1 -1
  67. package/src/store/display.js +51 -0
  68. package/src/store/document.js +181 -24
  69. package/src/store/edit.js +71 -48
  70. package/src/store/project.js +14 -14
  71. package/src/utils/utils.js +13 -0
  72. package/src/components/DocumentAnnotations/ActionButtons.vue +0 -257
  73. 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
  }