From 4dd238ec363f3f039a40a183e16256bb7ddc7bf6 Mon Sep 17 00:00:00 2001
From: Arno Kaimbacher <arno.kaimbacher@geologie.ac.at>
Date: Thu, 6 Jul 2023 13:32:03 +0200
Subject: [PATCH] - adaptions inside dataset-detail-component.vue: show
 references to internal documents, also the referenced by relations

---
 src/models/dataset.ts                         |  4 ++-
 .../dataset-detail.component.vue              | 26 +++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/models/dataset.ts b/src/models/dataset.ts
index a89498b..15a49fb 100644
--- a/src/models/dataset.ts
+++ b/src/models/dataset.ts
@@ -11,7 +11,7 @@ export interface Dataset {
     doctype: string;
     geo_location: string;
     id: number;
-    identifier: Array<string>;
+    identifier: Identifier;
     language: string;
     licence: string;
     publisher_name: string;
@@ -99,6 +99,7 @@ export class DbDataset {
         public references: Array<Reference>,
         public files: Array<DbFile>,
         public identifier: Identifier,
+        public referenced_by: Array<Reference>,
         private coverage?: Coverage,
         public project?: Project,
     ) {}
@@ -360,6 +361,7 @@ export interface Reference {
     relation: string;
     value: string;
     label: string;
+    dataset: Dataset;
 }
 
 export interface Project {
diff --git a/src/views/dataset-detail.component/dataset-detail.component.vue b/src/views/dataset-detail.component/dataset-detail.component.vue
index 33e9a12..a75b026 100644
--- a/src/views/dataset-detail.component/dataset-detail.component.vue
+++ b/src/views/dataset-detail.component/dataset-detail.component.vue
@@ -61,6 +61,32 @@
                                 >
                             </label>
                         </div>
+
+                        <div v-for="reference in dataset.references" v-bind:key="reference.id" class="columns">
+                            <div class="column is-3-desktop is-4-tablet label">{{ reference.relation }}</div>
+                            <div class="column is-9-desktop is-8-tablet">
+                                <!-- {{ "https://doi.org/" + reference.value }} -->
+                                {{ reference.type }}:
+                                <a v-if="reference.type === 'DOI'" target="_blank" class="link-label" v-bind:href="'https://doi.org/' + reference.value">
+                                    {{ "https://doi.org/" + reference.value }}
+                                </a>
+                            </div>
+                        </div>
+                        <div v-for="reference in dataset.referenced_by" v-bind:key="reference.id" class="columns">
+                            <div class="column is-3-desktop is-4-tablet label">has newer version:</div>
+                            <div class="column is-9-desktop is-8-tablet">
+                                <!-- {{ "https://doi.org/" + reference.value }} -->
+                                {{ reference.type }}:
+                                <a
+                                    v-if="reference.type === 'DOI'"
+                                    target="_blank"
+                                    class="link-label"
+                                    v-bind:href="'https://doi.org/' + reference.dataset.identifier"
+                                >
+                                    {{ "https://doi.org/" + reference.dataset.identifier.value }}
+                                </a>
+                            </div>
+                        </div>
                     </div>
 
                     <div class="card record-elem">