add download btn

components/ServerDbTable.vue

@@ -309,26 +309,28 @@ function focusedOrBlur(isFocused: boolean) {
 
             <template #top>
                 <v-card variant="flat" color="transparent">
-                    <v-card-title>
-                        <v-badge :content="totalHits" color="primary" class="mr-3">
+                    <v-card-text class="d-flex flex-row">
+                        <v-badge :content="totalHits" color="primary" class="me-auto">
                             <v-btn prepend-icon="md:download" :loading="pendingDownloadData" variant="text" color="primary"
                                 @click="downloadData()">{{
                                     props.title }}
                             </v-btn>
                         </v-badge>
-                    </v-card-title>
-                    <v-card-title>
+                        <slot name="toolbar-items"></slot>
+
+                    </v-card-text>
+                    <v-card-text>
                         <v-text-field v-model="search" label="Search..." hide-details="auto" :disabled="pendingDownloadData"
                             prepend-inner-icon="mdi-magnify" single-line clearable
                             @update:focused="focusedOrBlur"></v-text-field>
-                    </v-card-title>
-                    <v-card-title>
+                    </v-card-text>
+                    <v-card-text>
                         <AutocompleteMeiliFacets v-model="msFilterCompo" v-bind="props.autocompleteMeiliFacetsProps"
                             :is-valid-filters="isValidFilters">
                         </AutocompleteMeiliFacets>
 
 
-                    </v-card-title>
+                    </v-card-text>
 
 
                 </v-card>

components/content/StructureDb.vue

@@ -221,5 +221,21 @@ function pdbNameToCif(pdbPath: string) {
             <v-icon v-if="item.completed" color="success" icon="md:check"></v-icon>
             <v-icon v-else color="warning" icon="md:dangerous"></v-icon>
         </template>
+        <template #toolbar-items>
+            <v-menu>
+                <template v-slot:activator="{ props }">
+                    <v-btn variant="text" color="primary" class="align-self-end" v-bind="props">download
+                        all</v-btn>
+                </template>
+                <v-list>
+                    <v-list-item value="pdb" href="/df-all-pdb.tar.gz">
+                        <v-list-item-title>all pdbs</v-list-item-title>
+                    </v-list-item>
+                    <v-list-item value="pdb">
+                        <v-list-item-title>all cifs </v-list-item-title>
+                    </v-list-item>
+                </v-list>
+            </v-menu>
+        </template>
     </ServerDbTable>
 </template>
\ No newline at end of file