From 82e31d4dcf2e84f07268b3ef9cb28833a18e639b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 4 Mar 2024 10:18:28 +0100
Subject: [PATCH 1/6] refs #6911 feat: setDefaults

---
 quasar.config.js        |  3 ++-
 src/boot/setDefaults.js | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 src/boot/setDefaults.js

diff --git a/quasar.config.js b/quasar.config.js
index 755e96bd3..3e98e3618 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -29,7 +29,8 @@ module.exports = configure(function (/* ctx */) {
         // app boot file (/src/boot)
         // --> boot files are part of "main.js"
         // https://v2.quasar.dev/quasar-cli/boot-files
-        boot: ['i18n', 'axios', 'vnDate', 'validations'],
+        //
+        boot: ['i18n', 'axios', 'vnDate','quasar','setDefaults', 'validations'],
 
         // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
         css: ['app.scss'],
diff --git a/src/boot/setDefaults.js b/src/boot/setDefaults.js
new file mode 100644
index 000000000..d54baa63e
--- /dev/null
+++ b/src/boot/setDefaults.js
@@ -0,0 +1,41 @@
+import { QInput, QSelect } from "quasar";
+import { QTable} from "quasar";
+const setDefault = (component, key, value) => {
+    const prop = component.props[key];
+    switch (typeof prop) {
+      case "object":
+        prop.default = value;
+        break;
+      case "function":
+        component.props[key] = {
+          type: prop,
+          default: value
+        };
+        break;
+      case "undefined":
+        throw new Error("unknown prop: " + key);
+      default:
+        throw new Error("unhandled type: " + typeof prop);
+    }
+  };
+
+QInput.props.outlined = {
+  type: QInput.props.outlined,
+  default: true
+};
+QInput.props.dense = {
+  type: QInput.props.dense,
+  default: true
+};
+QInput.props.stackLabel = {
+  type: QInput.props.stackLabel,
+  default: true
+};
+
+setDefault(QInput, "outlined", false);
+setDefault(QTable, "gridHeader", true);
+setDefault(QTable, "color", 'red-8');
+setDefault(QTable, "pagination", { rowsPerPage: 25 });
+setDefault(QTable, "rowKey", 'id');
+setDefault(QSelect,'optionValue','id');
+setDefault(QSelect,'optionLabel','name');

From 901c8c8f71ea4f5f0e04cdc261a987a684948fa7 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 4 Mar 2024 10:23:45 +0100
Subject: [PATCH 2/6] refs #6911 feat: qFormMixin keyup.enter

---
 src/boot/qformMixin.js | 20 ++++++++++++++++++++
 src/boot/quasar.js     |  6 ++++++
 2 files changed, 26 insertions(+)
 create mode 100644 src/boot/qformMixin.js
 create mode 100644 src/boot/quasar.js

diff --git a/src/boot/qformMixin.js b/src/boot/qformMixin.js
new file mode 100644
index 000000000..daca84eef
--- /dev/null
+++ b/src/boot/qformMixin.js
@@ -0,0 +1,20 @@
+import { QTable, QForm } from 'quasar';
+
+export default {
+    inject: { QForm },
+    component: { QForm },
+    components: { QForm },
+    extends: { QForm },
+    mounted: function () {
+        if (this.$el?.classList?.contains('q-form'))
+            if (this.$el?.id !== 'searchbarForm') {
+                let that = this;
+
+                document.addEventListener('keyup', function (evt) {
+                    if (evt.keyCode === 13) {
+                        that.onSubmit();
+                    }
+                });
+            }
+    },
+};
diff --git a/src/boot/quasar.js b/src/boot/quasar.js
new file mode 100644
index 000000000..a8d9b7ad9
--- /dev/null
+++ b/src/boot/quasar.js
@@ -0,0 +1,6 @@
+import { boot } from 'quasar/wrappers';
+import qFormMixin from './qformMixin';
+
+export default boot(({ app }) => {
+    app.mixin(qFormMixin);
+});

From 628d5453a8903005e5f0e2585c9ae41e313784c7 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 4 Mar 2024 11:14:36 +0100
Subject: [PATCH 3/6] refs #6911 feat: remove keyup.eneter=submit for each form

---
 src/components/FormModel.vue                               | 1 -
 src/pages/Claim/ClaimRmaList.vue                           | 2 +-
 .../Customer/Defaulter/CustomerDefaulterAddObservation.vue | 2 +-
 src/pages/Login/LoginMain.vue                              | 6 +-----
 src/pages/Login/TwoFactor.vue                              | 6 +-----
 src/pages/Travel/Card/TravelThermographsForm.vue           | 1 -
 src/pages/Wagon/Type/WagonTypeCreate.vue                   | 7 +------
 src/pages/Wagon/WagonCreate.vue                            | 7 +------
 8 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index e3f87020c..9f5ae319c 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -211,7 +211,6 @@ watch(formUrl, async () => {
         <QForm
             v-if="formData"
             @submit="save"
-            @keyup.enter="save"
             @reset="reset"
             class="q-pa-md"
             id="formModel"
diff --git a/src/pages/Claim/ClaimRmaList.vue b/src/pages/Claim/ClaimRmaList.vue
index ca2878bd3..b906e32fa 100644
--- a/src/pages/Claim/ClaimRmaList.vue
+++ b/src/pages/Claim/ClaimRmaList.vue
@@ -67,7 +67,7 @@ async function remove({ id }) {
     <QPage class="column items-center q-pa-md sticky">
         <QPageSticky expand position="top" :offset="[16, 16]">
             <QCard class="card q-pa-md">
-                <QForm @submit="submit" @keyup.enter="submit">
+                <QForm @submit="submit">
                     <VnInput
                         ref="input"
                         v-model="newRma.code"
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue b/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue
index 52b37c105..b150f4d8b 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue
@@ -55,7 +55,7 @@ const onSubmit = async () => {
     <QDialog ref="dialogRef">
         <QCard class="q-pa-md q-mb-md">
             <QCardSection>
-                <QForm @submit="onSubmit()" @keyup.enter="onSubmit()" class="q-pa-sm">
+                <QForm @submit="onSubmit()" class="q-pa-sm">
                     <div>
                         {{
                             t('Add observation to all selected clients', {
diff --git a/src/pages/Login/LoginMain.vue b/src/pages/Login/LoginMain.vue
index bf5968781..e2ccdac16 100644
--- a/src/pages/Login/LoginMain.vue
+++ b/src/pages/Login/LoginMain.vue
@@ -67,11 +67,7 @@ async function onSubmit() {
 </script>
 
 <template>
-    <QForm
-        @submit="onSubmit"
-        @keyup.enter="onSubmit"
-        class="q-gutter-y-md q-pa-lg formCard"
-    >
+    <QForm @submit="onSubmit" class="q-gutter-y-md q-pa-lg formCard">
         <VnLogo alt="Logo" fit="contain" :ratio="16 / 9" class="q-mb-md" />
 
         <VnInput
diff --git a/src/pages/Login/TwoFactor.vue b/src/pages/Login/TwoFactor.vue
index 58da6d4dc..b3a139149 100644
--- a/src/pages/Login/TwoFactor.vue
+++ b/src/pages/Login/TwoFactor.vue
@@ -48,11 +48,7 @@ async function onSubmit() {
 }
 </script>
 <template>
-    <QForm
-        @submit="onSubmit"
-        @keyup.enter="onSubmit"
-        class="q-gutter-y-md q-pa-lg formCard"
-    >
+    <QForm @submit="onSubmit" class="q-gutter-y-md q-pa-lg formCard">
         <div class="column items-center">
             <QIcon name="phonelink_lock" size="xl" color="primary" />
             <h5 class="text-center q-my-md">{{ t('twoFactor.insert') }}</h5>
diff --git a/src/pages/Travel/Card/TravelThermographsForm.vue b/src/pages/Travel/Card/TravelThermographsForm.vue
index 4935d2e7b..4462846cb 100644
--- a/src/pages/Travel/Card/TravelThermographsForm.vue
+++ b/src/pages/Travel/Card/TravelThermographsForm.vue
@@ -211,7 +211,6 @@ const onThermographCreated = async (data) => {
             :observe-form-changes="viewAction === 'create'"
             :default-actions="true"
             @submit="onSubmit()"
-            @keyup.enter="onSubmit()"
             class="full-width"
             style="max-width: 800px"
         >
diff --git a/src/pages/Wagon/Type/WagonTypeCreate.vue b/src/pages/Wagon/Type/WagonTypeCreate.vue
index 35c18c9b8..bc9c1a40c 100644
--- a/src/pages/Wagon/Type/WagonTypeCreate.vue
+++ b/src/pages/Wagon/Type/WagonTypeCreate.vue
@@ -242,12 +242,7 @@ function exceedMaxHeight(pos) {
 
 <template>
     <QPage class="q-pa-sm q-mx-xl">
-        <QForm
-            @submit="onSubmit()"
-            @keyup.enter="onSubmit()"
-            @reset="onReset()"
-            class="q-pa-sm"
-        >
+        <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
             <QCard class="q-pa-md">
                 <VnInput
                     filled
diff --git a/src/pages/Wagon/WagonCreate.vue b/src/pages/Wagon/WagonCreate.vue
index c63ae3027..cf6bc3ff2 100644
--- a/src/pages/Wagon/WagonCreate.vue
+++ b/src/pages/Wagon/WagonCreate.vue
@@ -89,12 +89,7 @@ function filterType(val, update) {
 
 <template>
     <QPage class="q-pa-sm q-mx-xl">
-        <QForm
-            @submit="onSubmit()"
-            @keyup.enter="onSubmit()"
-            @reset="onReset()"
-            class="q-pa-sm"
-        >
+        <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
             <QCard class="q-pa-md">
                 <div class="row q-col-gutter-md">
                     <div class="col">

From 58dc4c253a848b9beca7d491e41e270101f20c29 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 4 Mar 2024 11:14:59 +0100
Subject: [PATCH 4/6] refs #6911 perf: use QForm instead classList

---
 src/boot/qformMixin.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/boot/qformMixin.js b/src/boot/qformMixin.js
index daca84eef..5e06497c5 100644
--- a/src/boot/qformMixin.js
+++ b/src/boot/qformMixin.js
@@ -1,4 +1,5 @@
-import { QTable, QForm } from 'quasar';
+import { QForm } from 'quasar';
+import { getCurrentInstance } from 'vue';
 
 export default {
     inject: { QForm },
@@ -6,7 +7,8 @@ export default {
     components: { QForm },
     extends: { QForm },
     mounted: function () {
-        if (this.$el?.classList?.contains('q-form'))
+        const vm = getCurrentInstance();
+        if (vm.type.name === 'QForm')
             if (this.$el?.id !== 'searchbarForm') {
                 let that = this;
 

From 6bc8cdc0c3dfb1e8543bba1c0c30def4974abac7 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 4 Mar 2024 11:36:46 +0100
Subject: [PATCH 5/6] refs #6911 feat: reaneme method and remove keyup

---
 src/components/EditTableCellValueForm.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/EditTableCellValueForm.vue b/src/components/EditTableCellValueForm.vue
index d0561107e..f67dcc7ba 100644
--- a/src/components/EditTableCellValueForm.vue
+++ b/src/components/EditTableCellValueForm.vue
@@ -42,7 +42,7 @@ const onDataSaved = () => {
     closeForm();
 };
 
-const submitData = async () => {
+const onSubmit = async () => {
     try {
         isLoading.value = true;
         const rowsToEdit = $props.rows.map((row) => ({ id: row.id, itemFk: row.itemFk }));
@@ -66,7 +66,7 @@ const closeForm = () => {
 </script>
 
 <template>
-    <QForm @submit="submitData()" @keyup.enter="submitData()" class="all-pointer-events">
+    <QForm @submit="onSubmit()" class="all-pointer-events">
         <QCard class="q-pa-lg">
             <span ref="closeButton" class="close-icon" v-close-popup>
                 <QIcon name="close" size="sm" />

From ef979f05a3f643a215e0eb8d3755e548085a2459 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 4 Mar 2024 11:38:18 +0100
Subject: [PATCH 6/6] refs #6911 feat: reaneme method and remove keyup

---
 src/components/FilterItemForm.vue   | 8 ++------
 src/components/FilterTravelForm.vue | 8 ++------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/components/FilterItemForm.vue b/src/components/FilterItemForm.vue
index b4c928ca8..45493100b 100644
--- a/src/components/FilterItemForm.vue
+++ b/src/components/FilterItemForm.vue
@@ -78,7 +78,7 @@ const tableColumns = computed(() => [
     },
 ]);
 
-const fetchResults = async () => {
+const onSubmit = async () => {
     try {
         let filter = itemFilter;
         const params = itemFilterParams;
@@ -140,11 +140,7 @@ const selectItem = ({ id }) => {
         @on-fetch="(data) => (InksOptions = data)"
         auto-load
     />
-    <QForm
-        @submit="fetchResults()"
-        @keyup.enter="fetchResults()"
-        class="all-pointer-events"
-    >
+    <QForm @submit="onSubmit()" class="all-pointer-events">
         <QCard class="column" style="padding: 32px; z-index: 100">
             <span ref="closeButton" class="close-icon" v-close-popup>
                 <QIcon name="close" size="sm" />
diff --git a/src/components/FilterTravelForm.vue b/src/components/FilterTravelForm.vue
index c005acde1..45c79bb08 100644
--- a/src/components/FilterTravelForm.vue
+++ b/src/components/FilterTravelForm.vue
@@ -85,7 +85,7 @@ const tableColumns = computed(() => [
     },
 ]);
 
-const fetchResults = async () => {
+const onSubmit = async () => {
     try {
         let filter = travelFilter;
         const params = travelFilterParams;
@@ -138,11 +138,7 @@ const selectTravel = ({ id }) => {
         @on-fetch="(data) => (warehousesOptions = data)"
         auto-load
     />
-    <QForm
-        @submit="fetchResults()"
-        @keyup.enter="fetchResults()"
-        class="all-pointer-events"
-    >
+    <QForm @submit="onSubmit()" class="all-pointer-events">
         <QCard class="column" style="padding: 32px; z-index: 100">
             <span ref="closeButton" class="close-icon" v-close-popup>
                 <QIcon name="close" size="sm" />