@konfuzio/document-validation-ui 0.1.54 → 0.1.55-dev.1

package/src/locales/es.json

@@ -102,7 +102,7 @@
   "decline": "Declinar",
   "server_error": "Estamos experimentando problemas con el servidor. Por favor, repita la operación o ",
   "get_support": "Contacte al Soporte",
-  "no_labels_available": "No hay etiquetas vacías o múltiples en el grupo de anotaciones seleccionado. Para más información, haz clic en <a href='https://help.konfuzio.com/modules/labels/index.html#multiple' target='_blank'>este enlace</a>.",
+  "no_labels_available": "No hay etiquetas vacías o múltiples en el grupo de anotaciones seleccionado.",
   "new_ann_set_title": "Crear anotaciones múltiples",
   "new_ann_set_description": "Seleccione un modelo de datos de las opciones disponibles, y luego deseleccione las etiquetas que no existen en este documento.",
   "select_label_set": "Seleccione un modelo de grupo de etiquetas",

package/src/main.js

@@ -1,33 +1,30 @@
 import App from "./components/App";
-import Vue from "vue";
+import { createApp } from "vue";
 import Buefy from "buefy";
 import VueKonva from "vue-konva";
-import i18n from "./i18n";
-import store from "./store";
-import VueObserveVisibility from "vue-observe-visibility";
+import { i18n } from "./i18n";
+import { store } from "./store";
+import VueObserveVisibility from "vue3-observe-visibility";
 import Icons from "./icons";
-import VueSplit from "vue-split-panel";
 
 // Log app version
 console.log(
   `${require("../package.json").name} ${require("../package.json").version}`
 );
 
