Add possibility to search document for missing annotations

pppp606 · Dec 10, 2023 · 09bfae0 · 09bfae0
1 parent 87ca416
commit 09bfae0
Show file tree

Hide file tree

Showing 8 changed files with 48 additions and 6 deletions.
diff --git a/src/assets/scss/document_annotations.scss b/src/assets/scss/document_annotations.scss
@@ -515,8 +515,12 @@
 
     .missing-button-container {
       background-color: transparent;
+      display: flex;
+      flex-direction: row;
 
-      .missing-btn {
+      .missing-btn,
+      .search-btn {
+        padding: 6px;
         color: $grey-blue !important;
         font-size: 14px !important;
         font-weight: 500;

diff --git a/src/components/DocumentAnnotations/AnnotationActionButtons.vue b/src/components/DocumentAnnotations/AnnotationActionButtons.vue
@@ -59,6 +59,13 @@
       <b-button type="is-ghost" class="missing-btn" @click.stop="markAsMissing">
         {{ $t("missing_annotation") }}
       </b-button>
+      <b-button
+        type="is-ghost"
+        class="search-btn"
+        @click.stop="searchInDocument"
+      >
+        {{ $t("search_in_document") }}
+      </b-button>
     </div>
 
     <!-- Restore not found annotations -->
@@ -141,6 +148,9 @@ export default {
     restore() {
       this.$emit("restore");
     },
+    searchInDocument() {
+      this.$emit("search-label-in-document");
+    },
   },
 };
 </script>

diff --git a/src/components/DocumentAnnotations/AnnotationRow.vue b/src/components/DocumentAnnotations/AnnotationRow.vue
@@ -143,6 +143,7 @@
           @decline="handleSaveChanges(true)"
           @cancel="handleCancelButton()"
           @restore="handleRestore()"
+          @search-label-in-document="searchLabelInDocument"
         />
       </div>
     </div>
@@ -732,6 +733,11 @@ export default {
 
       window.open(annotationDetailsUrl, "_blank");
     },
+    searchLabelInDocument() {
+      console.log("searchLabelInDocument");
+      this.$store.dispatch("display/enableSearch", true);
+      this.$store.dispatch("display/setCurrentSearch", this.label.name);
+    },
   },
 };
 </script>

diff --git a/src/components/DocumentPage/SearchBar.vue b/src/components/DocumentPage/SearchBar.vue
@@ -73,6 +73,7 @@ export default {
   computed: {
     ...mapState("display", [
       "currentSearchResult",
+      "currentSearch",
       "searchEnabled",
       "searchResults",
       "searchLoading",
@@ -87,12 +88,17 @@ export default {
   },
   watch: {
     search(search) {
+      this.$store.dispatch("display/setCurrentSearch", search);
       if (search.length >= this.minSearchLength) {
         this.$store.dispatch("display/startSearchLoading");
+        this.$store.dispatch("display/debounceSearch", search);
+      }
+    },
+    currentSearch(search) {
+      if (this.search !== search) {
+        this.search = search;
       }
-      this.$store.dispatch("display/debounceSearch", search);
     },
-
     searchEnabled(enabled) {
       if (enabled) {
         this.$nextTick(() => {
@@ -101,6 +107,11 @@ export default {
       }
     },
   },
+  mounted() {
+    if (this.currentSearch !== this.search) {
+      this.search = this.currentSearch;
+    }
+  },
   methods: {
     focusSearchResult(n) {
       this.$store.dispatch("display/setCurrentSearchResult", n);

diff --git a/src/locales/de.json b/src/locales/de.json
@@ -149,5 +149,6 @@
   "edit_translation": "Zum Bearbeiten anklicken",
   "search": "Suchen",
   "no_results": "Keine Ergebnisse",
-  "search_below_minimum": "Mindestens 3 Zeichen"
+  "search_below_minimum": "Mindestens 3 Zeichen",
+  "search_in_document": "Suche im Dokument"
 }
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -149,5 +149,6 @@
   "edit_translation": "Click to edit",
   "search": "Search",
   "no_results": "No results",
-  "search_below_minimum": "Minimum 3 characters"
+  "search_below_minimum": "Minimum 3 characters",
+  "search_in_document": "Search document"
 }
diff --git a/src/locales/es.json b/src/locales/es.json
@@ -149,5 +149,6 @@
   "edit_translation": "Clic para editar",
   "search": "Buscar",
   "no_results": "Sin resultados",
-  "search_below_minimum": "Mínimo 3 caracteres"
+  "search_below_minimum": "Mínimo 3 caracteres",
+  "search_in_document": "Buscar en documento"
 }
diff --git a/src/store/display.js b/src/store/display.js
@@ -35,6 +35,7 @@ const state = {
   pageChangedFromThumbnail: false,
   showAnnSetTable: null,
   showChooseLabelSetModal: null,
+  currentSearch: "",
   searchEnabled: false,
   searchResults: [],
   searchLoading: false,
@@ -321,6 +322,10 @@ const actions = {
     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;
@@ -392,6 +397,9 @@ const mutations = {
   ENABLE_SEARCH: (state, toEnable) => {
     state.searchEnabled = toEnable;
   },
+  SET_CURRENT_SEARCH: (state, currentSearch) => {
+    state.currentSearch = currentSearch;
+  },
   SET_CURRENT_SEARCH_RESULT: (state, n) => {
     state.currentSearchResult = n;
   },