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

package/src/components/DocumentTopBar/DocumentName.vue

@@ -32,7 +32,7 @@
       class="edit-btn btn"
       @click="handleEdit"
     >
-      {{ $t("edit") }}
+      {{ $t("rename") }}
     </div>
     <div
       v-if="showSaveBtn && !editMode"
@@ -56,6 +56,14 @@
       <span v-else class="cloud-icon"><FileNameNotSaved /></span>
       <span>{{ saved ? $t("saved") : $t("not_saved") }}</span>
     </div>
+
+    <div
+      v-if="showDetailsButton"
+      class="details-btn btn"
+      @click="openDocumentDetails"
+    >
+      {{ $t("document_details") }}
+    </div>
   </div>
 </template>
 
@@ -63,6 +71,7 @@
 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 {
@@ -92,11 +101,17 @@ export default {
       saved: false,
     };
   },
+  computed: {
+    showDetailsButton() {
+      return isKonfuzioDomain();
+    },
+  },
   computed: {
     ...mapState("document", [
       "selectedDocument",
       "publicView",
       "recalculatingAnnotations",
+      "documentId",
     ]),
     ...mapState("display", ["optimalResolution"]),
     ...mapState("edit", ["editMode"]),
@@ -229,6 +244,9 @@ export default {
         contentNotEditable.blur();
       }
     },
+    openDocumentDetails() {
+      window.location.href = getDocumentDetailsLink(this.documentId);
+    },
   },
 };
 </script>

package/src/icons.js

@@ -18,6 +18,7 @@ import {
   faArrowLeft,
   faArrowRight,
   faDownload,
+  faSearch,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as Icons } from "@fortawesome/vue-fontawesome";
 
@@ -39,7 +40,8 @@ library.add(
   faRepeat,
   faArrowLeft,
   faArrowRight,
-  faDownload
+  faDownload,
+  faSearch
 );
 
 export default Icons;

package/src/locales/de.json

@@ -16,6 +16,7 @@
   "set_status": "Setzen Sie bitte einen Status",
   "status_error": "Wir konnten den Status nicht ändern. Bitte versuchen Sie es später erneut.",
   "edit": "Bearbeiten",
+  "rename": "Umbenennen",
   "save": "Speichern",
   "autosaving": "Automatisches Speichern...",
   "saved": "Gespeichert",
@@ -146,5 +147,10 @@
   "translated_string_title": "Übersetzter Text",
   "no_translated_string": "Es existiert noch keine Übersetzung.",
   "add_translation": "Klicken Sie zum hinzufügen",
-  "edit_translation": "Zum Bearbeiten anklicken"
+  "edit_translation": "Zum Bearbeiten anklicken",
+  "search": "Suchen",
+  "no_results": "Keine Ergebnisse",
+  "search_below_minimum": "Mindestens 3 Zeichen",
+  "search_in_document": "Suche im Dokument",
+  "document_details": "Einzelheiten"
 }

package/src/locales/en.json

@@ -16,6 +16,7 @@
   "set_status": "Set a status",
   "status_error": "We couldn’t change the status. Please try again later.",
   "edit": "Edit",
+  "rename": "Rename",
   "save": "Save",
   "autosaving": "Auto saving...",
   "saved": "Saved",
@@ -146,5 +147,10 @@
   "translated_string_title": "Translated text",
   "no_translated_string": "No translation exists yet.",
   "add_translation": "Click to add one",
-  "edit_translation": "Click to edit"
+  "edit_translation": "Click to edit",
+  "search": "Search",
+  "no_results": "No results",
+  "search_below_minimum": "Minimum 3 characters",
+  "search_in_document": "Search document",
+  "document_details": "Details"
 }

package/src/locales/es.json

@@ -16,6 +16,7 @@
   "set_status": "Establecer estado",
   "status_error": "No ha sido posible cambiar el estado del documento. Por favor, inténtelo de nuevo más tarde.",
   "edit": "Editar",
+  "rename": "Rebautizar",
   "save": "Guardar",
   "autosaving": "Auto guardando...",
   "saved": "Guardado",
@@ -146,5 +147,10 @@
   "translated_string_title": "Texto traducido",
   "no_translated_string": "Aún no existe traducción.",
   "add_translation": "Clic para agregar",
-  "edit_translation": "Clic para editar"
+  "edit_translation": "Clic para editar",
+  "search": "Buscar",
+  "no_results": "Sin resultados",
+  "search_below_minimum": "Mínimo 3 caracteres",
+  "search_in_document": "Buscar en documento",
+  "document_details": "Detalles"
 }

package/src/store/display.js

@@ -1,10 +1,14 @@
 import BigNumber from "bignumber.js";
+import myImports from "../api";
 import {
   PIXEL_RATIO,
   VIEWPORT_RATIO,
   MINIMUM_APP_WIDTH,
   MINIMUM_OPTIMIZED_APP_WIDTH,
 } from "../constants";
