From a3cc6ed95b1da98c014fbf23a73eaf0b67315b12 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 18 Apr 2024 10:32:32 -0300
Subject: [PATCH] Add filter dates tooltip

---
 src/pages/Item/ItemRequestFilter.vue | 114 ++++++++++++++-------------
 1 file changed, 59 insertions(+), 55 deletions(-)

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