Merge pull request #136 from OpenTechStrategies/131-add-resource-type…

…-and-name-to-metadata 131 add resource type and name to metadata
OpenTechStrategies · Oct 10, 2024 · 2329954 · 2329954
2 parents 4328392 + 49e6a91
commit 2329954
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 18 deletions.
diff --git a/archesdataviewer/static/vite_build/.vite/manifest.json b/archesdataviewer/static/vite_build/.vite/manifest.json
@@ -1,11 +1,11 @@
 {
   "index.html": {
-    "file": "assets/index-DSbEPIfT.js",
+    "file": "assets/index-Bpjc7uta.js",
     "name": "index",
     "src": "index.html",
     "isEntry": true,
     "css": [
-      "assets/index-Ct5uNcpK.css"
+      "assets/index-DX8cmjC1.css"
     ]
   }
 }
diff --git a/...tatic/vite_build/assets/index-DSbEPIfT.js → ...tatic/vite_build/assets/index-Bpjc7uta.js b/...tatic/vite_build/assets/index-DSbEPIfT.js → ...tatic/vite_build/assets/index-Bpjc7uta.js
diff --git a/archesdataviewer/static/vite_build/assets/index-Ct5uNcpK.css b/archesdataviewer/static/vite_build/assets/index-Ct5uNcpK.css
diff --git a/archesdataviewer/static/vite_build/assets/index-DX8cmjC1.css b/archesdataviewer/static/vite_build/assets/index-DX8cmjC1.css
diff --git a/archesdataviewer/static/vite_build/index.html b/archesdataviewer/static/vite_build/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Arches Data Viewer</title>
-    <script type="module" crossorigin src="/assets/index-DSbEPIfT.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Ct5uNcpK.css">
+    <script type="module" crossorigin src="/assets/index-Bpjc7uta.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DX8cmjC1.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/front-end/src/components/ResourceDetail.vue b/front-end/src/components/ResourceDetail.vue
@@ -72,7 +72,7 @@ const toggleMetadata = () => {
 
 .resource-detail-metadata {
   overflow: hidden;
-  max-height: 50px;
+  max-height: 200px;
   transition: max-height 0.5s ease;
   color: var(--wac--color--gray);
 }

diff --git a/front-end/src/components/ResourcePanel.vue b/front-end/src/components/ResourcePanel.vue
@@ -66,10 +66,21 @@
       </template>
       <template #metadata>
         <div>
-          Resource Instance ID:
-          <a :href="`${archesUrl}/report/${props.resource.resourceinstanceid}`">{{
-            props.resource.resourceinstanceid
-          }}</a>
+          <p
+            v-if="
+              props.idReferences.graphIdToNameTable[props.resource.graph_id] &&
+              props.resource.displayname
+            "
+          >
+            {{ props.idReferences.graphIdToNameTable[props.resource.graph_id] }} -
+            {{ props.resource.displayname }}
+          </p>
+          <p>
+            Resource Instance ID:
+            <a :href="`${archesUrl}/report/${props.resource.resourceinstanceid}`">{{
+              props.resource.resourceinstanceid
+            }}</a>
+          </p>
         </div>
       </template>
     </ResourceDetail>