First implementation search links in mappingDetail (#743)

Author: rodolv-commons

config/cocoda.default.json

@@ -396,7 +396,8 @@
       "prefLabel": {
         "en": "K10plus"
       },
-      "url": "https://opac.k10plus.de/DB=2.299/CLK?IKT=5004&TRM={notation}",
+      "url": "https://opac.k10plus.de/DB=2.299/CMD?ACT=SRCHA&IKT=5004&TRM={notation}",
+      "separator": "+and+",
       "schemeUris": [
         "http://bartoc.org/en/node/18785"
       ]

src/components/ConceptDetail.vue

@@ -513,7 +513,7 @@ export default {
     async updateSearchLinks(searchLinkInfo) {
       this.searchLinks = await this.$store.dispatch("getSearchLinks", {
         scheme: getItem(this.selected.scheme[this.isLeft]),
-        ...searchLinkInfo,
+        info: searchLinkInfo,
       })
     },
     sortByLanguage(a, b) {

src/components/MappingDetail.vue

@@ -68,6 +68,28 @@
               </p>
             </b-col>
           </b-row>
+          <!-- Seachr Links -->
+          <b-row>
+            <b-col cols="3">
+              {{ $t('conceptDetail.searchLinks') }}:
+            </b-col>
+            <b-col
+              v-if="searchLinks.length"
+              :key="`MappingDetail-searchLinks`"
+              :title="$t('conceptDetail.searchLinks')">
+              <ul style="margin-bottom: 0;">
+                <li
+                  v-for="(searchLink, index) of searchLinks"
+                  :key="`searchLink-${index}`">
+                  <a
+                    :href="searchLink.url"
+                    target="_blank">
+                    {{ searchLink.label }}
+                  </a>
+                </li>
+              </ul>
+            </b-col>
+          </b-row>
           <!-- Mapping Type -->
           <b-row v-if="mapping.type && mapping.type.length">
             <b-col cols="3">
@@ -244,6 +266,15 @@ export default {
       default: null,
     },
 
+    /**
+     * Search Links Array
+     */
+    searchLinks: {
+      type: Array,
+      default: null,
+    },
+
+
   },
   computed: {
     catalogEnrichmentLink() {

src/components/MappingEditor.vue

@@ -232,7 +232,8 @@
     <!-- Mapping detail modal -->
     <mapping-detail
       ref="mappingDetail"
-      :mapping="mapping" />
+      :mapping="mapping"
+      :search-links="searchLinks" />
     <div
       class="mappingEditor-infoIcon">
       <font-awesome-icon
@@ -281,6 +282,11 @@ export default {
   name: "MappingEditor",
   components: { ItemName, MappingTypeSelection, ComponentSettings, MappingDetail, RegistryNotation, ConcordanceSelection, AnnotationPopover },
   mixins: [auth, objects, dragandrop, hotkeys, computed],
+  data () {
+    return {
+      searchLinks: [],
+    }
+  },
   computed: {
     mapping() {
       return this.$store.state.mapping.mapping
@@ -456,6 +462,18 @@ export default {
     currentGuidelines() {
       return (this.config.guidelines || []).find(g => this.$jskos.compare(g.fromScheme, getItem(this.selected.scheme[true])) && this.$jskos.compare(g.toScheme, getItem(this.selected.scheme[false])))
     },
+    searchLinkInfo() {
+      return this.items.map(item => ({
+        uri: item?.uri,
+        language: this.locale,
+        notation: this.$jskos.notation(item),
+        prefLabel: this.$jskos.prefLabel(item, { fallbackToUri: false }),
+      }))
+    },
+    items() {
+      return this.$store.getters["mapping/getConcepts"](false).map(getItem)
+      // return getItem(this.selected.concept[true]) // Correct!
+    },
   },
   watch: {
     mappingEncoded() {
@@ -488,14 +506,26 @@ export default {
     mapping() {
       this.setCreator()
     },
+    searchLinkInfo(newValue, oldValue) {
+      if (!_.isEqual(newValue, oldValue)) {
+        this.updateSearchLinks(newValue)
+      }
+    },
   },
   mounted() {
     // Enable shortcuts
     this.enableShortcuts()
     // Set creator (fixes #560)
     this.setCreator()
+    this.updateSearchLinks(this.searchLinkInfo)
   },
   methods: {
+    async updateSearchLinks(searchLinkInfo) {
+      this.searchLinks = await this.$store.dispatch("getSearchLinks", {
+        scheme: getItem(this.selected.scheme[true]),
+        info: searchLinkInfo,
+      })
+    },
     refreshAnnotations(data) {
       if (data.uri === this.original.uri && this.original.registry) {
         // Send mapping refresh request

src/store/actions.js

@@ -335,22 +335,41 @@ export default {
     }
     return conceptLists
   },
-
-  async getSearchLinks({ state }, { scheme, ...info }) {
+  async getSearchLinks({ state }, { scheme, info }) {
     let searchLinks = []
+    const infoArray = Array.isArray(info) ? info : [info]
+    let notationValues = infoArray.map(item => item.notation)
+    
+    for (let infoItem of infoArray) {
+      for (let searchLink of (state.config.searchLinks || []).filter(l => l.schemes.length === 0 || jskos.isContainedIn(scheme, l.schemes))) {
+          
+        // Construct URL
+        let url = searchLink.url + (searchLink.urlSuffix ?? "")
+
+        // Replace notation values
+        const notationReplacement = notationValues.length > 0
+          ? notationValues.join(searchLink.separator)  // Use default separator if not provided
+          : notationValues[0]
+
+        url = url.replace(/{notation}/g, notationReplacement)
+
+        // Replace other keys
+        _.forOwn(infoItem, (value, key) => {
+          if (key !== "notation") {  // Skip notation as it is handled above
+            url = url.replace(new RegExp(`{${key}}`, "g"), value)
+          }
+        })
+
+        // Add URL and label to searchLinks
+        searchLinks.push({
+          url,
+          label: jskos.prefLabel(searchLink, { language: infoItem.locale }),
+        })
+      }
 
-    for (let searchLink of (state.config.searchLinks || []).filter(l => l.schemes.length === 0 || jskos.isContainedIn(scheme, l.schemes))) {
-      // Construct URL
-      let url = searchLink.url + (searchLink.urlSuffix ?? "")
-      _.forOwn(info, (value, key) => {
-        // Replace all occurrences of {key} with value
-        url = _.replace(url, new RegExp(`{${key}}`, "g"), value)
-      })
-      searchLinks.push({
-        url,
-        label: jskos.prefLabel(searchLink, { language: info.locale }),
-      })
     }
+
+
     // Add custom WebDewey links for DDC
     if (jskos.compare(scheme, { uri: "http://bartoc.org/en/node/241" })) {
       let recordIdPrefix = "ddc"