Merge pull request #269 from performant-software/RB-web-identifiers

Adding web identifiers to detail pages

Author: ajolipa

src/apps/pages/RecordDetail/Identifiers.astro

@@ -0,0 +1,27 @@
+---
+import { getTranslations } from "@backend/i18n";
+import _ from 'underscore';
+import { getAuthorityURL } from "@root/src/utils/webAuthorities";
+
+const { record } = Astro.props
+
+const lang = Astro.currentLocale;
+const { t } = await getTranslations(lang);
+---
+{record.web_identifiers && (
+  <>
+    <div class="py-6">
+        <h2 class="capitalize text-lg font-semibold">{t('webAuthorities')}</h2>
+        <div class="text-neutral-800 break-words flex flex-col gap-2 pt-4">              
+            { _.map(record.web_identifiers, (auth) => {
+                const url = getAuthorityURL(auth.web_authority?.source_type, auth.identifier);
+                return url ? ( 
+                    <a href={url} class="underline" target="_blank">{`${auth.web_authority?.source_type}: ${auth.identifier}`}</a>
+                ) : (
+                    <span>{`${auth.web_authority?.source_type}: ${auth.identifier}`}</span>
+                )
+            })}
+        </div>
+    </div>
+  </>
+)}

src/apps/pages/RecordDetail/index.astro

@@ -6,6 +6,7 @@ import MediaContents from "./MediaContents";
 import PlaceMap from "./PlaceMap";
 import Relations from "./Relations.astro";
 import UserDefined from "./UserDefined.astro";
+import Identifiers from "./Identifiers.astro";
 
 interface Props {
   coverUrl?: string;
@@ -85,6 +86,9 @@ for (const modelType of Object.keys(record.relatedRecords)) {
       record={record}
       excludes={excludes}
     />
+    <Identifiers
+      record={record}
+    />
     {relations.manifests && (
       <MediaContents
         client:only="react"

src/i18n/i18n.json

@@ -358,5 +358,9 @@
   "saveSearchContent": {
     "tinaLabel": "Saved Search (Content)",
     "defaultValue": "Your search has been saved. Navigate to the \"Saved\" list to view your saved search."
+  },
+  "webAuthorities": {
+    "tinaLabel": "Web Authorities",
+    "defaultValue": "Web Authorities"
   }
 }

src/utils/webAuthorities.ts

@@ -0,0 +1,10 @@
+export const getAuthorityURL = (sourceType: string, identifier: string) => {
+    switch (sourceType) {
+        case 'wikidata':
+            return `https://www.wikidata.org/wiki/${identifier}`;
+        case 'viaf':
+            return `https://viaf.org/en/viaf/${identifier}`;
+        default:
+            return null;
+    }
+}