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 with stages
in 6 minutes and 36 seconds
......@@ -267,15 +267,15 @@ function focusedOrBlur(isFocused: boolean) {
</script>
<template>
<v-card flat color="transparent">
<v-card variant="flat" color="transparent">
<slot name="numerical-filters" :search="throttleSearch"></slot>
<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
: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>
<v-card variant="flat" color="transparent">
<v-card flat color="transparent">
<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"
......
This diff is collapsed.
......@@ -173,61 +173,63 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
:autocomplete-meili-facets-props="computedAutocompleteMeiliFacetsProps"
:numerical-filters="toRef(numericalFilters)">
<template #numerical-filters="{ search }">
<v-row>
<v-col cols="12" md="4">
<v-card flat variant="tonal">
<v-card-item class="mb-4">
<v-card-title> pLDDT
</v-card-title>
</v-card-item>
<v-card-text class="pr-0">
<v-range-slider v-model="plddtsRange" strict density="compact" hide-details="auto"
class="" step="0.5" :min="0" :max="100" thumb-label="always"
@update:modelValue="search()">
<template #append>
<v-btn variant="text" density="compact" icon="md:restart_alt"
@click="plddtsReset()"></v-btn>
</template>
</v-range-slider>
</v-card-text>
</v-card>
</v-col>
<v-col cols="12" md="4">
<v-card flat variant="tonal">
<v-card-item class="mb-4">
<v-card-title> iptm+ptm
</v-card-title>
</v-card-item>
<v-card-text class="pr-0">
<v-range-slider v-model="iptmRange" strict density="compact" hide-details="auto"
step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
<template #append>
<v-btn variant="text" density="compact" icon="md:restart_alt"
@click="iptmReset()"></v-btn>
</template>
</v-range-slider>
</v-card-text></v-card>
</v-col>
<v-col cols="12" md="4">
<v-card flat variant="tonal">
<v-card-item class="mb-4">
<v-card-title> pDockQ
</v-card-title>
</v-card-item>
<v-card-text class="pr-0">
<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" density="compact" icon="md:restart_alt"
@click="pdockqReset()"></v-btn>
</template>
</v-range-slider>
</v-card-text>
</v-card>
</v-col>
</v-row>
<v-card-text>
<v-row>
<v-col cols="12" md="4">
<v-card flat variant="tonal">
<v-card-item class="mb-4">
<v-card-title> pLDDT
</v-card-title>
</v-card-item>
<v-card-text class="pr-0">
<v-range-slider v-model="plddtsRange" strict density="compact" hide-details="auto"
class="" step="0.5" :min="0" :max="100" thumb-label="always"
@update:modelValue="search()">
<template #append>
<v-btn variant="text" density="compact" icon="md:restart_alt"
@click="plddtsReset()"></v-btn>
</template>
</v-range-slider>
</v-card-text>
</v-card>
</v-col>
<v-col cols="12" md="4">
<v-card flat variant="tonal">
<v-card-item class="mb-4">
<v-card-title> iptm+ptm
</v-card-title>
</v-card-item>
<v-card-text class="pr-0">
<v-range-slider v-model="iptmRange" strict density="compact" hide-details="auto"
step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
<template #append>
<v-btn variant="text" density="compact" icon="md:restart_alt"
@click="iptmReset()"></v-btn>
</template>
</v-range-slider>
</v-card-text></v-card>
</v-col>
<v-col cols="12" md="4">
<v-card flat variant="tonal">
<v-card-item class="mb-4">
<v-card-title> pDockQ
</v-card-title>
</v-card-item>
<v-card-text class="pr-0">
<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" density="compact" icon="md:restart_alt"
@click="pdockqReset()"></v-btn>
</template>
</v-range-slider>
</v-card-text>
</v-card>
</v-col>
</v-row>
</v-card-text>
</template>
<template #[`item.Foldseek_name`]="{ item }">
<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.
Finish editing this message first!
Please register or to comment