fix: documents visible in SKIN and GENTURIS dashboards (#4655)

* fix: documents visible in SKIN and GENTURIS dashboards * fix: missing address on GENTURIS contact page * fix: also fix documents for ithaca and reconnet * fix: added missing styles * fix: change texts * fix: change texts --------- Co-authored-by: dcruvolo <davidruvolo51@gmail.com>
molgenis · Feb 3, 2025 · 6f8aa2c · 6f8aa2c
1 parent d2fe490
commit 6f8aa2c
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 25 deletions.
diff --git a/apps/ern-genturis/src/views/view-contact.vue b/apps/ern-genturis/src/views/view-contact.vue
@@ -21,12 +21,14 @@
         <a href="mailto:genturis-registry@umcg.nl">genturis-registry@umcg.nl</a>
         or at the following address.
       </p>
-      <GenturisAddress :centerText="true" />
+      <Address :centerText="true" />
     </PageSection>
   </Page>
 </template>
 
 <script setup lang="ts">
 // @ts-ignore
 import { Page, PageHeader, PageSection } from "molgenis-viz";
+// @ts-ignore
+import Address from "../components/Address.vue";
 </script>
diff --git a/apps/ern-genturis/src/views/view-documents.vue b/apps/ern-genturis/src/views/view-documents.vue
@@ -3,7 +3,6 @@
     <PageHeader
       class="genturis-header"
       title="ERN Genturis Registry"
-      subtitle="Download documents"
       imageSrc="img/genturis-carousel.jpg"
       titlePositionX="center"
       titlePositionY="center"
@@ -15,9 +14,9 @@
       :verticalPadding="2"
       width="large"
     >
-      <h2 id="genturis-section-documents-title">Documents</h2>
+      <h2 id="genturis-section-documents-title">Download Documents</h2>
       <p>Download additional information about the GENTURIS Registry.</p>
-      <FileList table="Files" filename="name" path="path" />
+      <FileList table="Files" labelsColumn="name" fileColumn="file" />
     </PageSection>
   </Page>
 </template>

diff --git a/apps/ern-ithaca/src/views/view-documents.vue b/apps/ern-ithaca/src/views/view-documents.vue
@@ -10,15 +10,14 @@
       aria-labelledby="section-temp-message"
       :verticalPadding="2"
     >
-      <h2 id="section-temp-message">Documents</h2>
-      <MessageBox type="warning">
-        <p>This page is under construction.</p>
-      </MessageBox>
+      <h2 id="section-temp-message">Download Documents</h2>
+      <p>Download additional information about the ILIAD Registry.</p>
+      <FileList table="Files" labelsColumn="name" fileColumn="file" />
     </PageSection>
   </Page>
 </template>
 
 <script setup lang="ts">
 // @ts-ignore
-import { Page, PageHeader, PageSection, MessageBox } from "molgenis-viz";
+import { Page, PageHeader, PageSection, FileList } from "molgenis-viz";
 </script>
diff --git a/apps/ern-reconnet/src/styles/index.scss b/apps/ern-reconnet/src/styles/index.scss
@@ -1,3 +1,8 @@
+.app-page,
+.app-footer {
+  font-size: 14pt;
+}
+
 .app-page {
   .page-header {
     height: 22em;
@@ -7,14 +12,26 @@
     }
   }
 
-  .message-box {
-    display: flex;
-    align-items: center;
+  .page-section {
+    padding-top: 1em;
 
-    .message-text {
-      p {
-        margin-bottom: 0;
+    .page-section-content {
+      h2 {
+        padding: 12px 0;
+        margin-bottom: 0.15em;
       }
     }
   }
 }
+
+.message-box {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+
+  .message-text {
+    p {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/apps/ern-reconnet/src/views/documents-page.vue b/apps/ern-reconnet/src/views/documents-page.vue
@@ -6,15 +6,14 @@
       imageSrc="img/ern-reconnet-header.jpg"
     />
     <PageSection aria-labelledby="welcome-title">
-      <h2 id="welcome-title">ERN ReCONNET registry Documents</h2>
-      <MessageBox>
-        <p>This page is under construction.</p>
-      </MessageBox>
+      <h2 id="welcome-title">Download Documents</h2>
+      <p>Download additional information about the ReCONNECT Registry.</p>
+      <FileList table="Files" labelsColumn="name" fileColumn="file" />
     </PageSection>
   </Page>
 </template>
 
 <script setup lang="ts">
 // @ts-ignore
-import { Page, PageHeader, PageSection, MessageBox } from "molgenis-viz";
+import { Page, PageHeader, PageSection, FileList } from "molgenis-viz";
 </script>
diff --git a/apps/ern-skin/src/views/view-documents.vue b/apps/ern-skin/src/views/view-documents.vue
@@ -14,17 +14,15 @@
       aria-labelledby="section-documents-title"
       :verticalPadding="2"
     >
-      <h2 id="section-documents-title">Documents</h2>
+      <h2 id="section-documents-title"></h2>
       <p>Download additional information about the ERRAS Registry.</p>
-      <MessageBox class="page-warning" type="warning">
-        <p>This page is under construction.</p>
-      </MessageBox>
+      <FileList table="Files" labelsColumn="name" fileColumn="file" />
     </PageSection>
   </Page>
 </template>
 
 <script setup lang="ts">
 // @ts-ignore
-import { Page, PageSection, MessageBox } from "molgenis-viz";
+import { Page, PageSection, FileList } from "molgenis-viz";
 import CustomPageHeader from "../components/CustomPageHeader.vue";
 </script>