merge with branch branch-PR2

src/components/CreateBankEntityForm.vue

@@ -39,9 +39,9 @@ const closeForm = () => {
 <template>
     <FetchData
         url="Countries"
-        @on-fetch="(data) => (countriesOptions = data)"
         :filter="countriesFilter"
         auto-load
+        @on-fetch="(data) => (countriesOptions = data)"
     />
     <FormModel
         :form-initial-data="bankEntityFormData"
@@ -52,10 +52,10 @@ const closeForm = () => {
         @on-data-saved="onDataSaved($event)"
     >
         <template #form="{ data, validate }">
-            <span ref="closeButton" class="close-icon" v-close-popup>
+            <span ref="closeButton" class="popup-form-close-button" v-close-popup>
                 <QIcon name="close" size="sm" />
             </span>
-            <h1 class="title">{{ t('title') }}</h1>
+            <h1 class="popup-form-title">{{ t('title') }}</h1>
             <p class="q-mb-md">{{ t('subtitle') }}</p>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
@@ -112,20 +112,6 @@ const closeForm = () => {
     </FormModel>
 </template>
 
-<style lang="scss" scoped>
-.close-icon {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    cursor: pointer;
-}
-.title {
-    font-size: 17px;
-    font-weight: bold;
-    line-height: 20px;
-}
-</style>
-
 <i18n>
 en:
     title: New bank entity

src/components/CreateNewCityForm.vue

@@ -46,10 +46,10 @@ const closeForm = () => {
         @on-data-saved="onDataSaved()"
     >
         <template #form="{ data, validate }">
-            <span ref="closeButton" class="close-icon" v-close-popup>
+            <span ref="closeButton" class="popup-form-close-button" v-close-popup>
                 <QIcon name="close" size="sm" />
             </span>
-            <h1 class="title">{{ t('New city') }}</h1>
+            <h1 class="popup-form-title">{{ t('New city') }}</h1>
             <p>{{ t('Please, ensure you put the correct data!') }}</p>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
@@ -94,20 +94,6 @@ const closeForm = () => {
     </FormModel>
 </template>
 
-<style lang="scss" scoped>
-.close-icon {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    cursor: pointer;
-}
-.title {
-    font-size: 17px;
-    font-weight: bold;
-    line-height: 20px;
-}
-</style>
-
 <i18n>
 es:
     New city: Nueva ciudad

src/components/CreateNewPostcodeForm.vue

@@ -75,10 +75,10 @@ const closeForm = () => {
         @on-data-saved="onDataSaved()"
     >
         <template #form="{ data, validate }">
-            <span ref="closeButton" class="close-icon" v-close-popup>
+            <span ref="closeButton" class="popup-form-close-button" v-close-popup>
                 <QIcon name="close" size="sm" />
             </span>
-            <h1 class="title">{{ t('New postcode') }}</h1>
+            <h1 class="popup-form-title">{{ t('New postcode') }}</h1>
             <p>{{ t('Please, ensure you put the correct data!') }}</p>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
@@ -159,20 +159,6 @@ const closeForm = () => {
     </FormModel>
 </template>
 
-<style lang="scss" scoped>
-.close-icon {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    cursor: pointer;
-}
-.title {
-    font-size: 17px;
-    font-weight: bold;
-    line-height: 20px;
-}
-</style>
-
 <i18n>
 es:
     New postcode: Nuevo código postal

src/components/CreateNewProvinceForm.vue

@@ -46,10 +46,10 @@ const closeForm = () => {
         @on-data-saved="onDataSaved()"
     >
         <template #form="{ data, validate }">
-            <span ref="closeButton" class="close-icon" v-close-popup>
+            <span ref="closeButton" class="popup-form-close-button" v-close-popup>
                 <QIcon name="close" size="sm" />
             </span>
-            <h1 class="title">{{ t('New province') }}</h1>
+            <h1 class="popup-form-title">{{ t('New province') }}</h1>
             <p>{{ t('Please, ensure you put the correct data!') }}</p>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
@@ -95,20 +95,6 @@ const closeForm = () => {
     </FormModel>
 </template>
 
-<style lang="scss" scoped>
-.close-icon {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    cursor: pointer;
-}
-.title {
-    font-size: 17px;
-    font-weight: bold;
-    line-height: 20px;
-}
-</style>
-
 <i18n>
 es:
     New postcode: Nuevo código postal

src/composables/useArrayData.js

@@ -156,9 +156,7 @@ export function useArrayData(key, userOptions) {
                 delete store.userParams[param];
                 delete params[param];
                 if (store.filter?.where) {
-                    delete store.filter.where[
-                        Object.keys(exprBuilder ? exprBuilder(param) : param)[0]
-                    ];
+                    delete store.filter.where[Object.keys(exprBuilder ? exprBuilder(param) : param)[0]];
                     if (Object.keys(store.filter.where).length === 0) {
                         delete store.filter.where;
                     }

src/css/app.scss

@@ -53,3 +53,16 @@ body.body--dark {
     color: var(--vn-text);
     border-radius: 8px;
 }
+
+.popup-form-title {
+    font-size: 17px;
+    font-weight: bold;
+    line-height: 20px;
+}
+
+.popup-form-close-button {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+}

src/i18n/en/index.js

@@ -49,7 +49,6 @@ export default {
         microsip: 'Open in MicroSIP',
         noSelectedRows: `You don't have any line selected`,
         downloadCSVSuccess: 'CSV downloaded successfully',
-        // labels compartidos entre vistas
         reference: 'Reference',
         agency: 'Agency',
         wareHouseOut: 'Warehouse Out',

src/i18n/es/index.js

@@ -48,7 +48,6 @@ export default {
         dateFormat: 'es-ES',
         noSelectedRows: `No tienes ninguna línea seleccionada`,
         microsip: 'Abrir en MicroSIP',
-        // labels compartidos entre vistas
         downloadCSVSuccess: 'Descarga de CSV exitosa',
         reference: 'Referencia',
         agency: 'Agencia',