refs #5056 refresh list when delete

src/i18n/en/index.js

@@ -401,13 +401,14 @@ export default {
             submit: 'Submit',
             reset: 'Reset',
             trayColor: 'Tray color',
-
+            removeItem: 'Wagon type removed successfully',
         },
         list: {
             plate: 'Plate',
             volume: 'Volume',
             type: 'Type',
-            remove: 'Remove'
+            remove: 'Remove',
+            removeItem: 'Wagon removed successfully',
         },
         create: {
             plate: 'Plate',

src/i18n/es/index.js

@@ -401,12 +401,14 @@ export default {
             submit: 'Guardar',
             reset: 'Deshacer cambios',
             trayColor: 'Color de la bandeja',
+            removeItem: 'Tipo de vagón borrado correctamente',
         },
         list: {
             plate: 'Matrícula',
             volume: 'Volumen',
             type: 'Tipo',
-            remove: 'Borrar'
+            remove: 'Borrar',
+            removeItem: 'Vagón borrado correctamente',
         },
         create: {
             plate: 'Matrícula',

src/pages/Wagon/Type/WagonTypeList.vue

@@ -1,9 +1,15 @@
 <script setup>
 import axios from 'axios';
+import { useQuasar } from 'quasar';
 import Paginate from 'src/components/PaginateData.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
+const quasar = useQuasar();
+const arrayData = useArrayData('WagonTypeList');
+const store = arrayData.store;
 const router = useRouter();
 const { t } = useI18n();
 
@@ -15,13 +21,17 @@ function create() {
     router.push({ path: `/wagon/type/create` });
 }
 
-async function remove(id) {
+async function remove(row) {
     try {
+        const id = row.id;
         await axios
             .delete(`WagonTypes/deleteWagonType`, { params: { id } })
             .then(async () => {
-                // TODO: RELOAD PAGE
+                quasar.notify({
-                // router.push({ path: `/wagon/type/list` });
+                    message: t('wagon.type.removeItem'),
+                    type: 'positive',
+                });
+                store.data.splice(store.data.indexOf(row), 1);
             });
     } catch (error) {
         //
@@ -67,7 +77,7 @@ async function remove(id) {
                                     round
                                     color="primary"
                                     icon="delete"
-                                    @click="remove(row.id)"
+                                    @click="remove(row)"
                                 >
                                     <q-tooltip>
                                         {{ t('wagon.list.remove') }}

src/pages/Wagon/WagonList.vue

@@ -1,9 +1,14 @@
 <script setup>
 import axios from 'axios';
+import { useQuasar } from 'quasar';
 import Paginate from 'src/components/PaginateData.vue';
+import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
+const quasar = useQuasar();
+const arrayData = useArrayData('WagonList');
+const store = arrayData.store;
 const router = useRouter();
 const { t } = useI18n();
 
@@ -24,11 +29,14 @@ function create() {
     router.push({ path: `/wagon/create` });
 }
 
-async function remove(id) {
+async function remove(row) {
     try {
-        await axios.delete(`Wagons/${id}`).then(async () => {
+        await axios.delete(`Wagons/${row.id}`).then(async () => {
-            // TODO: RELOAD PAGE
+            quasar.notify({
-            // router.push({ path: `/wagon/list` });
+                message: t('wagon.list.removeItem'),
+                type: 'positive',
+            });
+            store.data.splice(store.data.indexOf(row), 1);
         });
     } catch (error) {
         //
@@ -103,7 +111,7 @@ async function remove(id) {
                                     round
                                     color="primary"
                                     icon="delete"
-                                    @click="remove(row.id)"
+                                    @click="remove(row)"
                                 >
                                     <q-tooltip>
                                         {{ t('wagon.list.remove') }}