From 6d91888f838fa24a61b23313188720e4961b2f8e Mon Sep 17 00:00:00 2001
From: Stefan Peters <Stefan.Peters@gbv.de>
Date: Fri, 28 Jun 2024 12:22:51 +0200
Subject: [PATCH] ItemView: Add tab for mappings

---
 src/client/views/ItemView.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/client/views/ItemView.vue b/src/client/views/ItemView.vue
index c8d0098..adc2362 100644
--- a/src/client/views/ItemView.vue
+++ b/src/client/views/ItemView.vue
@@ -1,6 +1,7 @@
 <script setup>
 import config from "@/config.js"
 import * as jskos from "jskos-tools"
+import { AutoLink } from "jskos-vue"
 import { Tab } from "jskos-vue-tabs"
 import { schemes, registry, loadTop, loadNarrower, loadConcept, loadAncestors, saveConcept } from "@/store.js"
 import { computed, ref, watch } from "vue"
@@ -146,6 +147,19 @@ const topConcepts = computed(() => {
             :longitude="concept.location.coordinates[0]"
             :latitude="concept.location.coordinates[1]" />
         </tab>
+        <tab
+          v-if="concept?.mappings?.length"
+          title="Mappings">
+          <p 
+            v-for="(mapping, index) in concept.mappings"
+            :key="index">
+            {{ (jskos.mappingTypeByType(mapping.type) || jskos.defaultMappingType).notation[0] }}
+            <auto-link
+              v-for="c in jskos.conceptsOfMapping(mapping)"
+              :key="c?.uri"
+              :href="c?.uri" />
+          </p>
+        </tab>
         <tab 
           v-if="config.env === 'development'"
           title="JSKOS">