Merge pull request #1097 from monarch-initiative/issue-878-move-extra-info

Move "extra info" to the top of the node page

Author: kevinschaper

frontend/src/pages/node/PageNode.vue

@@ -28,7 +28,6 @@
     <SectionAssociations :node="node" />
     <SectionBreadcrumbs :node="node" />
     <SectionHierarchy :node="node" />
-    <SectionExtra :node="node" />
     <Teleport to="body">
       <TheTableOfContents />
     </Teleport>
@@ -45,7 +44,6 @@ import { addEntry } from "@/global/history";
 import { appDescription, appTitle } from "@/global/meta";
 import SectionBreadcrumbs from "@/pages/node/SectionBreadcrumbs.vue";
 import SectionAssociations from "./SectionAssociations.vue";
-import SectionExtra from "./SectionExtra.vue";
 import SectionHierarchy from "./SectionHierarchy.vue";
 import SectionOverview from "./SectionOverview.vue";
 import SectionTitle from "./SectionTitle.vue";

frontend/src/pages/node/SectionExtra.vue

@@ -113,6 +113,11 @@
           </AppLink>
         </AppFlex>
       </AppDetail>
+      <AppDetail :blank="!node.provided_by_link" title="Ingest Documentation">
+        <AppLink :to="node.provided_by_link?.url || ''">
+          {{ node.provided_by_link?.id || node.provided_by }}
+        </AppLink>
+      </AppDetail>
       <AppDetail
         :blank="!otherMappings.length"
         title="Other Mappings"
@@ -128,6 +133,21 @@
           </AppLink>
         </AppFlex>
       </AppDetail>
+      <!-- external references -->
+      <AppDetail
+        :blank="!node.external_links?.length"
+        title="External References"
+        :full="true"
+      >
+        <AppFlex align-h="left" gap="small">
+          <AppLink
+            v-for="(link, index) of node.external_links"
+            :key="index"
+            :to="link.url || ''"
+            >{{ link.id }}</AppLink
+          >
+        </AppFlex>
+      </AppDetail>
     </AppDetails>
   </AppSection>
 </template>