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

ui numerical slider filters

parent 5c853ef5
No related branches found
No related tags found
2 merge requests!203Foldseek pages,!186Refactor facet autocomplete
Pipeline #120412 passed with stages
in 6 minutes and 22 seconds
This commit is part of merge request !186. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
components/ServerDbTable.vue
+ 0
− 4
View file @ 95318e32
...@@ -299,11 +299,7 @@ function focusedOrBlur(isFocused: boolean) { ...@@ -299,11 +299,7 @@ function focusedOrBlur(isFocused: boolean) {
</script> </script>
<template> <template>
<v-card flat color="transparent"> <v-card flat color="transparent">
<v-card-text>
</v-card-text>
<v-card-text>
<slot name="numerical-filters" :search="throttleSearch"></slot> <slot name="numerical-filters" :search="throttleSearch"></slot>
</v-card-text>
<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"
......
components/content/StructureDb.vue
+ 43
− 28
View file @ 95318e32
...@@ -132,34 +132,49 @@ function pdbNameToCif(pdbPath: string) { ...@@ -132,34 +132,49 @@ function pdbNameToCif(pdbPath: string) {
<ServerDbTable title="Predicted Structures" :sortBy="sortBy" :data-table-server-props="dataTableServerProps" <ServerDbTable title="Predicted Structures" :sortBy="sortBy" :data-table-server-props="dataTableServerProps"
:autocomplete-meili-facets-props="computedAutocompleteMeiliFacetsProps" :numerical-filters="numericalFilters"> :autocomplete-meili-facets-props="computedAutocompleteMeiliFacetsProps" :numerical-filters="numericalFilters">
<template #numerical-filters="{ search }"> <template #numerical-filters="{ search }">
<v-row> <v-list>
<v-col cols="12" md="12" lg="4"> <v-list-item>
<v-range-slider v-model="plddtsRange" strict density="compact" hide-details="auto" label="pLDDT" <v-list-item-title class="text-subtitle-1 text-medium-emphasis">
step="0.5" :min="0" :max="100" thumb-label="always" @update:modelValue="search()"> pLDDT
<template #append> </v-list-item-title>
<v-btn variant="text" icon="md:restart_alt" @click="plddtsReset()"></v-btn> <v-row>
</template> <v-col class="pt-8 pl-8">
</v-range-slider> <v-range-slider v-model="plddtsRange" strict density="compact" hide-details="auto" step="0.5"
</v-col> :min="0" :max="100" thumb-label="always" @update:modelValue="search()">
<v-col cols="12" md="12" lg="4"> <template #append>
<v-btn variant="text" icon="md:restart_alt" @click="plddtsReset()"></v-btn>
<v-range-slider v-model="iptmRange" strict density="compact" hide-details="auto" label="iptm+ptm" </template>
step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
<template #append> </v-range-slider>
<v-btn variant="text" icon="md:restart_alt" @click="iptmReset()"></v-btn> </v-col></v-row>
</template> </v-list-item>
</v-range-slider> <v-list-item>
</v-col> <v-list-item-title class="text-subtitle-1 text-medium-emphasis">
<!-- pdockqReset --> iptm+ptm
<v-col cols="12" md="12" lg="4"> </v-list-item-title>
<v-range-slider v-model="pdockqRange" strict density="compact" hide-details="auto" label="pDockQ" <v-row>
step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()"> <v-col class="pt-8 pl-8">
<template #append> <v-range-slider v-model="iptmRange" strict density="compact" hide-details="auto" step="0.1"
<v-btn variant="text" icon="md:restart_alt" @click="pdockqReset()"></v-btn> :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
</template> <template #append>
</v-range-slider> <v-btn variant="text" icon="md:restart_alt" @click="iptmReset()"></v-btn>
</v-col> </template>
</v-row> </v-range-slider>
</v-col></v-row>
</v-list-item>
<v-list-item>
<v-list-item-title class="text-subtitle-1 text-medium-emphasis">pDockQ</v-list-item-title>
<v-row>
<v-col class="pt-8 pl-8">
<v-range-slider v-model="pdockqRange" density="compact" strict hide-details="auto" step="0.1"
:min="0" :max="1" thumb-label="always" @update:modelValue="search()">
<template #append>
<v-btn variant="text" icon="md:restart_alt" @click="pdockqReset()"></v-btn>
</template>
</v-range-slider>
</v-col></v-row>
</v-list-item>
</v-list>
</template> </template>
<template #[`item.proteins_in_the_prediction`]="{ item }"> <template #[`item.proteins_in_the_prediction`]="{ item }">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment