diff --git a/components/content/RefseqDb.vue b/components/content/RefseqDb.vue index 48b40b0c31bc87f82b782fd7c28ca35b9dcfe360..273f4a4dd11682ab892e664fdc44278b8405506f 100644 --- a/components/content/RefseqDb.vue +++ b/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>