diff --git a/src/pages/Ticket/TicketAdvance.vue b/src/pages/Ticket/TicketAdvance.vue index 35bd5cc0f..b223d260c 100644 --- a/src/pages/Ticket/TicketAdvance.vue +++ b/src/pages/Ticket/TicketAdvance.vue @@ -14,6 +14,7 @@ import { useState } from 'src/composables/useState'; import { toDateFormat } from 'src/filters/date.js'; import axios from 'axios'; import VnTable from 'src/components/VnTable/VnTable.vue'; +import { QTable } from 'quasar'; const state = useState(); const { t } = useI18n(); @@ -27,6 +28,16 @@ const selectedTickets = ref([]); const vnTableRef = ref({}); const originElRef = ref(null); const destinationElRef = ref(null); +const actions = { + advance: { + title: t('advanceTickets.advanceTickets'), + cb: moveTicketsAdvance, + }, + advanceWithoutNegative: { + title: t('advanceTickets.advanceTicketsWithoutNegatives'), + cb: splitTickets, + }, +}; let today = Date.vnNew().toISOString(); const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate() + 1); @@ -250,7 +261,7 @@ const requestComponentUpdate = async (ticket, isWithoutNegatives) => { return { query, params }; }; -const moveTicketsAdvance = async () => { +async function moveTicketsAdvance() { let ticketsToMove = []; for (const ticket of selectedTickets.value) { if (!ticket.id) { @@ -275,7 +286,7 @@ const moveTicketsAdvance = async () => { vnTableRef.value.reload(); selectedTickets.value = []; if (ticketsToMove.length) notify(t('advanceTickets.moveTicketSuccess'), 'positive'); -}; +} const progressLength = ref(0); const progressPercentage = computed(() => { @@ -293,12 +304,12 @@ const progressAdd = () => { t('advanceTickets.moveTicketSuccess', { ticketsNumber: progressLength.value - splitErrors.value.length, }), - 'positive' + 'positive', ); } }; -const splitTickets = async () => { +async function splitTickets() { try { showProgressDialog.value = true; for (const ticket of selectedTickets.value) { @@ -318,7 +329,7 @@ const splitTickets = async () => { } finally { vnTableRef.value.reload(); } -}; +} const resetProgressData = () => { if (cancelProgress.value) cancelProgress.value = false; @@ -334,20 +345,30 @@ const handleCloseProgressDialog = () => { const handleCancelProgress = () => (cancelProgress.value = true); -const getMessage = (type) => { - const locale = - type === 'advance' ? 'advanceTitleSubtitle' : 'advanceWithoutNegativeSubtitle'; - - let message = t(`advanceTickets.${locale}`, { - selectedTickets: selectedTickets.value.length, +const confirmAction = (action) => { + openConfirmationModal(actions[action].title, false, actions[action].cb, null, { + component: QTable, + props: { + columns: [ + { + align: 'center', + label: t('advanceTickets.destination'), + name: 'id', + field: (row) => row.id, + }, + { + align: 'center', + label: t('advanceTickets.origin'), + name: 'futureId', + field: (row) => row.futureId, + }, + ], + rows: selectedTickets.value, + class: 'full-width', + dense: true, + flat: true, + }, }); - - // message += ''; - return message; }; watch( @@ -369,16 +390,16 @@ watch( originElRef.value.setAttribute('colspan', '9'); destinationElRef.value.textContent = `${t( - 'advanceTickets.destination' + 'advanceTickets.destination', )} ${toDateFormat(vnTableRef.value.params.dateToAdvance)}`; originElRef.value.textContent = `${t('advanceTickets.origin')} ${toDateFormat( - vnTableRef.value.params.dateFuture + vnTableRef.value.params.dateFuture, )}`; newRow.append(destinationElRef.value, originElRef.value); head.insertBefore(newRow, firstRow); }, - { once: true, inmmediate: true } + { once: true, inmmediate: true }, ); watch( @@ -386,14 +407,14 @@ watch( () => { if (originElRef.value && destinationElRef.value) { destinationElRef.value.textContent = `${t( - 'advanceTickets.destination' + 'advanceTickets.destination', )} ${toDateFormat(vnTableRef.value.params.dateToAdvance)}`; originElRef.value.textContent = `${t('advanceTickets.origin')} ${toDateFormat( - vnTableRef.value.params.dateFuture + vnTableRef.value.params.dateFuture, )}`; } }, - { deep: true } + { deep: true }, );