Tweaked edges/relationships links and displays.

ExposuresProvider · Apr 26, 2024 · fd6e2ad · fd6e2ad
1 parent 2e9ec3c
commit fd6e2ad
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/frontend/src/components/DisplayCAM.vue b/frontend/src/components/DisplayCAM.vue
@@ -93,11 +93,11 @@ async function getModelRows(modelURL: string) {
       </div>
     </div>
 
-    <div id="edges" class="card my-2" v-if="!downloadInProgress && selectedModelURL">
+    <div id="edges" class="card my-2">
       <div class="card-header">
         <strong>Edges in selected CAM:</strong> <a target="cam" :href="selectedModelURL">{{ selectedModelURL }}</a> (<a href="#relationships">Relationships</a>)
       </div>
-      <div class="card-body">
+      <div class="card-body" v-if="!downloadInProgress">
         <table class="table table-bordered mb-2">
           <thead>
             <tr>
@@ -138,11 +138,11 @@ async function getModelRows(modelURL: string) {
 
   <!-- This view is hard to compress, so let's give it the whole screen -->
   <div class="col-12">
-    <div id="relationships" class="card my-2" v-if="!downloadInProgress && selectedModelURL">
+    <div id="relationships" class="card my-2">
       <div class="card-header">
         <strong>Relationships in selected CAM:</strong> <a target="cam" :href="selectedModelURL">{{ selectedModelURL }}</a> (<a href="#edges">Edges</a>)
       </div>
-      <div class="card-body">
+      <div class="card-body" v-if="!downloadInProgress">
         <div class="table-responsive">
           <table class="table table-bordered table-hover">
             <thead>

diff --git a/frontend/src/components/SearchCAMs.vue b/frontend/src/components/SearchCAMs.vue
@@ -235,7 +235,7 @@ async function searchModels(subjectOrObjectCURIEs: string[] = [], subjectCURIEs:
             <template v-for="result in results">
               <tr v-for="url in result.urls" @click="selectedModelURL = url; changeSelectedModel(url)" :class="(selectedModelURL === url) ? 'table-active' : ''">
                 <td>
-                  {{urlToID(url)}} (<a :href="url" target="model-url">URL</a>)
+                  {{urlToID(url)}} (<a :href="url" target="model-url">URL</a>, <a href="#edges">Edges</a>, <a href="#relationships">Relationships</a>)
                   <ul v-if="result.subj || result.predicate || result.obj">
                     <li v-if="result.subj">{{result.subj.id}} ("{{result.subj.name}}")</li>
                     <li>{{result.predicate}}</li>