components/

components/content/RefseqDb.vue

@@ -79,9 +79,6 @@ onMounted(async () => {
 })
 
 async function getAllHits(params) {
-    console.log("refresh hits")
-    console.log(params)
-    console.log(params.index)
     if (params.index === 'refseq') {
         console.log(params.index)
         const { data, error } = await useAsyncMeiliSearch(params)
@@ -226,34 +223,6 @@ const scaleType = ref("linear")
 
 <template>
     <v-card flat class="mb-2" color="transparent">
-        <v-toolbar>
-            <!-- <v-toolbar-title>Plots</v-toolbar-title> -->
-            <v-btn-toggle v-model="layoutPlot" density="compact" rounded="false" variant="text" color="primary" mandatory
-                class="mx-2">
-                <v-btn icon="md:grid_view" value="grid"></v-btn>
-                <v-btn icon="md:view_agenda" value="fullwidth"></v-btn>
-            </v-btn-toggle>
-            <v-spacer></v-spacer>
-            <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact" label="Select taxonomic rank"
-                hide-details="auto" class="mx-2"></v-select>
-
-
-            <!-- <v-btn-toggle v-model="scaleTransform" density="compact" mandatory rounded="false" variant="text"
-                color="primary" class="mx-2">
-                <v-btn icon="mdi-math-log" value="linear">linear</v-btn>
-                <v-btn value="pow">pow</v-btn>
-                <v-btn icon="mdi-math-log" value="sqrt">sqrt</v-btn>
-                <v-btn icon="mdi-math-log" value="symlog">symlog</v-btn>
-                <v-btn icon="mdi-math-log" value="log">log</v-btn>
-            </v-btn-toggle> -->
-
-            <v-select v-model="scaleType" class="mx-2" density="compact" :items="['linear', 'sqrt', 'symlog']"
-                label="Scale Type" hide-details="auto"></v-select>
-
-
-        </v-toolbar>
-
-
         <v-card color="transparent" flat>
             <v-expansion-panels v-model="systemPanel" class="my-2" density="compact" multiple>
                 <v-expansion-panel elevation="3" value="barplot">
@@ -261,7 +230,18 @@ const scaleType = ref("linear")
                             class="mr-2">mdi-chart-bar</v-icon>Systems - Taxonomic</v-expansion-panel-title>
                     <v-expansion-panel-text>
                         <v-card flat color="transparent">
-
+                            <v-toolbar flat color="transparent" density="compact">
+                                <v-btn-toggle v-model="layoutPlot" density="compact" rounded="false" variant="text"
+                                    color="primary" mandatory class="mx-2">
+                                    <v-btn icon="md:grid_view" value="grid"></v-btn>
+                                    <v-btn icon="md:view_agenda" value="fullwidth"></v-btn>
+                                </v-btn-toggle>
+                                <v-select v-model="scaleType" class="mx-2" density="compact"
+                                    :items="['linear', 'sqrt', 'symlog']" label="Scale Type" hide-details="auto"></v-select>
+                                <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
+                                    label="Select taxonomic rank" hide-details="auto" class="mx-2"></v-select>
+
+                            </v-toolbar>
                             <v-row align="start">
                                 <v-col :cols="fullWidth ? 12 : 6">
                                     <PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
@@ -282,34 +262,37 @@ const scaleType = ref("linear")
                             class="mr-2">mdi-data-matrix</v-icon>Heatmap</v-expansion-panel-title>
                     <v-expansion-panel-text>
                         <v-card flat color="transparent">
+                            <v-toolbar flat color="transparent" density="compact">
+                                <v-select v-model="scaleType" class="mx-2" density="compact"
+                                    :items="['linear', 'sqrt', 'symlog']" label="Scale Type" hide-details="auto"></v-select>
+                                <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
+                                    label="Select taxonomic rank" hide-details="auto" class="mx-2"></v-select>
+
+                            </v-toolbar>
                             <PlotFigure v-if="toValue(binPlotDataOptions) !== null" :options="unref(binPlotDataOptions)"
                                 defer>
                             </PlotFigure>
                         </v-card>
                     </v-expansion-panel-text>
                 </v-expansion-panel>
-                <v-expansion-panel elevation="3" value="table">
-                    <v-expansion-panel-title color="grey-lighten-4"><v-icon color="primary"
-                            class="mr-2">mdi-table</v-icon>Table</v-expansion-panel-title>
-                    <v-expansion-panel-text>
-                        <ServerDbTable title="RefSeq" db="refseq" :sortBy="sortBy" :facets="facets"
-                            :data-table-server-props="dataTableServerProps" @refresh:search="getAllHits">
-                            <template #top>
-                                <v-toolbar><v-toolbar-title class="text-capitalize">
-                                        RefSeq
-                                    </v-toolbar-title><v-spacer></v-spacer>
-
-                                </v-toolbar>
-                            </template>
-                            <template #[`item.accession_in_sys`]="{ item }">
-                                <CollapsibleChips :items="namesToAccessionChips(item.accession_in_sys)">
-                                </CollapsibleChips>
-                            </template>
-                        </ServerDbTable>
-                    </v-expansion-panel-text>
-                </v-expansion-panel>
             </v-expansion-panels>
 
+            <ServerDbTable title="RefSeq" db="refseq" :sortBy="sortBy" :facets="facets"
+                :data-table-server-props="dataTableServerProps" @refresh:search="getAllHits">
+                <template #top>
+                    <v-toolbar><v-toolbar-title class="text-capitalize">
+                            RefSeq
+                        </v-toolbar-title><v-spacer></v-spacer>
+
+                    </v-toolbar>
+                </template>
+                <template #[`item.accession_in_sys`]="{ item }">
+                    <CollapsibleChips :items="namesToAccessionChips(item.accession_in_sys)">
+                    </CollapsibleChips>
+                </template>
+            </ServerDbTable>
+
+
         </v-card>
 
     </v-card>