feat: refreshInterval

src/pages/Monitor/SalesTicketsTable.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, reactive } from 'vue';
+import { ref, computed, onMounted, reactive, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -19,9 +19,9 @@ import VnInputDate from 'src/components/common/VnInputDate.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { toDateFormat, toTimeFormat } from 'src/filters/date.js';
 import { toCurrency } from 'src/filters';
-
+const DEFAULT_AUTO_REFRESH = 1000;
 const { t } = useI18n();
-
+const autoRefresh = ref(false);
 const router = useRouter();
 const paginateRef = ref(null);
 const workersActiveOptions = ref([]);
@@ -328,7 +328,15 @@ const getBadgeAttrs = (date) => {
     if (comparation < 0) return { color: 'success', 'text-color': 'black' };
     return { color: 'transparent', 'text-color': 'white' };
 };
-
+let refreshTimer = null;
+const autoRefreshHandler = (value) => {
+    if (value)
+        refreshTimer = setInterval(() => paginateRef.value.fetch(), DEFAULT_AUTO_REFRESH);
+    else {
+        clearInterval(refreshTimer);
+        refreshTimer = null;
+    }
+};
 const redirectToTicketSummary = (id) => {
     router.push({ name: 'TicketSummary', params: { id } });
 };
@@ -426,6 +434,11 @@ onMounted(async () => {
                         labels-traductions-path="salesTicketsTable"
                         @on-config-saved="visibleColumns = [...$event, 'rowActions']"
                     />
+                    <QCheckbox
+                        v-model="autoRefresh"
+                        :label="t('salesTicketsTable.autoRefresh')"
+                        @update:model-value="autoRefreshHandler"
+                    />
                 </template>
                 <template #top-row="{ cols }">
                     <QTr>

src/pages/Monitor/locale/en.yml

@@ -17,6 +17,7 @@ salesOrdersTable:
     deleteConfirmTitle: Delete selected elements
     deleteConfirmMessage: All the selected elements will be deleted. Are you sure you want to continue?
 salesTicketsTable:
+    autoRefresh: Auto-refresh
     problems: Problems
     noVerifiedData: No verified data
     notVisible: Not visible

src/pages/Monitor/locale/es.yml

@@ -17,6 +17,7 @@ salesOrdersTable:
     deleteConfirmTitle: Eliminar los elementos seleccionados
     deleteConfirmMessage: Todos los elementos seleccionados serán eliminados. ¿Seguro que quieres continuar?
 salesTicketsTable:
+    autoRefresh: Auto-refresco
     problems: Problemas
     noVerifiedData: Sin datos comprobados
     notVisible: No visible