From bf796c445d496c1692c64e682b802e0108e970c5 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 17 Jan 2024 13:20:28 +0100
Subject: [PATCH] refs #5919 fix section

---
 modules/worker/back/models/locker.json     |  7 ++-
 modules/worker/front/basic-data/index.html |  2 +-
 modules/worker/front/basic-data/index.js   | 23 +++++-----
 modules/worker/front/locker/index.html     | 50 ++++++++++++++++++++
 modules/worker/front/locker/index.js       | 53 ++++++++++++++++++++++
 modules/worker/front/locker/style.scss     |  6 +++
 6 files changed, 127 insertions(+), 14 deletions(-)
 create mode 100644 modules/worker/front/locker/index.html
 create mode 100644 modules/worker/front/locker/index.js
 create mode 100644 modules/worker/front/locker/style.scss

diff --git a/modules/worker/back/models/locker.json b/modules/worker/back/models/locker.json
index 62ddd0a5b..b329648c1 100644
--- a/modules/worker/back/models/locker.json
+++ b/modules/worker/back/models/locker.json
@@ -1,7 +1,12 @@
 {
     "name": "Locker",
-    "description": "Employee's locker",
     "base": "VnModel",
+    "description": "Employee's locker",
+    "options": {
+        "mysql": {
+          "table": "locker"
+        }
+    },
     "properties": {
         "code": {
             "type": "string"
diff --git a/modules/worker/front/basic-data/index.html b/modules/worker/front/basic-data/index.html
index a835483cc..af320f616 100644
--- a/modules/worker/front/basic-data/index.html
+++ b/modules/worker/front/basic-data/index.html
@@ -7,7 +7,7 @@
 </vn-watcher>
 <vn-crud-model
     vn-id="locker"
-    url="Lockers"
+    url="lockers"
     filter="$ctrl.$.lockerFilter"
     auto-load="false">
 </vn-crud-model>
diff --git a/modules/worker/front/basic-data/index.js b/modules/worker/front/basic-data/index.js
index 2d0b3f300..24d7091a6 100644
--- a/modules/worker/front/basic-data/index.js
+++ b/modules/worker/front/basic-data/index.js
@@ -8,20 +8,19 @@ class Controller extends Section {
             {code: 'M', name: this.$t('Married')},
             {code: 'S', name: this.$t('Single')}
         ];
-        this.$.lockerFilter = {workerFk: null};
-    }
-    get worker() {
-        return this._worker;
+        // this.$.lockerFilter = {workerFk: null};
     }
+    // get worker() {
+    //     return this._worker;
+    // }
 
-    set worker(value) {
-        this._worker = value;
-        console.log('VALUE', value);
-        if (value) {
-            this.$.lockerFilter = {where: {AND: [{workerFk: null}, {gender: value.sex}]}};
-            this.$.locker.refresh();
-        }
-    }
+    // set worker(value) {
+    //     this._worker = value;
+    //     console.log('VALUE', value);
+    //     if (value)
+    //         this.$.lockerFilter = {where: {AND: [{workerFk: null}, {gender: value.sex}]}};
+    //         // this.$.locker.refresh();
+    // }
     onSubmit() {
         console.log(this.worker);
         console.log(this.$.watcher.orgData);
diff --git a/modules/worker/front/locker/index.html b/modules/worker/front/locker/index.html
new file mode 100644
index 000000000..c6d31dc85
--- /dev/null
+++ b/modules/worker/front/locker/index.html
@@ -0,0 +1,50 @@
+<div class="vn-w-md" ng-show="$ctrl.currentPDA">
+    <vn-card class="vn-pa-lg">
+        <vn-horizontal>
+            <vn-textfield
+                label="Current PDA"
+                ng-model="$ctrl.currentPDA.description"
+                disabled="true">
+                <append>
+                    <vn-icon-button
+                        icon="delete"
+                        vn-tooltip="Deallocate PDA"
+                        ng-click="$ctrl.deallocatePDA()"
+                        vn-acl="hr, productionAssi">
+                    </vn-icon-button>
+                </append>
+            </vn-textfield>
+        </vn-horizontal>
+    </vn-card>
+</div>
+<form name="form" ng-show="!$ctrl.currentPDA" ng-submit="$ctrl.allocatePDA()" class="vn-w-md">
+    <vn-card class="vn-pa-lg">
+            <vn-horizontal>
+                <vn-autocomplete
+                    vn-acl="hr, productionAssi"
+                    ng-model="$ctrl.newPDA"
+                    url="DeviceProductions"
+                    fields="['id', 'modelFk', 'serialNumber']"
+                    where="{'stateFk': 'idle'}"
+                    label="New PDA"
+                    order="id"
+                    value-field="id"
+                    show-field="serialNumber">
+                    <tpl-item>
+                        <div>
+                            ID: {{id}}
+                        </div>
+                        <div class="text-caption text-grey">
+                            {{modelFk}}, {{serialNumber}}
+                        </div>
+                    </tpl-item>
+                </vn-autocomplete>
+            </vn-horizontal>
+    </vn-card>
+    <vn-button-bar>
+        <vn-submit
+            disabled="!$ctrl.newPDA"
+            label="Assign">
+        </vn-submit>
+    </vn-button-bar>
+</form>
diff --git a/modules/worker/front/locker/index.js b/modules/worker/front/locker/index.js
new file mode 100644
index 000000000..885261e5c
--- /dev/null
+++ b/modules/worker/front/locker/index.js
@@ -0,0 +1,53 @@
+import ngModule from '../module';
+import Section from 'salix/components/section';
+import './style.scss';
+
+class Controller extends Section {
+    constructor($element, $) {
+        super($element, $);
+        const filter = {
+            where: {userFk: this.$params.id},
+            include: {relation: 'deviceProduction'}
+        };
+        this.$http.get('DeviceProductionUsers', {filter}).
+            then(res => {
+                if (res.data && res.data.length > 0)
+                    this.setCurrentPDA(res.data[0]);
+            });
+    }
+
+    deallocatePDA() {
+        this.$http.post(`Workers/${this.$params.id}/deallocatePDA`, {pda: this.currentPDA.deviceProductionFk})
+            .then(() => {
+                this.vnApp.showSuccess(this.$t('PDA deallocated'));
+                delete this.currentPDA;
+            });
+    }
+
+    allocatePDA() {
+        this.$http.post(`Workers/${this.$params.id}/allocatePDA`, {pda: this.newPDA})
+            .then(res => {
+                if (res.data)
+                    this.setCurrentPDA(res.data);
+
+                this.vnApp.showSuccess(this.$t('PDA allocated'));
+                delete this.newPDA;
+            });
+    }
+
+    setCurrentPDA(data) {
+        this.currentPDA = data;
+        this.currentPDA.description = [];
+        this.currentPDA.description.push(`ID: ${this.currentPDA.deviceProductionFk}`);
+        this.currentPDA.description.push(`${this.$t('Model')}: ${this.currentPDA.deviceProduction.modelFk}`);
+        this.currentPDA.description.push(`${this.$t('Serial Number')}: ${this.currentPDA.deviceProduction.serialNumber}`);
+        this.currentPDA.description = this.currentPDA.description.join(' ');
+    }
+}
+
+Controller.$inject = ['$element', '$scope'];
+
+ngModule.vnComponent('vnWorkerPda', {
+    template: require('./index.html'),
+    controller: Controller,
+});
diff --git a/modules/worker/front/locker/style.scss b/modules/worker/front/locker/style.scss
new file mode 100644
index 000000000..c55c9d218
--- /dev/null
+++ b/modules/worker/front/locker/style.scss
@@ -0,0 +1,6 @@
+@import "./variables";
+
+.text-grey {
+    color: $color-font-light;
+}
+