Fix #339, better rendering of model history

matthiaskoenig · Sep 24, 2021 · ebb7e85 · ebb7e85
1 parent aab52c7
commit ebb7e85
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 28 deletions.
diff --git a/sbml4humans/src/components/sbml/SBase.vue b/sbml4humans/src/components/sbml/SBase.vue
@@ -27,32 +27,28 @@
                 <td>{{ info.sbo }}</td>
             </tr>
             <tr v-if="info.history != null">
-                <td class="label-td"><div class="label">history</div></td>
+                <td class="label-td"><div class="label">creators</div></td>
                 <td>
-                    createdDate:
-                    {{ info.history.createdDate }}
-                    <br />
-                    <div>creators:</div>
-                    <ul title="Creators">
-                        <li
-                            v-for="creator in info.history.creators"
-                            :key="creator.email"
-                        >
-                            {{ creator.givenName }} {{ creator.familyName }},
-                            {{ creator.organization }} (<a
-                                :href="`mailto:${creator.email}`"
-                                >{{ creator.email }}</a
-                            >)
-                        </li>
-                    </ul>
-                    <div>modifiedDates:</div>
-                    <ul title="Dates Modified">
-                        <li v-for="date in info.history.modifiedDates" :key="date">
-                            {{ date }}
-                        </li>
-                    </ul>
+                    <div
+                        v-for="creator in info.history.creators"
+                        :key="creator.email"
+                    >
+                        <a :href="`mailto:${creator.email}`">{{ creator.givenName }} {{ creator.familyName }}</a>,
+                        {{ creator.organization }}
+                    </div>
                 </td>
             </tr>
+            <tr v-if="info.history != null">
+                <td class="label-td"><div class="label">created</div></td>
+                <td>{{ info.history.createdDate }}</td>
+            </tr>
+            <tr v-if="info.history != null">
+                <td class="label-td"><div class="label">modified</div></td>
+                <td>
+                  <span v-for="date in info.history.modifiedDates" :key="date">{{ date }}</span><br />
+                </td>
+            </tr>
+
 
             <!-- COMP -->
             <tr v-if="info.replacedBy != null">

diff --git a/sbml4humans/src/components/sbmlmisc/CVTermBadge.vue b/sbml4humans/src/components/sbmlmisc/CVTermBadge.vue
@@ -17,12 +17,10 @@
             <a v-if="addInfo.term" :href="addInfo.resource" target="_blank" class="resource">{{
                 addInfo.term
             }}</a>
+            <a v-else :href="addInfo.resource" target="_blank" class="resource">{{
+                addInfo.resource
+            }}</a>
         </Tag>
-<!--        <Tag v-if="addInfo.resource" severity="warning" class="resource">-->
-<!--            <a :href="addInfo.resource" target="_blank" class="resource">{{-->
-<!--                resource-->
-<!--            }}</a>-->
-<!--        </Tag>-->
     </div>
     <div v-if="addInfo.errors && addInfo.errors.length">
         <code v-for="error in addInfo.errors" :key="error" class="text-error"