From 123ec41f32819ba5320c540a981818c3de9e75cf Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Tue, 8 Apr 2025 13:32:31 +0200
Subject: [PATCH] fix(WorkerCalendarFilter): fix style year and contract filter
---
.../Worker/Card/WorkerCalendarFilter.vue | 82 +++++++++----------
1 file changed, 38 insertions(+), 44 deletions(-)
diff --git a/src/pages/Worker/Card/WorkerCalendarFilter.vue b/src/pages/Worker/Card/WorkerCalendarFilter.vue
index f0e2d758a..32edaa6e9 100644
--- a/src/pages/Worker/Card/WorkerCalendarFilter.vue
+++ b/src/pages/Worker/Card/WorkerCalendarFilter.vue
@@ -166,50 +166,44 @@ const yearList = ref(generateYears());
}}
</QCardSection>
</div>
- <QList dense class="list q-gutter-y-sm q-my-lg">
- <QItem>
- <QItemSection>
- <VnSelect
- :label="t('Year')"
- v-model="selectedYear"
- :options="yearList"
- dense
- filled
- use-input
- :is-clearable="false"
- />
- </QItemSection>
- <QItemSection>
- <VnSelect
- :label="t('Contract')"
- v-model="selectedBusinessFk"
- :options="contractList"
- option-value="businessFk"
- option-label="businessFk"
- dense
- filled
- use-input
- :is-clearable="false"
- >
- <template #option="scope">
- <QItem v-bind="scope.itemProps">
- <QItemSection>
- <QItemLabel># {{ scope.opt?.businessFk }}</QItemLabel>
- <QItemLabel caption>
- {{ toDateFormat(scope.opt?.started) }} -
- {{
- scope.opt?.ended
- ? toDateFormat(scope.opt?.ended)
- : 'Indef.'
- }}
- </QItemLabel>
- </QItemSection>
- </QItem>
- </template>
- </VnSelect>
- </QItemSection>
- </QItem>
- </QList>
+ <div dense class="column q-gutter-y-sm q-px-md">
+ <VnSelect
+ :label="t('Year')"
+ v-model="selectedYear"
+ :options="yearList"
+ dense
+ filled
+ use-input
+ :is-clearable="false"
+ />
+ <VnSelect
+ :label="t('Contract')"
+ v-model="selectedBusinessFk"
+ :options="contractList"
+ option-value="businessFk"
+ option-label="businessFk"
+ dense
+ filled
+ use-input
+ :is-clearable="false"
+ >
+ <template #option="scope">
+ <QItem v-bind="scope.itemProps">
+ <QItemSection>
+ <QItemLabel># {{ scope.opt?.businessFk }}</QItemLabel>
+ <QItemLabel caption>
+ {{ toDateFormat(scope.opt?.started) }} -
+ {{
+ scope.opt?.ended
+ ? toDateFormat(scope.opt?.ended)
+ : 'Indef.'
+ }}
+ </QItemLabel>
+ </QItemSection>
+ </QItem>
+ </template>
+ </VnSelect>
+ </div>
<QList dense class="list q-gutter-y-xs q-my-md">
<QItem v-for="type in absenceTypeList" :key="type.id">
<WorkerEventLabel