From 11839c78118debaa0fcdef0c6bd3a27ee4cf7cce Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Dec 2023 14:00:56 -0300
Subject: [PATCH] WIP

---
 src/components/CreateBankEntityForm.vue  | 10 ++++++++--
 src/components/common/VnSelectCreate.vue |  4 ++--
 src/pages/Worker/WorkerCreate.vue        | 16 ++++++++++++++--
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/CreateBankEntityForm.vue b/src/components/CreateBankEntityForm.vue
index 4492aae40..26334ab2d 100644
--- a/src/components/CreateBankEntityForm.vue
+++ b/src/components/CreateBankEntityForm.vue
@@ -13,14 +13,20 @@ const formData = reactive({
 </script>
 
 <template>
-    <QDialog>
+    <QCard class="q-pa-xl column">
+        <span>{{ t('title') }}</span>
+        <span>{{ t('subtitle') }}</span>
         <QInput :label="t('name')" v-model="formData.name" />
-    </QDialog>
+    </QCard>
 </template>
 
 <i18n>
 en:
     name: Name *
+    title: New bank entity
+    subtitle: Please, ensure you put the correct data!
 es:
     name: Nombre *
+    title: Nueva entidad bancaria
+    subtitle: ¡Por favor, asegúrate de poner los datos correctos!
 </i18n>
diff --git a/src/components/common/VnSelectCreate.vue b/src/components/common/VnSelectCreate.vue
index bb4465fa5..20d9fb9ae 100644
--- a/src/components/common/VnSelectCreate.vue
+++ b/src/components/common/VnSelectCreate.vue
@@ -38,7 +38,7 @@ const value = computed({
     },
 });
 
-const isDeliveryAssistant = computed(() => {
+const isAllowedToCreate = computed(() => {
     return role.hasAny($props.rolesAllowedToCreate);
 });
 
@@ -56,7 +56,7 @@ const openCreateForm = () => {
         option-label="label"
         hide-selected
     >
-        <template v-if="isDeliveryAssistant" #append>
+        <template v-if="isAllowedToCreate" #append>
             <QIcon
                 @click.stop.prevent="openCreateForm()"
                 name="add"
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index eff4bb8a5..0c214d36d 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -7,6 +7,8 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelectCreate from 'src/components/common/VnSelectCreate.vue';
+import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 
 import { useUserConfig } from 'src/composables/useUserConfig';
 
@@ -259,7 +261,7 @@ const onFetchWorkerConfig = (workerConfig) => {
                     <div class="col">
                         <QInput v-model="data.iban" :label="t('worker.create.iban')" />
                     </div>
-                    <div class="col">
+                    <!-- <div class="col">
                         <VnSelectFilter
                             :label="t('worker.create.bankEntity')"
                             v-model="data.bankEntityFk"
@@ -279,7 +281,17 @@ const onFetchWorkerConfig = (workerConfig) => {
                                 </QItem>
                             </template></VnSelectFilter
                         >
-                    </div>
+                    </div> -->
+                    <VnSelectCreate
+                        :label="t('worker.create.bankEntity')"
+                        v-model="data.bankEntityFk"
+                        :options="filtersOptions.bankEntities"
+                        :roles-allowed-to-create="['salesAssistant', 'hr']"
+                    >
+                        <template #form>
+                            <CreateBankEntityForm></CreateBankEntityForm>
+                        </template>
+                    </VnSelectCreate>
                 </VnRow>
                 <pre>data:: {{ data }}</pre>
             </template>