@konfuzio/document-validation-ui 0.1.47-dev.0 → 0.1.47-dev.1

package/package.json

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

package/src/components/DocumentPage/DocumentPage.vue

@@ -83,7 +83,10 @@
                   :key="`label${annotation.id}`"
                   :config="{
                     listening: false,
-                    ...annotationLabelRect(bbox),
+                    ...annotationLabelRect(
+                      bbox,
+                      labelOfAnnotation(annotation).name
+                    ),
                   }"
                 >
                   <v-tag
@@ -150,7 +153,10 @@
           :key="`label${documentAnnotationSelected.id}`"
           :config="{
             listening: false,
-            ...annotationLabelRect(documentAnnotationSelected.span),
+            ...annotationLabelRect(
+              documentAnnotationSelected.span,
+              documentAnnotationSelected.labelName
+            ),
           }"
         >
           <v-tag
@@ -683,10 +689,17 @@ export default {
     /**
      * Builds the konva config object for the annotation label.
      */
-    annotationLabelRect(bbox) {
+    annotationLabelRect(bbox, labelName) {
       const rect = this.bboxToRect(this.page, bbox, true);
+
+      // calculations to check if label name will go off document
+      const calculatedX =
+        rect.x + labelName.length * 5.4 < this.scaledViewport.width
+          ? rect.x
+          : this.scaledViewport.width - labelName.length * 5.4;
+
       return {
-        x: rect.x,
+        x: calculatedX,
         y: rect.y,
       };
     },

package/src/store/document.js

@@ -1172,7 +1172,9 @@ const actions = {
 
   // Get document set data
   fetchDocumentSet: ({ commit, state }, documentSetId) => {
-    return HTTP.get(`document-sets/${documentSetId}/`)
+    return HTTP.get(
+      `document-sets/${documentSetId}/?expand=documents&fields=documents.id,documents.data_file_name,documents.category`
+    )
       .then((response) => {
         commit("SET_DOC_SET", response.data);
       })