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

package/src/components/ErrorMessage.vue

@@ -3,7 +3,11 @@
     <div v-if="serverError" class="message-container">
       <span class="server-error">
         {{ errorMessage }}
-        <span class="contact-support" @click="handleGetSupport">
+        <span
+          v-if="showBranding"
+          class="contact-support"
+          @click="handleGetSupport"
+        >
           {{ $t("get_support") }} <b-icon icon="arrow-right" size="is-small"
         /></span>
       </span>
@@ -24,6 +28,7 @@ export default {
   name: "ErrorMessage",
   computed: {
     ...mapState("document", ["errorMessage", "serverError"]),
+    ...mapState("display", ["showBranding"]),
   },
   methods: {
     handleGetSupport() {

package/src/constants.js

@@ -2,4 +2,10 @@ export const PIXEL_RATIO = window.devicePixelRatio || 1;
 export const VIEWPORT_RATIO = 0.98;
 export const MINIMUM_APP_WIDTH = 600;
 export const MINIMUM_OPTIMIZED_APP_WIDTH = 950;
-export const TEXT_BREAKPOINT_WIDTH = 1800;
+export const TEXT_BREAKPOINT_WIDTH = (locale) => {
+  if (locale === "en") {
+    return 1350;
+  } else {
+    return 1800;
+  }
+};

package/src/i18n.js

@@ -1,4 +1,7 @@
-import { createI18n } from "vue-i18n";
+import Vue from "vue";
+import VueI18n from "vue-i18n";
+
+Vue.use(VueI18n);
 
 function loadLocaleMessages() {
   const locales = require.context(
@@ -17,7 +20,7 @@ function loadLocaleMessages() {
   return messages;
 }
 
-export const i18n = createI18n({
+export default new VueI18n({
   locale: process.env.VUE_APP_LOCALE || "en",
   fallbackLocale: "en",
   messages: loadLocaleMessages(),

package/src/locales/de.json

@@ -103,6 +103,7 @@
   "server_error": "Wir haben derzeit ein Serverproblem. Bitte versuchen Sie es später noch einmal oder",
   "get_support": "Hole dir Unterstützung",
   "no_labels_available": "Das ausgewählte Annotations-Set enthält keine nicht ausgefüllten oder multiplen Labels.",
+  "no_labels_available_link": "Weitere Informationen finden Sie unter <a href='https://help.konfuzio.com/modules/labels/index.html#multiple' target='_blank'>diesem Link</a>.",
   "new_ann_set_title": "Neues Annotations-Set",
   "new_ann_set_description": "Wählen Sie ein Datenmodell aus den vorhandenen aus. Das neue Annotations-Set enthält dieselben Beschriftungen.",
   "select_label_set": "Wählen Sie das Label-Set-Modell aus",
@@ -113,7 +114,8 @@
   "new_multi_ann_description": "Wählen Sie ein Datenmodell aus den vorhandenen aus und deaktivieren Sie dann die Labels, die in diesem Dokument nicht vorhanden sind.",
   "drag_drop_columns_multi_ann": "Drag and Drop, um die Reihenfolge der Labels zu ändern",
   "error_creating_multi_ann": "Nicht alle Annotationen wurden erfolgreich erstellt.",
-  "no_multi_ann_labelset_model": "Es gibt keine verfügbaren Label Sets, die mehrfach in diesem Dokument zu finden sind. Weitere Informationen finden Sie unter <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>diesem Link</a>.",
+  "no_multi_ann_labelset_model": "Es gibt keine verfügbaren Label Sets, die mehrfach in diesem Dokument zu finden sind.",
+  "no_multi_ann_labelset_model_link": "Weitere Informationen finden Sie unter <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>diesem Link</a>.",
   "single_category_in_project": "Das aktuelle Projekt hat nur eine Kategorie. Um sie ändern zu können, sollte die neue zuerst dem Projekt hinzugefügt werden.",
   "approved_annotations": "Die Kategorie kann nicht geändert werden, da bereits akzeptierte Annotationen oder manuell erstellte Annotationen zu diesem Dokument vorhanden sind.",
   "restore": "Wiederherstellen",
@@ -163,5 +165,6 @@
   "copied": "Kopiert",
   "checkbox_ann_details": "Für dieses Label wird ein Kästchen extrahiert.",
   "document_section": "Dokumentabschnitt",
-  "label_size": "Spaltengröße:"
+  "label_size": "Spaltengröße:",
+  "powered_by": "betrieben von Konfuzio"
 }

package/src/locales/en.json

@@ -110,12 +110,14 @@
   "server_error": "We are currently experiencing a server issue. Please try again later or",
   "get_support": "Get Support",
   "no_labels_available": "There are no unfilled or multiple labels in the selected annotation set.",
+  "no_labels_available_link": "For more details, you can visit <a href='https://help.konfuzio.com/modules/labels/index.html#multiple' target='_blank'>this link</a>.",
   "new_multi_ann_title": "Create multiple annotations",
   "new_multi_ann_description": "Select a data model from the existing ones, then deselect the labels that don't exist in this document.",
   "drag_drop_columns_multi_ann": "Drag and drop to change the order of the labels",
   "error_creating_multi_ann": "Not all annotation sets were created successfully.",
   "disabled_finish_review": "Finishing the document review is only possible after all annotations have been revised, whether they are accepted or marked as missing.",
-  "no_multi_ann_labelset_model": "There are no available label sets that can be found multiple times in this document. For more details, you can visit <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>this link</a>.",
+  "no_multi_ann_labelset_model": "There are no available label sets that can be found multiple times in this document.",
+  "no_multi_ann_labelset_model_link": "For more details, you can visit <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>this link</a>.",
   "single_category_in_project": "The current project has only one category. To be able to change it, the new one should be first added to the project.",
   "approved_annotations": "It is not possible to change the current category since the document has approved or manually created annotations.",
   "restore": "Restore",
@@ -164,5 +166,6 @@
   "copied": "Copied",
   "checkbox_ann_details": "A checkbox will be extracted for this label.",
   "document_section": "Document Section",
-  "label_size": "Column size:"
+  "label_size": "Column size:",
+  "powered_by": "powered by Konfuzio"
 }

package/src/locales/es.json

@@ -103,6 +103,7 @@
   "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.",
+  "no_labels_available_link": "Para más información, haz clic en <a href='https://help.konfuzio.com/modules/labels/index.html#multiple' target='_blank'>este enlace</a>.",
   "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",
@@ -112,7 +113,8 @@
   "drag_drop_columns_multi_ann": "Arrastre y suelte las columnas para ordenar las etiquetas",
   "error_creating_multi_ann": "No todos los grupos de anotaciones fueron creados de manera exitosa.",
   "disabled_finish_review": "Solo es posible finalizar la revisión del documento si todas las anotaciones han sido revisadas, ya sea aceptadas o marcadas como faltantes.",
-  "no_multi_ann_labelset_model": "En este documento no hay grupos de etiquetas múltiples disponibles. Para más información, haga clic en <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>este enlace</a>.",
+  "no_multi_ann_labelset_model": "En este documento no hay grupos de etiquetas múltiples disponibles.",
+  "no_multi_ann_labelset_model_link": "Para más información, haga clic en <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>este enlace</a>.",
   "single_category_in_project": "Este proyecto solo tiene una categoría. Para poder modificarla, es necesario agregar esta nueva categoría al proyecto.",
   "approved_annotations": "No es posible cambiar la categoría ya que existen anotaciones aceptadas o creadas manualmente en este documento.",
   "restore": "Restaurar",
@@ -163,5 +165,6 @@
   "copied": "Copiada",
   "checkbox_ann_details": "Se extraerá una casilla de verificación para esta etiqueta.",
   "document_section": "Sección del documento",
-  "label_size": "Tamaño de columna:"
+  "label_size": "Tamaño de columna:",
+  "powered_by": "impulsado por Konfuzio"
 }

package/src/main.js

@@ -1,30 +1,33 @@
 import App from "./components/App";
-import { createApp } from "vue";
+import Vue from "vue";
 import Buefy from "buefy";
 import VueKonva from "vue-konva";
-import { i18n } from "./i18n";
-import { store } from "./store";
-import VueObserveVisibility from "vue3-observe-visibility";
+import i18n from "./i18n";
+import store from "./store";
+import VueObserveVisibility from "vue-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}`
 );
 
-const app = createApp(App);
-
-app.component("VueFontawesome", Icons);
-app.use(VueKonva);
-app.use(Buefy, {
+Vue.component("VueFontawesome", Icons);
+Vue.component("App", App);
+Vue.use(VueKonva);
+Vue.use(Buefy, {
   defaultIconPack: "fas",
   defaultIconComponent: "vue-fontawesome",
 });
-app.use(VueObserveVisibility);
-app.use(store);
-app.use(i18n);
+Vue.use(VueObserveVisibility);
+Vue.use(VueSplit);
 
 /**
  * Main entrypoint for the App
  */
-app.mount("#app");
+new Vue({
+  i18n,
+  store,
+  el: "#app",
+});

package/src/store/display.js

@@ -37,6 +37,7 @@ const state = {
   pageError: null,
   labelWidth: 40,
   annotationWidth: 60,
+  showBranding: true,
 };
 
 const getters = {
@@ -112,43 +113,32 @@ const getters = {
    * image rendering.
    */
   imageScale: (state) => (page) => {
-    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;
+    return new BigNumber(page.size[0]).div(page.original_size[0]).toNumber();
   },
   bboxToPoint:
     (state, getters) =>
     (page, point, hasOffset = false) => {
-      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 };
+      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;
     },
   bboxToRect:
     (state, getters) =>
@@ -308,6 +298,9 @@ const actions = {
   showDocumentsNavigation({ commit }, show) {
     commit("SET_SHOW_DOCUMENTS_NAVIGATION", show);
   },
+  showBranding({ commit }, show) {
+    commit("SET_SHOW_BRANDING", show);
+  },
   showChooseLabelSetModal({ commit }, options) {
     commit("SET_SHOW_CHOOSE_LABEL_SET_MODAL", options);
   },
@@ -432,6 +425,10 @@ const mutations = {
     state.showDocumentsNavigation = show;
   },
 
+  SET_SHOW_BRANDING: (state, show) => {
+    state.showBranding = show;
+  },
+
   SET_ANN_SET_TABLE: (state, tableSet) => {
     state.showAnnSetTable = tableSet;
   },

package/src/store/index.js

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