Merge pull request 'fix(VnTable): replace click event with mousedown for editable rows' (!1753) from fixTextSelectionOnInputOnVntable into dev

Reviewed-on: #1753
Reviewed-by: Alex Moreno <alexm@verdnatura.es>

src/components/VnTable/VnTable.vue

@@ -214,7 +214,7 @@ onBeforeMount(() => {
 });
 
 onMounted(async () => {
-    if ($props.isEditable) document.addEventListener('click', clickHandler);
+    if ($props.isEditable) document.addEventListener('mousedown', mousedownHandler);
     mode.value =
         quasar.platform.is.mobile && !$props.disableOption?.card
             ? CARD_MODE
@@ -237,7 +237,7 @@ onMounted(async () => {
 });
 
 onUnmounted(async () => {
-    if ($props.isEditable) document.removeEventListener('click', clickHandler);
+    if ($props.isEditable) document.removeEventListener('mousedown', mousedownHandler);
 });
 
 watch(
@@ -385,7 +385,7 @@ function hasEditableFormat(column) {
     if (isEditableColumn(column)) return 'editable-text';
 }
 
-const clickHandler = async (event) => {
+const mousedownHandler = async (event) => {
     const clickedElement = event.target.closest('td');
     const isDateElement = event.target.closest('.q-date');
     const isTimeElement = event.target.closest('.q-time');
@@ -408,6 +408,7 @@ const clickHandler = async (event) => {
     }
 
     if (isEditableColumn(column)) {
+        event.preventDefault();
         await renderInput(Number(rowIndex), colField, clickedElement);
     }
 };

src/pages/Route/Card/RouteDescriptor.vue

@@ -68,19 +68,6 @@ onMounted(async () => {
         <template #menu="{ entity }">
             <RouteDescriptorMenu :route="entity" />
         </template>
-        <template #actions="{ entity }">
-            <QCardActions class="flex justify-center" style="padding-inline: 0">
-                <QBtn
-                    size="md"
-                    icon="vn:delivery"
-                    color="primary"
-                    :href="`https://grafana.verdnatura.es/d/edkvyi479dbeob/pronostico-de-entregas?orgId=1&var-vRouteFk=${entity.id}`"
-                    target="_blank"
-                >
-                    <QTooltip>{{ $t('route.deliveryForecast') }}</QTooltip>
-                </QBtn>
-            </QCardActions>
-        </template>
     </EntityDescriptor>
 </template>
 <i18n>

src/pages/Route/Card/RouteSummary.vue

@@ -80,20 +80,6 @@ const ticketColumns = ref([
         sortable: false,
         align: 'left',
     },
-    {
-        name: 'delivered',
-        label: t('route.delivered'),
-        field: (row) => dashIfEmpty(toDate(row?.delivered)),
-        sortable: false,
-        align: 'center',
-    },
-    {
-        name: 'forecast',
-        label: t('route.forecast'),
-        field: (row) => dashIfEmpty(toDate(row?.forecast)),
-        sortable: false,
-        align: 'center',
-    },
     {
         name: 'packages',
         label: t('route.summary.packages'),
@@ -281,3 +267,61 @@ const ticketColumns = ref([
         </CardSummary>
     </div>
 </template>
+<i18n>
+en:
+    route:
+        summary:
+            date: Date
+            agency: Agency
+            vehicle: Vehicle
+            driver: Driver
+            cost: Cost
+            started: Started time
+            finished: Finished time
+            kmStart: Km start
+            kmEnd: Km end
+            volume: Volume
+            packages: Packages
+            description: Description
+            tickets: Tickets
+            order: Order
+            street: Street
+            city: City
+            pc: PC
+            client: Client
+            state: State
+            m3: m³
+            packaging: Packaging
+            ticket: Ticket
+            closed: Closed
+            open: Open
+            yes: Yes
+            no: No
+es:
+    route:
+        summary:
+            date: Fecha
+            agency: Agencia
+            vehicle: Vehículo
+            driver: Conductor
+            cost: Costo
+            started: Hora inicio
+            finished: Hora fin
+            kmStart: Km inicio
+            kmEnd: Km fin
+            volume: Volumen
+            packages: Bultos
+            description: Descripción
+            tickets: Tickets
+            order: Orden
+            street: Dirección fiscal
+            city: Población
+            pc: CP
+            client: Cliente
+            state: Estado
+            packaging: Encajado
+            closed: Cerrada
+            open: Abierta
+            yes: Sí
+            no: No
+</i18n>

src/pages/Route/RouteTickets.vue

@@ -24,63 +24,49 @@ const selectedRows = ref([]);
 const columns = computed(() => [
     {
         name: 'order',
-        label: t('route.ticket.order'),
+        label: t('Order'),
         field: (row) => dashIfEmpty(row?.priority),
         sortable: false,
         align: 'center',
     },
     {
         name: 'client',
-        label: t('route.ticket.client'),
+        label: t('Client'),
         field: (row) => row?.nickname,
         sortable: false,
         align: 'left',
     },
     {
         name: 'street',
-        label: t('route.ticket.street'),
+        label: t('Street'),
         field: (row) => row?.street,
         sortable: false,
         align: 'left',
     },
     {
         name: 'pc',
-        label: t('route.ticket.PC'),
+        label: t('PC'),
         field: (row) => row?.postalCode,
         sortable: false,
         align: 'center',
     },
     {
         name: 'city',
-        label: t('route.ticket.city'),
+        label: t('City'),
         field: (row) => row?.city,
         sortable: false,
         align: 'left',
     },
     {
         name: 'warehouse',
-        label: t('route.ticket.warehouse'),
+        label: t('Warehouse'),
         field: (row) => row?.warehouseName,
         sortable: false,
         align: 'left',
     },
-    {
-        name: 'delivered',
-        label: t('route.ticket.delivered'),
-        field: (row) => dashIfEmpty(row?.delivered),
-        sortable: false,
-        align: 'left',
-    },
-    {
-        name: 'estimated',
-        label: t('route.ticket.estimated'),
-        field: (row) => dashIfEmpty(row?.estimated),
-        sortable: false,
-        align: 'left',
-    },
     {
         name: 'packages',
-        label: t('route.ticket.packages'),
+        label: t('Packages'),
         field: (row) => row?.packages,
         sortable: false,
         align: 'center',
@@ -94,14 +80,14 @@ const columns = computed(() => [
     },
     {
         name: 'packaging',
-        label: t('route.ticket.packaging'),
+        label: t('Packaging'),
         field: (row) => row?.ipt,
         sortable: false,
         align: 'center',
     },
     {
         name: 'ticket',
-        label: t('route.ticket.ticket'),
+        label: t('Ticket'),
         field: (row) => row?.id,
         sortable: false,
         align: 'center',
@@ -202,8 +188,8 @@ const confirmRemove = (ticket) => {
         .dialog({
             component: VnConfirm,
             componentProps: {
-                title: t('route.ticket.confirmRemoval'),
+                title: t('Confirm removal from route'),
-                message: t('route.ticket.confirmRemovalConfirmation'),
+                message: t('Are you sure you want to remove this ticket from the route?'),
                 promise: () => removeTicket(ticket),
             },
         })
@@ -233,7 +219,7 @@ const openSmsDialog = async () => {
     quasar.dialog({
         component: SendSmsDialog,
         componentProps: {
-            title: t('route.ticket.sendSmsTickets'),
+            title: t('Send SMS to the selected tickets'),
             url: 'Routes/sendSms',
             destinationFk: clientsId.toString(),
             destination: clientsPhone.toString(),
@@ -254,18 +240,18 @@ const openSmsDialog = async () => {
     <QDialog v-model="confirmationDialog">
         <QCard style="min-width: 350px">
             <QCardSection>
-                <p class="text-h6 q-ma-none">{{ t('route.ticket.selectStartingDate') }}</p>
+                <p class="text-h6 q-ma-none">{{ t('Select the starting date') }}</p>
             </QCardSection>
 
             <QCardSection class="q-pt-none">
                 <VnInputDate
-                    :label="t('route.ticket.startingDate')"
+                    :label="t('Stating date')"
                     v-model="startingDate"
                     autofocus
                 />
             </QCardSection>
             <QCardActions align="right">
-                <QBtn flat :label="t('globals.cancel')" v-close-popup class="text-primary" />
+                <QBtn flat :label="t('Cancel')" v-close-popup class="text-primary" />
                 <QBtn color="primary" v-close-popup @click="cloneRoutes">
                     {{ t('globals.clone') }}
                 </QBtn>
@@ -276,7 +262,7 @@ const openSmsDialog = async () => {
         <QToolbar class="justify-end">
             <div id="st-actions" class="q-pa-sm">
                 <QBtn icon="vn:wand" color="primary" class="q-mr-sm" @click="sortRoutes">
-                    <QTooltip>{{ t('route.ticket.sortRoutes') }}</QTooltip>
+                    <QTooltip>{{ t('Sort routes') }}</QTooltip>
                 </QBtn>
                 <QBtn
                     icon="vn:buscaman"
@@ -285,7 +271,7 @@ const openSmsDialog = async () => {
                     :disable="!selectedRows?.length"
                     @click="goToBuscaman()"
                 >
-                    <QTooltip>{{ t('route.ticket.openBuscaman') }}</QTooltip>
+                    <QTooltip>{{ t('Open buscaman') }}</QTooltip>
                 </QBtn>
                 <QBtn
                     icon="filter_alt"
@@ -294,7 +280,7 @@ const openSmsDialog = async () => {
                     :disable="!selectedRows?.length"
                     @click="deletePriorities"
                 >
-                    <QTooltip>{{ t('route.ticket.deletePriority') }}</QTooltip>
+                    <QTooltip>{{ t('Delete priority') }}</QTooltip>
                 </QBtn>
                 <QBtn
                     icon="format_list_numbered"
@@ -304,7 +290,7 @@ const openSmsDialog = async () => {
                 >
                     <QTooltip
                         >{{
-                            t('route.ticket.renumberAllTickets')
+                            t('Renumber all tickets in the order you see on the screen')
                         }}
                     </QTooltip>
                 </QBtn>
@@ -315,7 +301,7 @@ const openSmsDialog = async () => {
                     :disable="!selectedRows?.length"
                     @click="openSmsDialog"
                 >
-                    <QTooltip>{{ t('route.ticket.sendSmsClients') }}</QTooltip>
+                    <QTooltip>{{ t('Send SMS to all clients') }}</QTooltip>
                 </QBtn>
             </div>
         </QToolbar>
@@ -353,7 +339,7 @@ const openSmsDialog = async () => {
                                             @click="setHighestPriority(row, rows)"
                                         >
                                             <QTooltip>
-                                                {{ t('route.ticket.assignHighestPriority') }}
+                                                {{ t('Assign highest priority') }}
                                             </QTooltip>
                                         </QIcon>
                                         <VnInput
@@ -368,7 +354,7 @@ const openSmsDialog = async () => {
                                 <QTd>
                                     <span class="link" @click="goToBuscaman(row)">
                                         {{ value }}
-                                        <QTooltip>{{ t('route.ticket.openBuscaman') }}</QTooltip>
+                                        <QTooltip>{{ t('Open buscaman') }}</QTooltip>
                                     </span>
                                 </QTd>
                             </template>
@@ -425,7 +411,7 @@ const openSmsDialog = async () => {
                 @click="openTicketsDialog"
             >
                 <QTooltip>
-                    {{ t('route.ticket.addTicket') }}
+                    {{ t('Add ticket') }}
                 </QTooltip>
             </QBtn>
         </QPageSticky>
@@ -446,3 +432,24 @@ const openSmsDialog = async () => {
     gap: 12px;
 }
 </style>
+<i18n>
+es:
+    Order: Orden
+    Street: Dirección fiscal
+    City: Población
+    PC: CP
+    Client: Cliente
+    Warehouse: Almacén
+    Packages: Bultos
+    Packaging: Encajado
+    Confirm removal from route: Quitar de la ruta
+    Are you sure you want to remove this ticket from the route?: ¿Seguro que quieres quitar este ticket de la ruta?
+    Sort routes: Ordenar rutas
+    Open buscaman: Abrir buscaman
+    Delete priority: Borrar orden
+    Renumber all tickets in the order you see on the screen: Renumerar todos los tickets con el orden que ves por pantalla
+    Assign highest priority: Asignar máxima prioridad
+    Send SMS to all clients: Mandar sms a todos los clientes de las rutas
+    Send SMS to the selected tickets: Enviar SMS a los tickets seleccionados
+    Add ticket: Añadir ticket
+</i18n>

src/pages/Route/locale/en.yml

@@ -1,33 +1,6 @@
 route:
     filter:
         Served: Served
-    summary:
-            date: Date
-            agency: Agency
-            vehicle: Vehicle
-            driver: Driver
-            cost: Cost
-            started: Started time
-            finished: Finished time
-            kmStart: Km start
-            kmEnd: Km end
-            volume: Volume
-            packages: Packages
-            description: Description
-            tickets: Tickets
-            order: Order
-            street: Street
-            city: City
-            pc: PC
-            client: Client
-            state: State
-            m3: m³
-            packaging: Packaging
-            ticket: Ticket
-            closed: Closed
-            open: Open
-            yes: Yes
-            no: No
     extendedList:
         selectStartingDate: Select the starting date
         startingDate: Starting date
@@ -102,47 +75,3 @@ route:
     searchInfo: You can search by route reference
     dated: Dated
     preview: Preview
-    delivered: Delivered
-    forecast: Forecast
-    cmr:
-        search: Search Cmr
-        searchInfo: You can search Cmr by Id
-        params:
-            results: results
-            cmrFk: CMR id
-            hasCmrDms: Attached in gestdoc
-            true: Yes
-            false: No
-            ticketFk: Ticketd id
-            routeFk: Route id
-            countryFk: Country
-            clientFk: Client id
-            warehouseFk: Warehouse
-            shipped: Preparation date
-            viewCmr: View CMR
-            downloadCmrs: Download CMRs
-            search: General search
-    ticket:
-        order: Order
-        street: Street
-        city: City
-        PC: PC
-        client: Client
-        warehouse: Warehouse
-        delivered: Delivered
-        estimated: Estimated
-        packages: Packages
-        packaging: Packaging
-        ticket: Ticket
-        confirmRemoval: Confirm removal from route
-        confirmRemovalConfirmation: Are you sure you want to remove this ticket from the route?
-        selectStartingDate: Select the starting date
-        startingDate: Starting date
-        sortRoutes: Sort routes
-        openBuscaman: Open buscaman
-        deletePriority: Delete priority
-        renumberAllTickets: Renumber all tickets in the order you see on the screen
-        assignHighest: Assign highest priority
-        sendSmsTickets: Send SMS to the selected tickets
-        sendSmsClients: Send SMS to all clients
-        addTicket: Add ticket

src/pages/Route/locale/es.yml

@@ -1,31 +1,6 @@
 route:
     filter:
         Served: Servida
-    summary:
-            date: Fecha
-            agency: Agencia
-            vehicle: Vehículo
-            driver: Conductor
-            cost: Costo
-            started: Hora inicio
-            finished: Hora fin
-            kmStart: Km inicio
-            kmEnd: Km fin
-            volume: Volumen
-            packages: Bultos
-            description: Descripción
-            tickets: Tickets
-            order: Orden
-            street: Dirección fiscal
-            city: Población
-            pc: CP
-            client: Cliente
-            state: Estado
-            packaging: Encajado
-            closed: Cerrada
-            open: Abierta
-            yes: Sí
-            no: No
     extendedList:
         selectStartingDate: Seleccione la fecha de inicio
         statingDate: Fecha de inicio
@@ -101,15 +76,13 @@ route:
     searchInfo: Puedes buscar por referencia de la ruta
     dated: Fecha
     preview: Vista previa
-    delivered: Entregado
-    forecast: Pronóstico
     cmr:
         list:
             results: resultados
             cmrFk: Id CMR
             hasCmrDms: Gestdoc
-            true: Sí
+            'true': Sí
-            false: No
+            'false': 'No'
             ticketFk: Id ticket
             routeFk: Id ruta
             country: País
@@ -117,27 +90,3 @@ route:
             shipped: Fecha preparación
             viewCmr: Ver CMR
             downloadCmrs: Descargar CMRs
-    ticket:
-        order: Orden
-        street: Dirección fiscal
-        city: Población
-        PC: CP
-        client: Cliente
-        warehouse: Almacén
-        delivered: Entregado
-        estimated: Pronóstico
-        packages: Bultos
-        packaging: Encajado
-        ticket: Ticket
-        confirmRemoval: Quitar de la ruta
-        confirmRemovalConfirmation: ¿Seguro que quieres quitar este ticket de la ruta?
-        selectStartingDate: Seleccionar fecha de inicio
-        startingDate: F. Inicio
-        sortRoutes: Ordenar rutas
-        openBuscaman: Abrir buscaman
-        deletePriority: Borrar orden
-        renumberAllTickets: Renumerar todos los tickets con el orden que ves por pantalla
-        assignHighest: Asignar máxima prioridad
-        sendSmsTickets: Enviar SMS a los tickets seleccionados
-        sendSmsClients: Mandar sms a todos los clientes de las rutas
-        addTicket: Añadir ticket