docs: Add Epilepsy nodes

HBPMedical · Aug 25, 2022 · e438464 · e438464
1 parent e5e5903
commit e438464
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 6 deletions.
diff --git a/frontend/src/components/CardFederation.vue b/frontend/src/components/CardFederation.vue
@@ -1,7 +1,7 @@
 <template>
   <b-card :title="title" class="card-fed">
     <div class="card-subtitle mb-2 text-muted">
-      <span v-if="nodes" v-b-tooltip.hover :title="nodes.join(' | ')">
+      <span v-if="nodes" :title="nodes.join(' | ')" :id="toolTipId">
         <b-icon-diagram-2></b-icon-diagram-2>
         {{ (nbNodes ? nbNodes : nodes.length) }}
       </span>
@@ -13,6 +13,13 @@
         <b-icon-info-circle></b-icon-info-circle>
         {{ version }}
       </span>
+      <b-tooltip :target="toolTipId" v-if="nodes && nodes.length > 0" customClass="large-tooltip">
+        <ul class="pl-4 text-left mt-2 mr-1">
+          <li v-for="(node, index) in nodes" :key="index">
+            {{ node }}
+          </li>
+        </ul>
+      </b-tooltip>
     </div>
     <b-card-text>
       <v-clamp autoresize :max-lines="5"
@@ -43,6 +50,7 @@ export default {
   components: { VClamp, BIconDiagram2, BIconPeopleFill, BIconInfoCircle },
   name: "CardFederation",
   props: {
+    id: Number,
     title: String,
     description: String,
     nodes: Array,
@@ -54,6 +62,7 @@ export default {
   data() {
     return {
       open: false,
+      toolTipId: `tooltip-${this.id}`
     };
   },
 };

diff --git a/frontend/src/containers/Home.vue b/frontend/src/containers/Home.vue
@@ -61,9 +61,10 @@
                 <div class="title text-center">Federations</div>
                 <div class="cards">
                   <card-federation
-                    v-for="fed in federations"
+                    v-for="(fed, index) in federations"
                     :key="fed.title"
                     :title="fed.title"
+                    :id="index"
                     :description="fed.description"
                     :link="fed.link"
                     :nbRecords="fed.nbRecords"
@@ -162,11 +163,19 @@ export default {
             "EBRAINS embedded federation of 15 Virtual Machines",
             "Centre Hospitalier Universitaire de Lausanne, Lausanne, Switzerland",
             "Centre Hospitalier Universitaire de Lille, Epilepsy Unit, Lille, France",
-            "Paracelsus Medical University, Department of Neurology, Salzburg, Austria",
-            "Helsinki University Hospital, Hospital District of Helsinki and Uusimaa"
+            "Paracelsus Medical University, Salzburg, Austria",
+            "Hospital de Santa Maria, Lisbon, Portugal",
+            "Helsinki University Hospital, Helsinki, Finland",
+            "Universitätsklinikum Erlangen, Epilepsiezentrum EZE, Erlangen, Germany",
+            "National Institute of Clinical Neurosciences, Budapest, Hungary",
+            "Hospital del Mar-Parc de Salut Mar, Barcelona, Spain",
+            "Medical University Vienna, Vienna, Austria",
+            "St. Anne's University Hospital, Brno, Czech Republic",
+            "Hospital Sant Joan de Deu - Hospital Clinic Consortium, Barcelona, Spain",
+            "Kuopio University Hospital, Pohjois-Savon Sairaanhoitpiiri, Kuopio, Finland",
           ],
           nbRecords: 5970,
-          nbNodes: 19,
+          nbNodes: 15,
           link: "https://epilepsy.hbpmip.link",
         },
         {
@@ -176,7 +185,7 @@ export default {
 The pilot has entailed the production of the NEURO Cohort common data model (CDM), data management tools, the installation of the federated network and the generation of synthetic records. The pilot acts as a proof-of-concept with a subset of sites that will facilitate the onboarding of the wider NEURO Cohort network.`,
           nbRecords: 32550,
           nodes: [
-            "Barcelonabeta Brain Research Center , Barcelone, Spain",
+            "Barcelonabeta Brain Research Center, Barcelone, Spain",
             "Univeristy of Perugia, Center for Memory Disturbances, Perugia, Italy",
             "Fundación Cita-Alzheimer Fundazioa, Donostia, Spain",
             "Oxford University, Department of Psychiatry, Oxford, UK",
@@ -238,6 +247,17 @@ The pilot has entailed the production of the NEURO Cohort common data model (CDM
 #placeholder-nav {
   height: 80px;
 }
+
+.large-tooltip .tooltip-inner {
+    max-width: 350px;
+}
+
+@media screen and (max-width: 300px) {
+  .large-tooltip .tooltip-inner {
+    max-width: 100%;
+  }
+}
+
 section {
   margin-top: 40px;
   min-height: 400px;