wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

Add filter dates tooltip

This commit is contained in:
William Buezas 2024-04-18 10:32:32 -03:00
parent 7165e48bff
commit a3cc6ed95b
1 changed files with 59 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
src/pages/Item/ItemRequestFilter.vue
View File

@ -192,61 +192,63 @@ const decrement = (paramsObj, key) => {
</VnSelectFilter> </VnSelectFilter>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QCard bordered>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate
:label="t('params.from')" :label="t('params.from')"
v-model="params.from" v-model="params.from"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined is-outlined
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate
:label="t('params.to')" :label="t('params.to')"
v-model="params.to" v-model="params.to"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined is-outlined
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput
v-model="params.scopeDays" v-model="params.scopeDays"
:label="t('params.scopeDays')" :label="t('params.scopeDays')"
type="number" type="number"
dense dense
outlined outlined
rounded rounded
:min="0" :min="0"
> >
<template #append> <template #append>
<QBtn <QBtn
icon="add" icon="add"
flat flat
dense dense
size="12px" size="12px"
@click="add(params, 'scopeDays')" @click="add(params, 'scopeDays')"
/> />
<QBtn <QBtn
icon="remove" icon="remove"
flat flat
dense dense
size="12px" size="12px"
@click="decrement(params, 'scopeDays')" @click="decrement(params, 'scopeDays')"
/> />
</template> </template>
</VnInput> </VnInput>
</QItemSection> </QItemSection>
</QItem> </QItem>
<!-- <vn-icon color-marginal <QIcon name="info" style="position: absolute; top: 4px; right: 4px">
icon="info" <QTooltip max-width="300px">
vn-tooltip="Cannot choose a range of dates and days onward at the same time"> {{ t('dateFiltersTooltip') }}
</vn-icon> --> </QTooltip>
</QIcon>
</QCard>
<QItem> <QItem>
<QItemSection> <QItemSection>
<QCheckbox <QCheckbox
@ -290,6 +292,7 @@ en:
scopeDays: Days onward scopeDays: Days onward
mine: For me mine: For me
state: State state: State
dateFiltersTooltip: Cannot choose a range of dates and days onward at the same time
es: es:
params: params:
@ -304,4 +307,5 @@ es:
scopeDays: Días adelante scopeDays: Días adelante
mine: Para mi mine: Para mi
state: Estado state: Estado
dateFiltersTooltip: No se puede seleccionar un rango de fechas y días en adelante a la vez
</i18n> </i18n>