@konfuzio/document-validation-ui 0.1.19-dev.2 → 0.1.19
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.
- package/.eslintrc.js +10 -10
- package/.prettierrc.json +1 -1
- package/LICENSE +21 -21
- package/README.md +24 -24
- package/cypress.config.js +13 -13
- package/dist/js/app.js +1 -1
- package/dist/js/app.js.map +1 -1
- package/dist/js/chunk-vendors.js +1 -1
- package/dist/js/chunk-vendors.js.map +1 -1
- package/jest.config.js +4 -4
- package/package.json +66 -66
- package/src/api.js +82 -82
- package/src/assets/images/AcceptedCheckMark.vue +8 -8
- package/src/assets/images/AcceptedUser.vue +8 -8
- package/src/assets/images/ActionIcon.vue +60 -60
- package/src/assets/images/ArrowDownKey.vue +11 -11
- package/src/assets/images/ArrowUpKey.vue +11 -11
- package/src/assets/images/CategoryIconImg.vue +13 -13
- package/src/assets/images/CheckMark.vue +8 -8
- package/src/assets/images/DraggableIcon.vue +14 -14
- package/src/assets/images/EditDocIcon.vue +12 -12
- package/src/assets/images/EmptyStateImg.vue +129 -129
- package/src/assets/images/ErrorIcon.vue +28 -28
- package/src/assets/images/EyeIcon.vue +11 -11
- package/src/assets/images/FileNameNotSavedImage.vue +26 -26
- package/src/assets/images/FileNameSavedImage.vue +14 -14
- package/src/assets/images/FitZoomIcon.vue +16 -16
- package/src/assets/images/GridIcon.vue +16 -16
- package/src/assets/images/KeyboardIcon.vue +16 -16
- package/src/assets/images/MagicWandIcon.vue +16 -16
- package/src/assets/images/MinusIcon.vue +13 -13
- package/src/assets/images/NotFoundIcon.vue +16 -16
- package/src/assets/images/NotOptimizedIllustration.vue +651 -651
- package/src/assets/images/PlusIcon.vue +13 -13
- package/src/assets/images/QuestionMark.vue +12 -12
- package/src/assets/images/ServerImage.vue +73 -73
- package/src/assets/images/SettingsIcon.vue +14 -14
- package/src/assets/images/SplitLines.vue +18 -18
- package/src/assets/images/SplitZigZag.vue +49 -49
- package/src/assets/images/StarIcon.vue +16 -16
- package/src/assets/images/StatusImg.vue +14 -14
- package/src/assets/images/TranslateArrows.vue +33 -33
- package/src/assets/scss/ann_set_table_options.scss +26 -26
- package/src/assets/scss/annotation_details.scss +141 -141
- package/src/assets/scss/choose_label_set_modal.scss +65 -65
- package/src/assets/scss/document_action_bar.scss +37 -37
- package/src/assets/scss/document_annotations.scss +558 -558
- package/src/assets/scss/document_category.scss +85 -85
- package/src/assets/scss/document_dashboard.scss +52 -52
- package/src/assets/scss/document_edit.scss +410 -410
- package/src/assets/scss/document_error.scss +81 -81
- package/src/assets/scss/document_name.scss +60 -60
- package/src/assets/scss/document_page.scss +12 -12
- package/src/assets/scss/document_thumbnails.scss +41 -41
- package/src/assets/scss/document_toolbar.scss +111 -111
- package/src/assets/scss/document_top_bar.scss +171 -171
- package/src/assets/scss/document_viewport_modal.scss +25 -25
- package/src/assets/scss/documents_list.scss +141 -141
- package/src/assets/scss/edit_page_thumbnail.scss +53 -53
- package/src/assets/scss/empty_state.scss +34 -34
- package/src/assets/scss/extracting_data.scss +35 -35
- package/src/assets/scss/imports.scss +1 -1
- package/src/assets/scss/multi_ann_table_overlay.scss +38 -38
- package/src/assets/scss/multi_ann_table_popup.scss +12 -12
- package/src/assets/scss/new_annotation.scss +102 -102
- package/src/assets/scss/scrolling_document.scss +19 -19
- package/src/assets/scss/theme.scss +801 -801
- package/src/assets/scss/variables.scss +66 -66
- package/src/components/App.cy.js +7 -7
- package/src/components/App.vue +187 -187
- package/src/components/DocumentAnnotations/AnnotationActionButtons.vue +152 -152
- package/src/components/DocumentAnnotations/AnnotationContent.vue +210 -210
- package/src/components/DocumentAnnotations/AnnotationDetails.vue +251 -251
- package/src/components/DocumentAnnotations/AnnotationRow.vue +752 -752
- package/src/components/DocumentAnnotations/AnnotationSetActionButtons.vue +89 -89
- package/src/components/DocumentAnnotations/ChooseLabelSetModal.vue +186 -186
- package/src/components/DocumentAnnotations/DocumentAnnotations.cy.js +441 -441
- package/src/components/DocumentAnnotations/DocumentAnnotations.vue +534 -534
- package/src/components/DocumentAnnotations/DocumentLabel.vue +189 -189
- package/src/components/DocumentAnnotations/EmptyAnnotation.vue +193 -193
- package/src/components/DocumentAnnotations/EmptyState.vue +21 -21
- package/src/components/DocumentAnnotations/ExtractingData.vue +41 -41
- package/src/components/DocumentAnnotations/LoadingAnnotations.vue +43 -43
- package/src/components/DocumentAnnotations/LoadingLabels.vue +43 -43
- package/src/components/DocumentAnnotations/MultiAnnotationTableOverlay.vue +338 -338
- package/src/components/DocumentAnnotations/index.js +8 -8
- package/src/components/DocumentCategory.vue +281 -281
- package/src/components/DocumentDashboard.vue +170 -170
- package/src/components/DocumentEdit/DocumentEdit.cy.js +541 -541
- package/src/components/DocumentEdit/DocumentEdit.vue +503 -503
- package/src/components/DocumentEdit/EditConfirmationModal.vue +55 -55
- package/src/components/DocumentEdit/EditPageThumbnail.vue +114 -114
- package/src/components/DocumentEdit/EditPages.vue +161 -161
- package/src/components/DocumentEdit/EditSidebar.vue +154 -154
- package/src/components/DocumentEdit/RenameAndCategorize.vue +184 -184
- package/src/components/DocumentEdit/SidebarButtons.vue +53 -53
- package/src/components/DocumentEdit/SplitInfoBar.vue +21 -21
- package/src/components/DocumentEdit/index.js +4 -4
- package/src/components/DocumentModals/DocumentErrorModal.vue +58 -58
- package/src/components/DocumentModals/NotOptimizedViewportModal.vue +51 -51
- package/src/components/DocumentPage/ActionBar.vue +48 -48
- package/src/components/DocumentPage/AnnSetTableOptions.vue +111 -111
- package/src/components/DocumentPage/BoxSelection.vue +152 -152
- package/src/components/DocumentPage/DocumentPage.cy.js +92 -92
- package/src/components/DocumentPage/DocumentPage.vue +568 -568
- package/src/components/DocumentPage/DocumentToolbar.cy.js +215 -215
- package/src/components/DocumentPage/DocumentToolbar.vue +228 -228
- package/src/components/DocumentPage/DummyPage.vue +55 -55
- package/src/components/DocumentPage/MultiAnnSelection.vue +371 -371
- package/src/components/DocumentPage/NewAnnotation.vue +308 -308
- package/src/components/DocumentPage/ScrollingDocument.vue +149 -149
- package/src/components/DocumentPage/ScrollingPage.vue +179 -179
- package/src/components/DocumentPage/index.js +5 -5
- package/src/components/DocumentThumbnails/DocumentThumbnails.cy.js +67 -67
- package/src/components/DocumentThumbnails/DocumentThumbnails.vue +132 -132
- package/src/components/DocumentThumbnails/LoadingThumbnail.vue +25 -25
- package/src/components/DocumentThumbnails/index.js +1 -1
- package/src/components/DocumentTopBar/DocumentName.vue +236 -236
- package/src/components/DocumentTopBar/DocumentTopBar.cy.js +222 -222
- package/src/components/DocumentTopBar/DocumentTopBar.vue +202 -202
- package/src/components/DocumentTopBar/DocumentTopBarButtons.vue +183 -183
- package/src/components/DocumentTopBar/KeyboardActionsDescription.vue +74 -74
- package/src/components/DocumentTopBar/index.js +3 -3
- package/src/components/DocumentsList/DocumentsList.vue +121 -121
- package/src/components/DocumentsList/index.js +1 -1
- package/src/components/ErrorMessage.vue +40 -40
- package/src/components/index.js +1 -1
- package/src/constants.js +5 -5
- package/src/directives/scroll.js +28 -28
- package/src/i18n.js +22 -22
- package/src/icons.js +45 -45
- package/src/locales/de.json +148 -148
- package/src/locales/en.json +148 -148
- package/src/main.js +26 -26
- package/src/store/category.js +191 -191
- package/src/store/display.js +311 -311
- package/src/store/document.js +1438 -1438
- package/src/store/edit.js +316 -316
- package/src/store/index.js +21 -21
- package/src/store/project.js +143 -143
- package/src/store/selection.js +210 -210
- package/src/utils/utils.js +54 -54
- package/vue.config.js +25 -25
package/src/store/project.js
CHANGED
|
@@ -1,143 +1,143 @@
|
|
|
1
|
-
import myImports from "../api";
|
|
2
|
-
const HTTP = myImports.HTTP;
|
|
3
|
-
|
|
4
|
-
const state = {
|
|
5
|
-
projectId: null,
|
|
6
|
-
currentUser: null,
|
|
7
|
-
documentsListPath: null,
|
|
8
|
-
documentsInProject: null,
|
|
9
|
-
translationsEnabled: false,
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
const getters = {
|
|
13
|
-
/**
|
|
14
|
-
* Gets label sets for an annotation set creation
|
|
15
|
-
*/
|
|
16
|
-
labelSetsFilteredForAnnotationSetCreation:
|
|
17
|
-
(state) => (labelsSet, annotationSets) => {
|
|
18
|
-
let returnLabels = [];
|
|
19
|
-
if (labelsSet) {
|
|
20
|
-
returnLabels = labelsSet.filter((labelSet) => {
|
|
21
|
-
// check if label set has multiple and if not, if there's already an annotation set created
|
|
22
|
-
if (!labelSet.has_multiple_annotation_sets) {
|
|
23
|
-
const existingAnnotationSet = annotationSets.find((annSet) => {
|
|
24
|
-
return annSet.id === labelSet.id;
|
|
25
|
-
});
|
|
26
|
-
return existingAnnotationSet;
|
|
27
|
-
} else {
|
|
28
|
-
return true;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
return returnLabels;
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
const actions = {
|
|
37
|
-
setProjectId: ({ commit }, projectId) => {
|
|
38
|
-
commit("SET_PROJECT_ID", projectId);
|
|
39
|
-
},
|
|
40
|
-
// Get label details
|
|
41
|
-
fetchLabelSetDetails: ({ commit, state }, labelSetId) => {
|
|
42
|
-
return new Promise((resolve, reject) => {
|
|
43
|
-
HTTP.get(`label-sets/${labelSetId}/`)
|
|
44
|
-
.then((response) => {
|
|
45
|
-
return resolve(response.data);
|
|
46
|
-
})
|
|
47
|
-
.catch((error) => {
|
|
48
|
-
reject(error);
|
|
49
|
-
console.log(error);
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
},
|
|
53
|
-
|
|
54
|
-
// Get label sets from the project
|
|
55
|
-
fetchLabelSets: ({ state }) => {
|
|
56
|
-
return new Promise((resolve, reject) => {
|
|
57
|
-
HTTP.get(`label-sets/?project=${state.projectId}`)
|
|
58
|
-
.then((response) => {
|
|
59
|
-
return resolve(response.data.results);
|
|
60
|
-
})
|
|
61
|
-
.catch((error) => {
|
|
62
|
-
reject(error);
|
|
63
|
-
console.log(error);
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
},
|
|
67
|
-
|
|
68
|
-
fetchCurrentUser: ({ commit }) => {
|
|
69
|
-
return HTTP.get(`/auth/me/`)
|
|
70
|
-
.then((response) => {
|
|
71
|
-
commit("SET_CURRENT_USER", response.data);
|
|
72
|
-
})
|
|
73
|
-
.catch((error) => {
|
|
74
|
-
console.log(error);
|
|
75
|
-
});
|
|
76
|
-
},
|
|
77
|
-
|
|
78
|
-
setCurrentUser: ({ commit }, currentUser) => {
|
|
79
|
-
commit("SET_CURRENT_USER", currentUser);
|
|
80
|
-
},
|
|
81
|
-
|
|
82
|
-
setDocumentsListPath: ({ commit }, path) => {
|
|
83
|
-
commit("SET_DOCUMENTS_LIST_PATH", path);
|
|
84
|
-
},
|
|
85
|
-
|
|
86
|
-
setDocumentsInProject: ({ commit }, documents) => {
|
|
87
|
-
commit("SET_DOCUMENTS_IN_PROJECT", documents);
|
|
88
|
-
},
|
|
89
|
-
|
|
90
|
-
fetchDocumentList: ({ commit, state }, parameters) => {
|
|
91
|
-
return HTTP.get(
|
|
92
|
-
`documents/?project=${state.projectId}&assignee=${state.currentUser.username}&limit=100&${parameters}`
|
|
93
|
-
)
|
|
94
|
-
.then((response) => {
|
|
95
|
-
if (response.data.results) {
|
|
96
|
-
commit("SET_DOCUMENTS_IN_PROJECT", response.data.results);
|
|
97
|
-
}
|
|
98
|
-
})
|
|
99
|
-
.catch((error) => {
|
|
100
|
-
console.log(error, "Could not fetch document list from the backend");
|
|
101
|
-
});
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
fetchProjectDetails: ({commit}, projectId) => {
|
|
105
|
-
return HTTP.get(
|
|
106
|
-
`projects/${projectId}/`
|
|
107
|
-
)
|
|
108
|
-
.then((response) => {
|
|
109
|
-
if (response.data.enable_translated_strings) {
|
|
110
|
-
commit("SET_TRANSLATIONS_ENABLED", true);
|
|
111
|
-
}
|
|
112
|
-
})
|
|
113
|
-
.catch((error) => {
|
|
114
|
-
console.log(error, "Could not fetch project details from the backend");
|
|
115
|
-
});
|
|
116
|
-
}
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
const mutations = {
|
|
120
|
-
SET_PROJECT_ID: (state, projectId) => {
|
|
121
|
-
state.projectId = projectId;
|
|
122
|
-
},
|
|
123
|
-
SET_CURRENT_USER: (state, currentUser) => {
|
|
124
|
-
state.currentUser = currentUser;
|
|
125
|
-
},
|
|
126
|
-
SET_DOCUMENTS_LIST_PATH: (state, path) => {
|
|
127
|
-
state.documentsListPath = path;
|
|
128
|
-
},
|
|
129
|
-
SET_DOCUMENTS_IN_PROJECT: (state, documents) => {
|
|
130
|
-
state.documentsInProject = documents;
|
|
131
|
-
},
|
|
132
|
-
SET_TRANSLATIONS_ENABLED: (state, value) => {
|
|
133
|
-
state.translationsEnabled = value;
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
export default {
|
|
138
|
-
namespaced: true,
|
|
139
|
-
state,
|
|
140
|
-
actions,
|
|
141
|
-
mutations,
|
|
142
|
-
getters,
|
|
143
|
-
};
|
|
1
|
+
import myImports from "../api";
|
|
2
|
+
const HTTP = myImports.HTTP;
|
|
3
|
+
|
|
4
|
+
const state = {
|
|
5
|
+
projectId: null,
|
|
6
|
+
currentUser: null,
|
|
7
|
+
documentsListPath: null,
|
|
8
|
+
documentsInProject: null,
|
|
9
|
+
translationsEnabled: false,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
const getters = {
|
|
13
|
+
/**
|
|
14
|
+
* Gets label sets for an annotation set creation
|
|
15
|
+
*/
|
|
16
|
+
labelSetsFilteredForAnnotationSetCreation:
|
|
17
|
+
(state) => (labelsSet, annotationSets) => {
|
|
18
|
+
let returnLabels = [];
|
|
19
|
+
if (labelsSet) {
|
|
20
|
+
returnLabels = labelsSet.filter((labelSet) => {
|
|
21
|
+
// check if label set has multiple and if not, if there's already an annotation set created
|
|
22
|
+
if (!labelSet.has_multiple_annotation_sets) {
|
|
23
|
+
const existingAnnotationSet = annotationSets.find((annSet) => {
|
|
24
|
+
return annSet.id === labelSet.id;
|
|
25
|
+
});
|
|
26
|
+
return existingAnnotationSet;
|
|
27
|
+
} else {
|
|
28
|
+
return true;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
return returnLabels;
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
const actions = {
|
|
37
|
+
setProjectId: ({ commit }, projectId) => {
|
|
38
|
+
commit("SET_PROJECT_ID", projectId);
|
|
39
|
+
},
|
|
40
|
+
// Get label details
|
|
41
|
+
fetchLabelSetDetails: ({ commit, state }, labelSetId) => {
|
|
42
|
+
return new Promise((resolve, reject) => {
|
|
43
|
+
HTTP.get(`label-sets/${labelSetId}/`)
|
|
44
|
+
.then((response) => {
|
|
45
|
+
return resolve(response.data);
|
|
46
|
+
})
|
|
47
|
+
.catch((error) => {
|
|
48
|
+
reject(error);
|
|
49
|
+
console.log(error);
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
},
|
|
53
|
+
|
|
54
|
+
// Get label sets from the project
|
|
55
|
+
fetchLabelSets: ({ state }) => {
|
|
56
|
+
return new Promise((resolve, reject) => {
|
|
57
|
+
HTTP.get(`label-sets/?project=${state.projectId}`)
|
|
58
|
+
.then((response) => {
|
|
59
|
+
return resolve(response.data.results);
|
|
60
|
+
})
|
|
61
|
+
.catch((error) => {
|
|
62
|
+
reject(error);
|
|
63
|
+
console.log(error);
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
},
|
|
67
|
+
|
|
68
|
+
fetchCurrentUser: ({ commit }) => {
|
|
69
|
+
return HTTP.get(`/auth/me/`)
|
|
70
|
+
.then((response) => {
|
|
71
|
+
commit("SET_CURRENT_USER", response.data);
|
|
72
|
+
})
|
|
73
|
+
.catch((error) => {
|
|
74
|
+
console.log(error);
|
|
75
|
+
});
|
|
76
|
+
},
|
|
77
|
+
|
|
78
|
+
setCurrentUser: ({ commit }, currentUser) => {
|
|
79
|
+
commit("SET_CURRENT_USER", currentUser);
|
|
80
|
+
},
|
|
81
|
+
|
|
82
|
+
setDocumentsListPath: ({ commit }, path) => {
|
|
83
|
+
commit("SET_DOCUMENTS_LIST_PATH", path);
|
|
84
|
+
},
|
|
85
|
+
|
|
86
|
+
setDocumentsInProject: ({ commit }, documents) => {
|
|
87
|
+
commit("SET_DOCUMENTS_IN_PROJECT", documents);
|
|
88
|
+
},
|
|
89
|
+
|
|
90
|
+
fetchDocumentList: ({ commit, state }, parameters) => {
|
|
91
|
+
return HTTP.get(
|
|
92
|
+
`documents/?project=${state.projectId}&assignee=${state.currentUser.username}&limit=100&${parameters}`
|
|
93
|
+
)
|
|
94
|
+
.then((response) => {
|
|
95
|
+
if (response.data.results) {
|
|
96
|
+
commit("SET_DOCUMENTS_IN_PROJECT", response.data.results);
|
|
97
|
+
}
|
|
98
|
+
})
|
|
99
|
+
.catch((error) => {
|
|
100
|
+
console.log(error, "Could not fetch document list from the backend");
|
|
101
|
+
});
|
|
102
|
+
},
|
|
103
|
+
|
|
104
|
+
fetchProjectDetails: ({commit}, projectId) => {
|
|
105
|
+
return HTTP.get(
|
|
106
|
+
`projects/${projectId}/`
|
|
107
|
+
)
|
|
108
|
+
.then((response) => {
|
|
109
|
+
if (response.data.enable_translated_strings) {
|
|
110
|
+
commit("SET_TRANSLATIONS_ENABLED", true);
|
|
111
|
+
}
|
|
112
|
+
})
|
|
113
|
+
.catch((error) => {
|
|
114
|
+
console.log(error, "Could not fetch project details from the backend");
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
const mutations = {
|
|
120
|
+
SET_PROJECT_ID: (state, projectId) => {
|
|
121
|
+
state.projectId = projectId;
|
|
122
|
+
},
|
|
123
|
+
SET_CURRENT_USER: (state, currentUser) => {
|
|
124
|
+
state.currentUser = currentUser;
|
|
125
|
+
},
|
|
126
|
+
SET_DOCUMENTS_LIST_PATH: (state, path) => {
|
|
127
|
+
state.documentsListPath = path;
|
|
128
|
+
},
|
|
129
|
+
SET_DOCUMENTS_IN_PROJECT: (state, documents) => {
|
|
130
|
+
state.documentsInProject = documents;
|
|
131
|
+
},
|
|
132
|
+
SET_TRANSLATIONS_ENABLED: (state, value) => {
|
|
133
|
+
state.translationsEnabled = value;
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
export default {
|
|
138
|
+
namespaced: true,
|
|
139
|
+
state,
|
|
140
|
+
actions,
|
|
141
|
+
mutations,
|
|
142
|
+
getters,
|
|
143
|
+
};
|