+
+const HTTP = myImports.HTTP;
+
 const debounce = (cb, duration) => {
   let timer;
   return (...args) => {
@@ -31,6 +35,11 @@ const state = {
   pageChangedFromThumbnail: false,
   showAnnSetTable: null,
   showChooseLabelSetModal: null,
+  currentSearch: "",
+  searchEnabled: false,
+  searchResults: [],
+  searchLoading: false,
+  currentSearchResult: null,
 };
 
 const getters = {
@@ -54,6 +63,28 @@ const getters = {
     return [previousPage, state.currentPage, nextPage];
   },
 
+  searchResultsForPage: (state, getters) => (pageNumber) => {
+    if (!state.searchEnabled || state.searchResults.length < 1) {
+      return [];
+    }
+
+    return state.searchResults.filter((r) => r.page_index + 1 === pageNumber);
+  },
+
+  currentSearchResultForPage: (state) => (pageNumber) => {
+    if (!state.searchEnabled || state.searchResults.length < 1) {
+      return false;
+    }
+
+    const currentResult = state.searchResults[state.currentSearchResult];
+
+    if (!currentResult || currentResult.page_index !== pageNumber - 1) {
+      return false;
+    }
+
+    return currentResult;
+  },
+
   /**
    * The proportion between the original size of the page and the
    * image rendering.
@@ -259,6 +290,62 @@ const actions = {
   setPageChangedFromThumbnail: ({ commit }, value) => {
     commit("SET_PAGE_CHANGED_FROM_THUMBNAIL", value);
   },
+
+  debounceSearch: debounce(({ commit, dispatch }, query) => {
+    dispatch("search", query);
+  }, 300),
+
+  startSearchLoading({ commit }) {
+    commit("SET_SEARCH_LOADING", true);
+  },
+
+  search({ commit, rootState }, query) {
+    // only allow queries that are at least 3 characters long
+    if (query.length >= 3) {
+      return HTTP.post(`documents/${rootState.document.documentId}/search/`, {
+        q: query,
+      }).then((response) => {
+        commit("SET_SEARCH_RESULTS", response.data.span);
+        commit("SET_SEARCH_LOADING", false);
+      });
+    } else {
+      commit("SET_SEARCH_RESULTS", []);
+      commit("SET_SEARCH_LOADING", false);
+    }
+  },
+
+  resetSearch({ commit }) {
+    commit("SET_CURRENT_SEARCH", "");
+    commit("SET_SEARCH_RESULTS", []);
+    commit("SET_SEARCH_LOADING", false);
+  },
+
+  toggleSearch({ commit }) {
+    commit("TOGGLE_SEARCH");
+  },
+
+  enableSearch({ commit }, toEnable) {
+    commit("ENABLE_SEARCH", toEnable);
+  },
+
+  setCurrentSearch({ commit }, currentSearch) {
+    commit("SET_CURRENT_SEARCH", currentSearch);
+  },
+
+  setCurrentSearchResult({ commit, state }, n) {
+    let newSearchResult = state.currentSearchResult + n;
+    const searchResultsMaxIndex = state.searchResults.length - 1;
+
+    if (newSearchResult > searchResultsMaxIndex) {
+      // once we're at the end of the results, start again
+      newSearchResult = 0;
+    } else if (newSearchResult < 0) {
+      // once we're at the beginning of the results, go to the end
+      newSearchResult = searchResultsMaxIndex;
+    }
+
+    commit("SET_CURRENT_SEARCH_RESULT", newSearchResult);
+  },
 };
 
 const mutations = {
@@ -303,6 +390,25 @@ const mutations = {
   SET_SHOW_CHOOSE_LABEL_SET_MODAL: (state, options) => {
     state.showChooseLabelSetModal = options;
   },
+  SET_SEARCH_RESULTS: (state, searchResults) => {
+    state.currentSearchResult = 0;
+    state.searchResults = searchResults;
+  },
+  SET_SEARCH_LOADING: (state, loading) => {
+    state.searchLoading = loading;
+  },
+  TOGGLE_SEARCH: (state) => {
+    state.searchEnabled = !state.searchEnabled;
+  },
+  ENABLE_SEARCH: (state, toEnable) => {
+    state.searchEnabled = toEnable;
+  },
+  SET_CURRENT_SEARCH: (state, currentSearch) => {
+    state.currentSearch = currentSearch;
+  },
+  SET_CURRENT_SEARCH_RESULT: (state, n) => {
+    state.currentSearchResult = n;
+  },
 };
 
 export default {

package/src/store/document.js

@@ -663,8 +663,6 @@ const getters = {
       return label.annotations;
     });
 
-    console.log(annotations);
-
     return annotations.length === 0 ? true : false;
   },
 };
@@ -672,6 +670,7 @@ const getters = {
 const actions = {
   startLoading: ({ commit }) => {
     commit("SET_LOADING", true);
+    commit("display/ENABLE_SEARCH", false, { root: true });
   },
   endLoading: ({ commit }) => {
     commit("SET_LOADING", false);

package/src/utils/utils.js

@@ -49,6 +49,15 @@ 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);
 }