Resolve "Table with all PDB files, to make them available to download"

Closes #132 (closed)

components/content/RefseqDb.vue

@@ -73,7 +73,17 @@ const plotHeight = computed(() => {
     // return 500
 });
 
+const defaultDataTableServerProps = ref({
+    showExpand: false
+})
 
+const dataTableServerProps = computed(() => {
+    return {
+        ...defaultDataTableServerProps.value,
+        headers: computedHeaders.value,
+        itemValue: itemValue.value
+    }
+})
 const defaultBarPlotOptions = computed(() => {
     const y = logTransform.value ? { nice: true, grid: true, type: 'symlog' } : { nice: true, grid: true, type: "linear" }
     // const y = { nice: true, grid: true }
@@ -150,6 +160,16 @@ function capitalize([first, ...rest]) {
     return first.toUpperCase() + rest.join('').toLowerCase();
 }
 
+function namesToCollapsibleChips(names: string[]) {
+    return names.filter((it) => it !== "").map(it => ({ title: it }))
+}
+
+function namesToAccessionChips(names: string[]) {
+    return namesToCollapsibleChips(names).map(it => {
+        return { ...it, href: new URL(it.title, "http://toto.pasteur.cloud").toString() }
+    })
+}
+
 
 </script>
 
@@ -186,7 +206,10 @@ function capitalize([first, ...rest]) {
         </v-row>
     </v-card>
 
-    <ServerDbTable title="RefSeq" db="refseq" :sortBy="sortBy" :headers="computedHeaders" :item-value="itemValue"
-        :facets="facets">
+    <ServerDbTable title="RefSeq" db="refseq" :sortBy="sortBy" :facets="facets"
+        :data-table-server-props="dataTableServerProps">
+        <template #[`item.accession_in_sys`]="{ item }">
+            <CollapsibleChips :items="namesToAccessionChips(item.accession_in_sys)"></CollapsibleChips>
+        </template>
     </ServerDbTable>
 </template>
\ No newline at end of file