Skip to content
Snippets Groups Projects
Commit 369358c7 authored by Remi PLANEL's avatar Remi PLANEL
Browse files

homogenize serverTable style

parent 52b29959
No related branches found
No related tags found
No related merge requests found
Pipeline #127593 waiting for manual action
Stage: get-meili-key
Stage: pre-processing
Stage: build
Stage: delete-release
Stage: lint
Stage: deploy
Stage: post-deploy
Expand all Hide whitespace changes
Inline Side-by-side
components/ServerDbTable.vue
+ 3
− 3
View file @ 369358c7
...@@ -267,15 +267,15 @@ function focusedOrBlur(isFocused: boolean) { ...@@ -267,15 +267,15 @@ function focusedOrBlur(isFocused: boolean) {
</script> </script>
<template> <template>
<v-card flat color="transparent"> <v-card variant="flat" color="transparent">
<slot name="numerical-filters" :search="throttleSearch"></slot> <slot name="numerical-filters" :search="throttleSearch"></slot>
<v-data-table-server v-if="!msError" v-model:page="page" color="primary" v-bind="dataTableServerProps" <v-data-table-server v-if="!msError" v-model:page="page" color="primary" v-bind="dataTableServerProps"
v-model:items-per-page="hitsPerPage" v-model:sortBy="sortByRef" v-model:expanded="expanded" fixed-header v-model:items-per-page="hitsPerPage" v-model:sortBy="sortByRef" v-model:expanded="expanded" fixed-header
:loading="loading" :items="msResult?.hits ?? []" :items-length="totalHits" density="compact" :loading="loading" :items="msResult?.hits ?? []" :items-length="totalHits" density="compact"
:items-per-page-options="itemsPerPage" :height="computedTableHeight" class="elevation-1 mt-2"> :items-per-page-options="itemsPerPage" :height="computedTableHeight" class="elevation-0 mt-2">
<template #top> <template #top>
<v-card variant="flat" color="transparent"> <v-card flat color="transparent">
<v-card-text class="d-flex flex-row"> <v-card-text class="d-flex flex-row">
<v-badge :content="totalHits" color="primary" class="me-auto"> <v-badge :content="totalHits" color="primary" class="me-auto">
<v-btn prepend-icon="md:download" :loading="pendingDownloadData" variant="text" <v-btn prepend-icon="md:download" :loading="pendingDownloadData" variant="text"
......
components/content/RefseqDb.vue
+ 169
− 174
View file @ 369358c7
This diff is collapsed.
components/content/StructureDb.vue
+ 57
− 55
View file @ 369358c7
...@@ -173,61 +173,63 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz") ...@@ -173,61 +173,63 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
:autocomplete-meili-facets-props="computedAutocompleteMeiliFacetsProps" :autocomplete-meili-facets-props="computedAutocompleteMeiliFacetsProps"
:numerical-filters="toRef(numericalFilters)"> :numerical-filters="toRef(numericalFilters)">
<template #numerical-filters="{ search }"> <template #numerical-filters="{ search }">
<v-row> <v-card-text>
<v-col cols="12" md="4"> <v-row>
<v-card flat variant="tonal"> <v-col cols="12" md="4">
<v-card-item class="mb-4"> <v-card flat variant="tonal">
<v-card-title> pLDDT <v-card-item class="mb-4">
</v-card-title> <v-card-title> pLDDT
</v-card-item> </v-card-title>
<v-card-text class="pr-0"> </v-card-item>
<v-range-slider v-model="plddtsRange" strict density="compact" hide-details="auto" <v-card-text class="pr-0">
class="" step="0.5" :min="0" :max="100" thumb-label="always" <v-range-slider v-model="plddtsRange" strict density="compact" hide-details="auto"
@update:modelValue="search()"> class="" step="0.5" :min="0" :max="100" thumb-label="always"
<template #append> @update:modelValue="search()">
<v-btn variant="text" density="compact" icon="md:restart_alt" <template #append>
@click="plddtsReset()"></v-btn> <v-btn variant="text" density="compact" icon="md:restart_alt"
</template> @click="plddtsReset()"></v-btn>
</template>
</v-range-slider>
</v-card-text> </v-range-slider>
</v-card> </v-card-text>
</v-col> </v-card>
<v-col cols="12" md="4"> </v-col>
<v-card flat variant="tonal"> <v-col cols="12" md="4">
<v-card-item class="mb-4"> <v-card flat variant="tonal">
<v-card-title> iptm+ptm <v-card-item class="mb-4">
</v-card-title> <v-card-title> iptm+ptm
</v-card-item> </v-card-title>
<v-card-text class="pr-0"> </v-card-item>
<v-range-slider v-model="iptmRange" strict density="compact" hide-details="auto" <v-card-text class="pr-0">
step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()"> <v-range-slider v-model="iptmRange" strict density="compact" hide-details="auto"
<template #append> step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
<v-btn variant="text" density="compact" icon="md:restart_alt" <template #append>
@click="iptmReset()"></v-btn> <v-btn variant="text" density="compact" icon="md:restart_alt"
</template> @click="iptmReset()"></v-btn>
</v-range-slider> </template>
</v-card-text></v-card> </v-range-slider>
</v-col> </v-card-text></v-card>
</v-col>
<v-col cols="12" md="4">
<v-card flat variant="tonal"> <v-col cols="12" md="4">
<v-card-item class="mb-4"> <v-card flat variant="tonal">
<v-card-title> pDockQ <v-card-item class="mb-4">
</v-card-title> <v-card-title> pDockQ
</v-card-item> </v-card-title>
<v-card-text class="pr-0"> </v-card-item>
<v-range-slider v-model="pdockqRange" density="compact" strict hide-details="auto" <v-card-text class="pr-0">
step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()"> <v-range-slider v-model="pdockqRange" density="compact" strict hide-details="auto"
<template #append> step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
<v-btn variant="text" density="compact" icon="md:restart_alt" <template #append>
@click="pdockqReset()"></v-btn> <v-btn variant="text" density="compact" icon="md:restart_alt"
</template> @click="pdockqReset()"></v-btn>
</v-range-slider> </template>
</v-card-text> </v-range-slider>
</v-card> </v-card-text>
</v-col> </v-card>
</v-row> </v-col>
</v-row>
</v-card-text>
</template> </template>
<template #[`item.Foldseek_name`]="{ item }"> <template #[`item.Foldseek_name`]="{ item }">
<FoldseekDialog v-if="item.Foldseek_name !== 'na'" :foldseek-path="toFolseekUrl(item)"></FoldseekDialog> <FoldseekDialog v-if="item.Foldseek_name !== 'na'" :foldseek-path="toFolseekUrl(item)"></FoldseekDialog>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment