From 319295f2c2d8e1eca264da56375b0cc025d13d3d Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 11 Mar 2024 16:53:33 -0300
Subject: [PATCH 1/6] Workers PDA

---
 src/i18n/en/index.js                |   7 ++
 src/i18n/es/index.js                |   7 ++
 src/pages/Worker/Card/WorkerPda.vue | 141 ++++++++++++++++++++++++++++
 src/router/modules/worker.js        |  11 ++-
 4 files changed, 165 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Worker/Card/WorkerPda.vue

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 94d552be3..116cd9d01 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -833,6 +833,7 @@ export default {
             notifications: 'Notifications',
             workerCreate: 'New worker',
             department: 'Department',
+            pda: 'PDA',
         },
         list: {
             name: 'Name',
@@ -874,6 +875,12 @@ export default {
             subscribed: 'Subscribed to the notification',
             unsubscribed: 'Unsubscribed from the notification',
         },
+        pda: {
+            newPDA: 'New PDA',
+            model: 'Model',
+            serialNumber: 'Serial number',
+            removePDA: 'Deallocate PDA',
+        },
         create: {
             name: 'Name',
             lastName: 'Last name',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index bcd780f5b..728b99702 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -833,6 +833,7 @@ export default {
             notifications: 'Notificaciones',
             workerCreate: 'Nuevo trabajador',
             department: 'Departamentos',
+            pda: 'PDA',
         },
         list: {
             name: 'Nombre',
@@ -874,6 +875,12 @@ export default {
             subscribed: 'Se ha suscrito a la notificación',
             unsubscribed: 'Se ha dado de baja de la notificación',
         },
+        pda: {
+            newPDA: 'Nueva PDA',
+            model: 'Modelo',
+            serialNumber: 'Número de serie',
+            removePDA: 'Desasignar PDA',
+        },
         create: {
             name: 'Nombre',
             lastName: 'Apellido',
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
new file mode 100644
index 000000000..e01c80838
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -0,0 +1,141 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import { onMounted, ref, computed } from 'vue';
+
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'components/FormModel.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+import useNotify from 'src/composables/useNotify.js';
+import axios from 'axios';
+import { useRole } from 'src/composables/useRole';
+
+const route = useRoute();
+const { t } = useI18n();
+const { notify } = useNotify();
+const { hasAny } = useRole();
+
+const fetchCurrentDeviceRef = ref(null);
+const deviceProductionsFilter = {
+    fields: ['id', 'serialNumber', 'modelFk'],
+    where: { stateFk: 'idle' },
+    order: 'id',
+};
+const deviceProductionsOptions = ref([]);
+const newPDA = ref({});
+const currentPDA = ref(null);
+
+const isAllowedToEdit = computed(() => hasAny(['hr', 'productionAssi']));
+
+const setCurrentPDA = (data) => {
+    currentPDA.value = data;
+    currentPDA.value.description = `ID: ${currentPDA.value.deviceProductionFk} ${t(
+        'worker.pda.model'
+    )}: ${currentPDA.value.deviceProduction.modelFk} ${t('worker.pda.serialNumber')}: ${
+        currentPDA.value.deviceProduction.serialNumber
+    }`;
+};
+
+const deallocatePDA = async (data) => {
+    try {
+        await axios.post(`Workers/${route.params.id}/deallocatePDA`, {
+            pda: currentPDA.value.deviceProductionFk,
+        });
+        data.pda = null;
+        currentPDA.value = null;
+        await fetchCurrentDeviceRef.value.fetch();
+        notify(t('PDA deallocated'), 'positive');
+    } catch (err) {
+        console.error('Error deallocating PDA');
+    }
+};
+
+onMounted(async () => await fetchCurrentDeviceRef.value.fetch());
+</script>
+
+<template>
+    <FetchData
+        url="DeviceProductions"
+        :filter="deviceProductionsFilter"
+        auto-load
+        @on-fetch="(data) => (deviceProductionsOptions = data)"
+    />
+    <FetchData
+        ref="fetchCurrentDeviceRef"
+        url="DeviceProductionUsers"
+        :filter="{
+            where: { userFk: route.params.id },
+            include: { relation: 'deviceProduction' },
+        }"
+        auto-load
+        @on-fetch="(data) => setCurrentPDA(data[0])"
+    />
+    <QPage class="column items-center q-pa-md">
+        <FormModel
+            url="DeviceProductionUsers"
+            :url-create="`Workers/${route.params.id}/allocatePDA`"
+            model="DeviceProductionUser"
+            :form-initial-data="newPDA"
+            auto-load
+            @on-data-saved="(_, data) => setCurrentPDA(data)"
+        >
+            <template #form="{ data }">
+                <QField
+                    v-if="currentPDA && currentPDA.description"
+                    :label="t('worker.pda.newPDA')"
+                    :model-value="currentPDA.description"
+                    :editable="false"
+                    class="full-width"
+                >
+                    <template #control>
+                        <div tabindex="0">
+                            {{ currentPDA.description }}
+                        </div>
+                    </template>
+                    <template v-if="isAllowedToEdit" #append>
+                        <QIcon
+                            name="delete"
+                            size="sm"
+                            class="cursor-pointer"
+                            color="primary"
+                            @click="deallocatePDA(data)"
+                        >
+                            <QTooltip>
+                                {{ t('worker.pda.removePDA') }}
+                            </QTooltip>
+                        </QIcon>
+                    </template>
+                </QField>
+
+                <VnSelectFilter
+                    v-else
+                    :label="t('worker.pda.newPDA')"
+                    v-model="data.pda"
+                    :options="deviceProductionsOptions"
+                    option-label="serialNumber"
+                    option-value="id"
+                    hide-selected
+                    :disable="!isAllowedToEdit"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>ID: {{ scope.opt?.id }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ scope.opt?.modelFk }},
+                                    {{ scope.opt?.serialNumber }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+            </template>
+        </FormModel>
+    </QPage>
+</template>
+
+<i18n>
+es:
+    PDA deallocated: PDA desasignada
+</i18n>
diff --git a/src/router/modules/worker.js b/src/router/modules/worker.js
index 27a6f19a9..57a879536 100644
--- a/src/router/modules/worker.js
+++ b/src/router/modules/worker.js
@@ -11,7 +11,7 @@ export default {
     redirect: { name: 'WorkerMain' },
     menus: {
         main: ['WorkerList', 'WorkerDepartment'],
-        card: ['WorkerNotificationsManager'],
+        card: ['WorkerNotificationsManager', 'WorkerPda'],
         departmentCard: ['BasicData'],
     },
     children: [
@@ -75,6 +75,15 @@ export default {
                     component: () =>
                         import('src/pages/Worker/Card/WorkerNotificationsManager.vue'),
                 },
+                {
+                    name: 'WorkerPda',
+                    path: 'pda',
+                    meta: {
+                        title: 'pda',
+                        icon: 'phone_android',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerPda.vue'),
+                },
             ],
         },
     ],

From 029fc043dea983806eb97b4b041303983070aeed Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Mar 2024 08:08:20 -0300
Subject: [PATCH 2/6] Change title translation

---
 src/i18n/es/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 728b99702..b8ec8dc6b 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -876,7 +876,7 @@ export default {
             unsubscribed: 'Se ha dado de baja de la notificación',
         },
         pda: {
-            newPDA: 'Nueva PDA',
+            newPDA: 'PDA Actual',
             model: 'Modelo',
             serialNumber: 'Número de serie',
             removePDA: 'Desasignar PDA',

From dad2711311e4ef05747501cf8c83b9662d899cb6 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Mar 2024 08:13:27 -0300
Subject: [PATCH 3/6] fix translation

---
 src/i18n/en/index.js                | 1 +
 src/i18n/es/index.js                | 3 ++-
 src/pages/Worker/Card/WorkerPda.vue | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 116cd9d01..ece6d516a 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -877,6 +877,7 @@ export default {
         },
         pda: {
             newPDA: 'New PDA',
+            currentPDA: 'Current PDA',
             model: 'Model',
             serialNumber: 'Serial number',
             removePDA: 'Deallocate PDA',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index b8ec8dc6b..be16e3671 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -876,7 +876,8 @@ export default {
             unsubscribed: 'Se ha dado de baja de la notificación',
         },
         pda: {
-            newPDA: 'PDA Actual',
+            newPDA: 'Nueva PDA',
+            currentPDA: 'PDA Actual',
             model: 'Modelo',
             serialNumber: 'Número de serie',
             removePDA: 'Desasignar PDA',
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index e01c80838..a487f2495 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -83,7 +83,7 @@ onMounted(async () => await fetchCurrentDeviceRef.value.fetch());
             <template #form="{ data }">
                 <QField
                     v-if="currentPDA && currentPDA.description"
-                    :label="t('worker.pda.newPDA')"
+                    :label="t('worker.pda.currentPDA')"
                     :model-value="currentPDA.description"
                     :editable="false"
                     class="full-width"

From 632049c13b967f7e36188f6f2c1b47332ad3ba66 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Mar 2024 11:31:32 -0300
Subject: [PATCH 4/6] Assign button change

---
 src/components/FormModel.vue        | 39 +++++++++++++++++++----------
 src/i18n/en/index.js                |  1 +
 src/i18n/es/index.js                |  2 ++
 src/pages/Worker/Card/WorkerPda.vue |  4 +--
 4 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index 9f5ae319c..61de5d9f5 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -10,6 +10,7 @@ import { useValidator } from 'src/composables/useValidator';
 import useNotify from 'src/composables/useNotify.js';
 import SkeletonForm from 'components/ui/SkeletonForm.vue';
 import VnConfirm from './ui/VnConfirm.vue';
+import { tMobile } from 'src/composables/tMobile';
 
 const quasar = useQuasar();
 const state = useState();
@@ -43,6 +44,10 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    defaultButtons: {
+        type: Object,
+        default: () => {},
+    },
     autoLoad: {
         type: Boolean,
         default: false,
@@ -119,7 +124,19 @@ const hasChanges = ref(!$props.observeFormChanges);
 const originalData = ref({ ...$props.formInitialData });
 const formData = computed(() => state.get($props.model));
 const formUrl = computed(() => $props.url);
-
+const defaultButtons = computed(() => ({
+    save: {
+        color: 'primary',
+        icon: 'restart_alt',
+        label: 'globals.save',
+    },
+    reset: {
+        color: 'primary',
+        icon: 'save',
+        label: 'globals.reset',
+    },
+    ...$props.defaultButtons,
+}));
 const startFormWatcher = () => {
     watch(
         () => formData.value,
@@ -131,10 +148,6 @@ const startFormWatcher = () => {
     );
 };
 
-function tMobile(...args) {
-    if (!quasar.platform.is.mobile) return t(...args);
-}
-
 async function fetch() {
     const { data } = await axios.get($props.url, {
         params: { filter: JSON.stringify($props.filter) },
@@ -233,21 +246,21 @@ watch(formUrl, async () => {
             <QBtnGroup push class="q-gutter-x-sm">
                 <slot name="moreActions" />
                 <QBtn
-                    :label="tMobile('globals.reset')"
-                    color="primary"
-                    icon="restart_alt"
+                    :label="tMobile(defaultButtons.reset.label)"
+                    :color="defaultButtons.reset.color"
+                    :icon="defaultButtons.reset.icon"
                     flat
                     @click="reset"
                     :disable="!hasChanges"
-                    :title="t('globals.reset')"
+                    :title="t(defaultButtons.reset.label)"
                 />
                 <QBtn
-                    :label="tMobile('globals.save')"
-                    color="primary"
-                    icon="save"
+                    :label="tMobile(defaultButtons.save.label)"
+                    :color="defaultButtons.save.color"
+                    :icon="defaultButtons.save.icon"
                     @click="save"
                     :disable="!hasChanges"
-                    :title="t('globals.save')"
+                    :title="t(defaultButtons.save.label)"
                 />
             </QBtnGroup>
         </div>
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index ece6d516a..0be04003e 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -31,6 +31,7 @@ export default {
         close: 'Close',
         cancel: 'Cancel',
         confirm: 'Confirm',
+        assign: 'Assign',
         back: 'Back',
         yes: 'Yes',
         no: 'No',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index be16e3671..a9684e4d7 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -31,6 +31,7 @@ export default {
         close: 'Cerrar',
         cancel: 'Cancelar',
         confirm: 'Confirmar',
+        assign: 'Asignar',
         back: 'Volver',
         yes: 'Si',
         no: 'No',
@@ -881,6 +882,7 @@ export default {
             model: 'Modelo',
             serialNumber: 'Número de serie',
             removePDA: 'Desasignar PDA',
+            assignPDA: 'Asignar PDA',
         },
         create: {
             name: 'Nombre',
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index a487f2495..2c2da5d4c 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -2,11 +2,9 @@
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { onMounted, ref, computed } from 'vue';
-
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-
 import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
 import { useRole } from 'src/composables/useRole';
@@ -77,7 +75,9 @@ onMounted(async () => await fetchCurrentDeviceRef.value.fetch());
             :url-create="`Workers/${route.params.id}/allocatePDA`"
             model="DeviceProductionUser"
             :form-initial-data="newPDA"
+            :default-actions="true"
             auto-load
+            :default-buttons="{ save: { label: 'globals.assign', color: 'primary' } }"
             @on-data-saved="(_, data) => setCurrentPDA(data)"
         >
             <template #form="{ data }">

From bd5eb1a1c3f334fa9511f842ed0e238019fe179c Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Mar 2024 11:34:38 -0300
Subject: [PATCH 5/6] remove assignPDA translation

---
 src/i18n/es/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index a9684e4d7..610c6017f 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -882,7 +882,6 @@ export default {
             model: 'Modelo',
             serialNumber: 'Número de serie',
             removePDA: 'Desasignar PDA',
-            assignPDA: 'Asignar PDA',
         },
         create: {
             name: 'Nombre',

From ff0b0c81315937372af0cc363dfdd0465bee1db4 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Mar 2024 12:38:44 -0300
Subject: [PATCH 6/6] Remove innecesary prop

---
 src/pages/Worker/Card/WorkerPda.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index 2c2da5d4c..ef8c3fe8e 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -75,7 +75,6 @@ onMounted(async () => await fetchCurrentDeviceRef.value.fetch());
             :url-create="`Workers/${route.params.id}/allocatePDA`"
             model="DeviceProductionUser"
             :form-initial-data="newPDA"
-            :default-actions="true"
             auto-load
             :default-buttons="{ save: { label: 'globals.assign', color: 'primary' } }"
             @on-data-saved="(_, data) => setCurrentPDA(data)"