@konfuzio/document-validation-ui 0.1.24-dev.1 → 0.1.24-dev.2

package/package.json

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

package/src/components/App.vue

@@ -72,6 +72,12 @@ export default {
       required: false,
       default: "",
     },
+    // eslint-disable-next-line vue/prop-name-casing
+    details_url: {
+      type: String,
+      required: false,
+      default: "",
+    },
   },
   computed: {
     documentId() {
@@ -115,6 +121,15 @@ export default {
         return null;
       }
     },
+    detailsUrl() {
+      if (process.env.VUE_APP_DOCUMENT_DETAILS_URL) {
+        return process.env.VUE_APP_DOCUMENT_DETAILS_URL;
+      } else if (this.details_url) {
+        return this.details_url;
+      } else {
+        return null;
+      }
+    },
   },
   created() {
     // Sentry config
@@ -156,6 +171,7 @@ export default {
 
     // document and project config
     Promise.all([
+      this.$store.dispatch("display/setDetailsUrl", this.detailsUrl),
       this.$store.dispatch("document/setDocId", this.documentId),
       this.$store.dispatch("document/setPublicView", this.isPublicView),
       this.$store.dispatch(

package/src/components/DocumentTopBar/DocumentName.vue

@@ -57,11 +57,7 @@
       <span>{{ saved ? $t("saved") : $t("not_saved") }}</span>
     </div>
 
-    <div
-      v-if="showDetailsButton"
-      class="details-btn btn"
-      @click="openDocumentDetails"
-    >
+    <div v-if="detailsUrl" class="details-btn btn" @click="openDocumentDetails">
       {{ $t("document_details") }}
     </div>
   </div>
@@ -71,7 +67,6 @@
 import ServerImage from "../../assets/images/ServerImage";
 import FileNameSaved from "../../assets/images/FileNameSavedImage";
 import FileNameNotSaved from "../../assets/images/FileNameNotSavedImage";
-import { isKonfuzioDomain, getDocumentDetailsLink } from "../../utils/utils";
 import { mapGetters, mapState } from "vuex";
 
 export default {
@@ -101,11 +96,6 @@ export default {
       saved: false,
     };
   },
-  computed: {
-    showDetailsButton() {
-      return isKonfuzioDomain();
-    },
-  },
   computed: {
     ...mapState("document", [
       "selectedDocument",
@@ -113,7 +103,7 @@ export default {
       "recalculatingAnnotations",
       "documentId",
     ]),
-    ...mapState("display", ["optimalResolution"]),
+    ...mapState("display", ["optimalResolution", "detailsUrl"]),
     ...mapState("edit", ["editMode"]),
     ...mapGetters("document", ["isDocumentReviewed"]),
     textContent() {
@@ -245,7 +235,7 @@ export default {
       }
     },
     openDocumentDetails() {
-      window.location.href = getDocumentDetailsLink(this.documentId);
+      window.location.href = this.detailsUrl;
     },
   },
 };

package/src/locales/en.json

@@ -18,6 +18,7 @@
   "edit": "Edit",
   "rename": "Rename",
   "save": "Save",
+  "details": "Details",
   "autosaving": "Auto saving...",
   "saved": "Saved",
   "not_saved": "Could not save. Try again",

package/src/store/display.js

@@ -40,6 +40,7 @@ const state = {
   searchResults: [],
   searchLoading: false,
   currentSearchResult: null,
+  detailsUrl: null,
 };
 
 const getters = {
@@ -291,6 +292,10 @@ const actions = {
     commit("SET_PAGE_CHANGED_FROM_THUMBNAIL", value);
   },
 
+  setDetailsUrl: ({ commit }, value) => {
+    commit("SET_DETAILS_URL", value);
+  },
+
   debounceSearch: debounce(({ commit, dispatch }, query) => {
     dispatch("search", query);
   }, 300),
@@ -409,6 +414,9 @@ const mutations = {
   SET_CURRENT_SEARCH_RESULT: (state, n) => {
     state.currentSearchResult = n;
   },
+  SET_DETAILS_URL: (state, value) => {
+    state.detailsUrl = value;
+  },
 };
 
 export default {

package/src/utils/utils.js

@@ -49,15 +49,6 @@ export function navigateToDocumentsList(path, projectId, userId) {
   return true;
 }
 
-export function isKonfuzioDomain() {
-  return window.location.hostname.includes("konfuzio.com");
-}
-
-export function getDocumentDetailsLink(docId) {
-  const domain = window.location.hostname;
-  return `https://${domain}/admin/server/document/${docId}/change`;
-}
-
 export function isElementArray(element) {
   return Array.isArray(element);
 }