@konfuzio/document-validation-ui 0.1.58 → 0.1.59-dev.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konfuzio/document-validation-ui",
-  "version": "0.1.58",
+  "version": "0.1.59-dev.1",
   "repository": "git://github.com:konfuzio-ai/document-validation-ui.git",
   "main": "dist/app.js",
   "scripts": {

package/src/assets/scss/document_annotations.scss

@@ -6,7 +6,6 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  height: 100%;
 
   &.disabled {
     pointer-events: none;

package/src/components/DocumentPage/EditAnnotation.vue

@@ -244,8 +244,24 @@ export default {
     document.body.removeEventListener("click", this.clickOutside);
   },
   methods: {
+    orderedSetList(setsList) {
+      setsList.sort((a, b) => {
+        const nameA = a.label_set.name;
+        const nameB = b.label_set.name;
+        if (nameA < nameB) {
+          return -1;
+        }
+        if (nameA > nameB) {
+          return 1;
+        }
+
+        // names must be equal
+        return 0;
+      });
+      return setsList;
+    },
     loadInfo() {
-      this.setsList = [...this.annotationSets];
+      this.setsList = this.orderedSetList([...this.annotationSets]);
 
       this.selectedSet = this.annotationSets.find(
         (annSet) => annSet.id === this.editAnnotation.annotationSet.id

package/src/components/DocumentPage/NewAnnotation.vue

@@ -252,7 +252,7 @@ export default {
     },
   },
   mounted() {
-    this.setsList = [...this.annotationSets];
+    this.setsList = this.orderedSetList([...this.annotationSets]);
     if (this.setsList.length === 1) {
       this.selectedSet = this.setsList[0];
     }
@@ -266,6 +266,22 @@ export default {
     document.body.removeEventListener("click", this.clickOutside);
   },
   methods: {
+    orderedSetList(setsList) {
+      setsList.sort((a, b) => {
+        const nameA = a.label_set.name;
+        const nameB = b.label_set.name;
+        if (nameA < nameB) {
+          return -1;
+        }
+        if (nameA > nameB) {
+          return 1;
+        }
+
+        // names must be equal
+        return 0;
+      });
+      return setsList;
+    },
     close() {
       this.$store.dispatch("selection/setSelectedEntities", null);
       this.$store.dispatch("selection/endSelection");