@konfuzio/document-validation-ui 0.1.34-dev.5 → 0.1.34-dev.7

package/package.json

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

package/src/components/DocumentAnnotations/AnnotationContent.vue

@@ -2,9 +2,8 @@
   <div :id="annotation.id" ref="annotation" class="annotation">
     <b-checkbox
       v-if="annotation.metadata && annotation.metadata.checkbox"
+      v-model="isChecked"
       class="annotation-checkbox"
-      :native-value="isChecked"
-      @input="handleCheckboxChanged"
     />
     <span
       :id="annotation.id"
@@ -62,9 +61,16 @@ export default {
     },
   },
   data() {
+    const checkboxValue =
+      this.annotation &&
+      this.annotation.metadata &&
+      this.annotation.metadata.checkbox &&
+      this.annotation.metadata.checkbox.is_checked;
     return {
       isLoading: false,
-      isChecked: false, //this.annotation.metadata.omr.is_checked,
+      checkboxDefaultValue: checkboxValue,
+      isCheckboxAvailable: false,
+      isChecked: checkboxValue,
     };
   },
   computed: {
@@ -98,15 +104,29 @@ export default {
       // span content changed, ex. from click on entity
       this.setText(this.span.offset_string);
     },
+    isChecked() {
+      if (this.isCheckboxAvailable) {
+        this.handleCheckboxChanged(this.isChecked);
+      } else {
+        if (this.isChecked !== this.checkboxDefaultValue) {
+          this.$buefy.dialog.confirm({
+            container: "#app .dv-ui-app-container",
+            canCancel: ["button"],
+            message: this.$t("edit_ann_content_warning"),
+            onConfirm: () => {
+              this.isCheckboxAvailable = true;
+              this.handleCheckboxChanged(this.isChecked);
+            },
+            onCancel: () => {
+              this.isChecked = !this.isChecked;
+            },
+          });
+        }
+      }
+    },
   },
 
   methods: {
-    setText(text) {
-      this.$refs.contentEditable.textContent = text;
-    },
-    getAnnotationText() {
-      return this.$refs.contentEditable.textContent.trim();
-    },
     handleCheckboxChanged(value) {
       this.$store
         .dispatch("document/updateAnnotation", {
@@ -128,6 +148,12 @@ export default {
           });
         });
     },
+    setText(text) {
+      this.$refs.contentEditable.textContent = text;
+    },
+    getAnnotationText() {
+      return this.$refs.contentEditable.textContent.trim();
+    },
     handleEditAnnotation(event) {
       if (this.publicView || this.isDocumentReviewed) return;
 

package/src/components/DocumentAnnotations/AnnotationRow.vue

@@ -39,7 +39,11 @@
       </div>
 
       <div
-        v-if="showAnnotationTranslations"
+        v-if="
+          showAnnotationTranslations &&
+          annotation &&
+          annotation.translated_string
+        "
         :class="['annotation-translation', !isDocumentReviewed && 'pointer']"
         @click="editAnnotationTranslation(annotation.id)"
       >

package/src/locales/en.json

@@ -158,7 +158,7 @@
   "human_feedback_needed": "Human Feedback needed",
   "label_missing_annotations": "Missing Annotations",
   "accepted_annotations": "Accepted Annotations",
-  "edit_ann_content_warning": "If you change the text, the AI cannot use this Annotation. You will also invalidate the training data. Try to change the selection to capture the text before adding it manually, or press OK to continue anyway.",
+  "edit_ann_content_warning": "If you change the content, the AI cannot use this Annotation. You will also invalidate the training data. Try to change the selection to capture the content before adding it manually, or press OK to continue anyway.",
   "annotation_deleted": "This annotation has been deleted.",
   "annotation_link": "Copy the permanent link to this annotation",
   "copied": "Copied",