From 23773b149546e9187b2e2cc090dd6bf38fdbf3c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Olov=20Ylinenp=C3=A4=C3=A4?= <olov.ylinenpaa@kb.se>
Date: Fri, 2 Aug 2024 14:38:31 +0200
Subject: [PATCH 1/2] Display spelling suggestions in cataloging client

---
 .../src/components/search/search-form.vue     |  2 +-
 .../src/components/search/search-result.vue   | 22 +++++++++++++++++--
 vue-client/src/resources/json/i18n.json       |  1 +
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/vue-client/src/components/search/search-form.vue b/vue-client/src/components/search/search-form.vue
index a435aa5ab..a5aab07dd 100644
--- a/vue-client/src/components/search/search-form.vue
+++ b/vue-client/src/components/search/search-form.vue
@@ -31,7 +31,7 @@ export default {
       },
       helpToggled: false,
       vocabUrl: 'https://id.kb.se/vocab/',
-      staticProps: { _limit: 20 },
+      staticProps: { _limit: 20, _spell: true },
       searchPhrase: '',
       searchParams: PropertyMappings,
       activeSearchParam: null,
diff --git a/vue-client/src/components/search/search-result.vue b/vue-client/src/components/search/search-result.vue
index ae6d74f98..3285b667c 100644
--- a/vue-client/src/components/search/search-result.vue
+++ b/vue-client/src/components/search/search-result.vue
@@ -1,5 +1,5 @@
 <script>
-import { translatePhrase } from '@/utils/filters';
+import { asAppPath, translatePhrase } from '@/utils/filters';
 import ResultList from './result-list.vue';
 import ResultControls from './result-controls.vue';
 
@@ -21,6 +21,7 @@ export default {
   },
   methods: {
     translatePhrase,
+    asAppPath,
     doSort(newsort) {
       const newQuery = Object.assign({}, this.$route.query, { _sort: newsort, _offset: 0 });
       this.$router.push({ query: newQuery });
@@ -85,6 +86,19 @@ export default {
       <span v-if="!status.resultList.error" class="is-status">{{ translatePhrase("Fetching results") }}</span>
       <span v-if="status.resultList.error" class="is-error">{{status.resultList.info}}</span>
     </div>
+    <div
+      class="suggestions"
+      v-if="!status.resultList.loading && !status.resultList.error && result['_spell']"
+    >
+      <p :key="suggestion" v-for="suggestion in result['_spell']">
+        {{translatePhrase('Did you mean')}}
+        <router-link
+          :to="asAppPath(suggestion.view['@id'], this.$route.params.tool === 'changes')"
+        >
+          <span v-html="suggestion.labelHTML" />
+        </router-link>?
+      </p>
+    </div>
     <result-controls
       class="SearchResult-controls"
       v-if="!status.resultList.loading && !status.resultList.error"
@@ -100,7 +114,7 @@ export default {
       :import-data="importData"
       :compact="user.settings.resultListType === 'compact'"
       :isChangeView="isChangeView"
-    />  
+    />
     <result-controls
       class="SearchResult-controls"
       v-if="!status.resultList.loading && !status.resultList.error && hasPagination"
@@ -119,6 +133,10 @@ export default {
     padding: 0 0 2rem 0;
   }
 
+  & .suggestions {
+    margin-top: 1em;
+  }
+
   &-loadingText {
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
     padding: 20px 0px;
diff --git a/vue-client/src/resources/json/i18n.json b/vue-client/src/resources/json/i18n.json
index 5b7ef7cd4..f6bd03038 100644
--- a/vue-client/src/resources/json/i18n.json
+++ b/vue-client/src/resources/json/i18n.json
@@ -349,6 +349,7 @@
     "Hide instructions": "Dölj instruktioner",
     "Show properties": "Visa egenskaper",
     "Hide properties": "Dölj egenskaper",
+    "Did you mean": "Menade du",
     "Sorting": "Sortering",
     "Relevance": "Relevans",
     "Publication year (descending)": "Utgivningsår (nyast först)",

From 961411c70689e981f70c3dfacf07a931da68a86d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Olov=20Ylinenp=C3=A4=C3=A4?= <olov.ylinenpaa@kb.se>
Date: Fri, 2 Aug 2024 14:46:01 +0200
Subject: [PATCH 2/2] Lint

---
 vue-client/src/components/search/search-result.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/vue-client/src/components/search/search-result.vue b/vue-client/src/components/search/search-result.vue
index 3285b667c..3271233fe 100644
--- a/vue-client/src/components/search/search-result.vue
+++ b/vue-client/src/components/search/search-result.vue
@@ -6,12 +6,18 @@ import ResultControls from './result-controls.vue';
 export default {
   name: 'search-result',
   props: {
-    result: null,
+    result: {
+      type: Object,
+      default: null,
+    },
     query: {
       type: String,
       default: '',
     },
-    importData: Array,
+    importData: {
+      type: Array,
+      default: null,
+    },
   },
   data() {
     return {
@@ -58,7 +64,7 @@ export default {
     },
     isChangeView() {
       return this.$route.params.tool === 'changes';
-    }
+    },
   },
   components: {
     'result-controls': ResultControls,