-Vue.component("VueFontawesome", Icons);
-Vue.component("App", App);
-Vue.use(VueKonva);
-Vue.use(Buefy, {
+const app = createApp(App);
+
+app.component("VueFontawesome", Icons);
+app.use(VueKonva);
+app.use(Buefy, {
   defaultIconPack: "fas",
   defaultIconComponent: "vue-fontawesome",
 });
-Vue.use(VueObserveVisibility);
-Vue.use(VueSplit);
+app.use(VueObserveVisibility);
+app.use(store);
+app.use(i18n);
 
 /**
  * Main entrypoint for the App
  */
-new Vue({
-  i18n,
-  store,
-  el: "#app",
-});
+app.mount("#app");

package/src/store/display.js

@@ -112,32 +112,43 @@ const getters = {
    * image rendering.
    */
   imageScale: (state) => (page) => {
-    return new BigNumber(page.size[0]).div(page.original_size[0]).toNumber();
+    if (
+      page.size &&
+      page.size.length > 0 &&
+      page.original_size &&
+      page.original_size.length > 0
+    ) {
+      return new BigNumber(page.size[0]).div(page.original_size[0]).toNumber();
+    }
+    return 0;
   },
   bboxToPoint:
     (state, getters) =>
     (page, point, hasOffset = false) => {
-      const imageScale = getters.imageScale(page);
-      const { x, y } = point;
-      const pageHeight = new BigNumber(page.original_size[1]);
-      const newPoint = {
-        // left
-        x: new BigNumber(x)
-          .minus(hasOffset ? 1 : 0)
-          .times(state.scale)
-          .times(imageScale)
-          .div(PIXEL_RATIO)
-          .toNumber(),
-        // top
-        y: pageHeight
-          .minus(new BigNumber(y))
-          .minus(hasOffset ? 17.1 : 0)
-          .times(state.scale)
-          .times(imageScale)
-          .div(PIXEL_RATIO)
-          .toNumber(),
-      };
-      return newPoint;
+      if (page && page.original_size && page.original_size.length > 1) {
+        const imageScale = getters.imageScale(page);
+        const { x, y } = point;
+        const pageHeight = new BigNumber(page.original_size[1]);
+        const newPoint = {
+          // left
+          x: new BigNumber(x)
+            .minus(hasOffset ? 1 : 0)
+            .times(state.scale)
+            .times(imageScale)
+            .div(PIXEL_RATIO)
+            .toNumber(),
+          // top
+          y: pageHeight
+            .minus(new BigNumber(y))
+            .minus(hasOffset ? 17.1 : 0)
+            .times(state.scale)
+            .times(imageScale)
+            .div(PIXEL_RATIO)
+            .toNumber(),
+        };
+        return newPoint;
+      }
+      return { x: 0, y: 0 };
     },
   bboxToRect:
     (state, getters) =>

package/src/store/document.js

@@ -40,20 +40,9 @@ const state = {
   splittingSuggestions: null,
   enableGroupingFeature: true,
   annotationFilters: {
-    showFeedbackNeeded:
-      window.location.hash === "#unrevised" ||
-      window.location.hash === "#possiblyIncorrect" ||
-      true,
-    showEmpty:
-      window.location.hash === "#unrevised" ||
-      window.location.hash === "#possiblyIncorrect"
-        ? false
-        : true,
-    showAccepted:
-      window.location.hash === "#unrevised" ||
-      window.location.hash === "#possiblyIncorrect"
-        ? false
-        : true,
+    showFeedbackNeeded: true,
+    showEmpty: true,
+    showAccepted: true,
   },
   annotationSearch:
     (getURLQueryParam("search") && getURLQueryParam("search").split(",")) || [],
@@ -1268,11 +1257,19 @@ const actions = {
     });
   },
 
-  deleteAnnotation: ({ commit, getters }, { annotationId, annotationSet }) => {
+  deleteAnnotation: (
+    { commit, getters, state },
+    { annotationId, annotationSet }
+  ) => {
     return new Promise((resolve, reject) => {
       HTTP.delete(`/annotations/${annotationId}/`)
         .then(async (response) => {
           if (response.status === 204) {
+            if (state.annotationId === annotationId) {
+              commit("SET_ANNOTATION_ID", null);
+              setURLAnnotationHash(null);
+            }
+
             commit("DELETE_ANNOTATION", annotationId);
 
             // Check if the deleted annotation was the last one in a multiple annotation set
@@ -1535,6 +1532,15 @@ const actions = {
       dispatch("fetchDocument");
     }
   },
+  showMissingAnnotations({ commit }, show) {
+    commit("SET_SHOW_MISSING_ANNOTATIONS", show);
+  },
+  showFeedbackNeededAnnotations({ commit }, show) {
+    commit("SET_SHOW_FEEDBACK_NEEDED_ANNOTATIONS", show);
+  },
+  showAcceptedAnnotations({ commit }, show) {
+    commit("SET_SHOW_ACCEPTED_ANNOTATIONS", show);
+  },
 };
 
 const mutations = {
@@ -1799,6 +1805,15 @@ const mutations = {
     state.annotationSearch = search;
     setURLQueryParam("search", search);
   },
+  SET_SHOW_MISSING_ANNOTATIONS: (state, show) => {
+    state.annotationFilters.showEmpty = show;
+  },
+  SET_SHOW_ACCEPTED_ANNOTATIONS: (state, show) => {
+    state.annotationFilters.showAccepted = show;
+  },
+  SET_SHOW_FEEDBACK_NEEDED_ANNOTATIONS: (state, show) => {
+    state.annotationFilters.showFeedbackNeeded = show;
+  },
 };
 
 export default {

package/src/store/index.js

@@ -1,5 +1,4 @@
-import Vue from "vue";
-import Vuex from "vuex";
+import { createStore } from "vuex";
 
 import display from "./display";
 import document from "./document";
@@ -8,15 +7,13 @@ import project from "./project";
 import selection from "./selection";
 import edit from "./edit";
 
-Vue.use(Vuex);
-
-export default new Vuex.Store({
+export const store = createStore({
   modules: {
     display,
     document,
     category,
     project,
     selection,
-    edit
-  }
-});
+    edit,
+  },
+});

package/src/utils/utils.js

@@ -51,6 +51,12 @@ export function setURLQueryParam(query, value, deleteParam = "") {
 export function setURLAnnotationHash(annotationId) {
   if (annotationId) {
     window.location.hash = `ann${annotationId}`;
+  } else {
+    history.pushState(
+      "",
+      document.title,
+      window.location.pathname + window.location.search
+    );
   }
 }
 

package/src/assets/scss/imports.scss

@@ -1 +0,0 @@
-@import "./variables.scss";