From 59f9cf411186d3512b3af5f5f01690222f430f3c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 31 May 2024 13:56:46 +0200
Subject: [PATCH] fix: src/pages/InvoiceIn/Card/InvoiceInBasicData.vue

---
 .../InvoiceIn/Card/InvoiceInBasicData.vue     | 430 +++++++++---------
 1 file changed, 221 insertions(+), 209 deletions(-)

diff --git a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
index 4274c284c..4890fa25e 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
@@ -81,7 +81,7 @@ async function setCreateDms() {
     createDmsRef.value.show();
 }
 
-async function upsert() {
+async function onSubmit() {
     try {
         const isEdit = !!dms.value.id;
         const errors = {
@@ -317,225 +317,237 @@ async function upsert() {
             </VnRow>
         </template>
     </FormModel>
-    <QDialog ref="editDmsRef" @keyup.enter="upsert">
-        <QCard>
-            <QCardSection class="q-pb-none">
-                <QItem class="q-px-none">
-                    <span class="text-primary text-h6 full-width">
+    <QDialog ref="editDmsRef">
+        <QForm @submit="onSubmit()" class="all-pointer-events">
+            <QCard class="q-pa-sm">
+                <QCardSection class="row items-center q-pb-none">
+                    <span class="text-primary text-h6">
                         <QIcon name="edit" class="q-mr-xs" />
                         {{ t('Edit document') }}
                     </span>
+                    <QSpace />
                     <QBtn icon="close" flat round dense v-close-popup />
-                </QItem>
-            </QCardSection>
-            <QCardSection class="q-py-none">
-                <QItem>
-                    <VnInput
-                        class="full-width q-pa-xs"
-                        :label="t('Reference')"
-                        v-model="dms.reference"
-                        clearable
-                        clear-icon="close"
+                </QCardSection>
+                <QCardSection class="q-py-none">
+                    <QItem>
+                        <VnInput
+                            class="full-width q-pa-xs"
+                            :label="t('Reference')"
+                            v-model="dms.reference"
+                            clearable
+                            clear-icon="close"
+                        />
+                        <VnSelect
+                            class="full-width q-pa-xs"
+                            :label="t('Company')"
+                            v-model="dms.companyId"
+                            :options="companies"
+                            option-value="id"
+                            option-label="code"
+                            :required="true"
+                        />
+                    </QItem>
+                    <QItem>
+                        <VnSelect
+                            class="full-width q-pa-xs"
+                            :label="t('Warehouse')"
+                            v-model="dms.warehouseId"
+                            :options="warehouses"
+                            option-value="id"
+                            option-label="name"
+                            :required="true"
+                        />
+                        <VnSelect
+                            class="full-width q-pa-xs"
+                            :label="t('Type')"
+                            v-model="dms.dmsTypeId"
+                            :options="dmsTypes"
+                            option-value="id"
+                            option-label="name"
+                            :required="true"
+                        />
+                    </QItem>
+                    <QItem>
+                        <VnInput
+                            :label="t('Description')"
+                            v-model="dms.description"
+                            :required="true"
+                            type="textarea"
+                            class="full-width q-pa-xs"
+                            size="lg"
+                            autogrow
+                            clearable
+                            clear-icon="close"
+                        />
+                    </QItem>
+                    <QItem>
+                        <QFile
+                            ref="inputFileRef"
+                            class="full-width q-pa-xs"
+                            :label="t('File')"
+                            v-model="dms.files"
+                            multiple
+                            :accept="allowedContentTypes.join(',')"
+                            clearable
+                            clear-icon="close"
+                        >
+                            <template #append>
+                                <QBtn
+                                    icon="attach_file_add"
+                                    flat
+                                    round
+                                    padding="xs"
+                                    @click="inputFileRef.pickFiles()"
+                                >
+                                    <QTooltip>
+                                        {{ t('globals.selectFile') }}
+                                    </QTooltip>
+                                </QBtn>
+                                <QBtn icon="info" flat round padding="xs">
+                                    <QTooltip max-width="30rem">
+                                        {{
+                                            `${t(
+                                                'Allowed content types'
+                                            )}: ${allowedContentTypes.join(', ')}`
+                                        }}
+                                    </QTooltip>
+                                </QBtn>
+                            </template>
+                        </QFile>
+                    </QItem>
+                    <QItem>
+                        <QCheckbox
+                            :label="t('Generate identifier for original file')"
+                            v-model="dms.hasFile"
+                        />
+                    </QItem>
+                </QCardSection>
+                <QCardActions class="justify-end">
+                    <QBtn
+                        flat
+                        :label="t('globals.close')"
+                        color="primary"
+                        v-close-popup
                     />
-                    <VnSelect
-                        class="full-width q-pa-xs"
-                        :label="t('Company')"
-                        v-model="dms.companyId"
-                        :options="companies"
-                        option-value="id"
-                        option-label="code"
-                        :required="true"
-                    />
-                </QItem>
-                <QItem>
-                    <VnSelect
-                        class="full-width q-pa-xs"
-                        :label="t('Warehouse')"
-                        v-model="dms.warehouseId"
-                        :options="warehouses"
-                        option-value="id"
-                        option-label="name"
-                        :required="true"
-                    />
-                    <VnSelect
-                        class="full-width q-pa-xs"
-                        :label="t('Type')"
-                        v-model="dms.dmsTypeId"
-                        :options="dmsTypes"
-                        option-value="id"
-                        option-label="name"
-                        :required="true"
-                    />
-                </QItem>
-                <QItem>
-                    <VnInput
-                        :label="t('Description')"
-                        v-model="dms.description"
-                        :required="true"
-                        type="textarea"
-                        class="full-width q-pa-xs"
-                        size="lg"
-                        autogrow
-                        clearable
-                        clear-icon="close"
-                    />
-                </QItem>
-                <QItem>
-                    <QFile
-                        ref="inputFileRef"
-                        class="full-width q-pa-xs"
-                        :label="t('File')"
-                        v-model="dms.files"
-                        multiple
-                        :accept="allowedContentTypes.join(',')"
-                        clearable
-                        clear-icon="close"
-                    >
-                        <template #append>
-                            <QBtn
-                                icon="attach_file_add"
-                                flat
-                                round
-                                padding="xs"
-                                @click="inputFileRef.pickFiles()"
-                            >
-                                <QTooltip>
-                                    {{ t('globals.selectFile') }}
-                                </QTooltip>
-                            </QBtn>
-                            <QBtn icon="info" flat round padding="xs">
-                                <QTooltip max-width="30rem">
-                                    {{
-                                        `${t(
-                                            'Allowed content types'
-                                        )}: ${allowedContentTypes.join(', ')}`
-                                    }}
-                                </QTooltip>
-                            </QBtn>
-                        </template>
-                    </QFile>
-                </QItem>
-                <QItem>
-                    <QCheckbox
-                        :label="t('Generate identifier for original file')"
-                        v-model="dms.hasFile"
-                    />
-                </QItem>
-            </QCardSection>
-            <QCardActions class="justify-end">
-                <QBtn flat :label="t('globals.close')" color="primary" v-close-popup />
-                <QBtn :label="t('globals.save')" color="primary" @click="upsert" />
-            </QCardActions>
-        </QCard>
+                    <QBtn :label="t('globals.save')" color="primary" @click="onSubmit" />
+                </QCardActions>
+            </QCard>
+        </QForm>
     </QDialog>
     <QDialog ref="createDmsRef">
-        <QCard>
-            <QCardSection class="q-pb-none">
-                <QItem>
-                    <span class="text-primary text-h6 full-width">
+        <QForm @submit="onSubmit()" class="all-pointer-events">
+            <QCard class="q-pa-sm">
+                <QCardSection class="row items-center q-pb-none">
+                    <span class="text-primary text-h6">
                         <QIcon name="edit" class="q-mr-xs" />
                         {{ t('Create document') }}
                     </span>
-                    <QBtn icon="close" flat round dense v-close-popup align="right" />
-                </QItem>
-            </QCardSection>
-            <QCardSection class="q-pb-none">
-                <QItem>
-                    <VnInput
-                        class="full-width q-pa-xs"
-                        :label="t('Reference')"
-                        v-model="dms.reference"
+                    <QSpace />
+                    <QBtn icon="close" flat round dense v-close-popup />
+                </QCardSection>
+                <QCardSection class="q-pb-none">
+                    <QItem>
+                        <VnInput
+                            class="full-width q-pa-xs"
+                            :label="t('Reference')"
+                            v-model="dms.reference"
+                        />
+                        <VnSelect
+                            class="full-width q-pa-xs"
+                            :label="`${t('Company')}*`"
+                            v-model="dms.companyId"
+                            :options="companies"
+                            option-value="id"
+                            option-label="code"
+                            :required="true"
+                        />
+                    </QItem>
+                    <QItem>
+                        <VnSelect
+                            class="full-width q-pa-xs"
+                            :label="`${t('Warehouse')}*`"
+                            v-model="dms.warehouseId"
+                            :options="warehouses"
+                            option-value="id"
+                            option-label="name"
+                            :required="true"
+                        />
+                        <VnSelect
+                            class="full-width q-pa-xs"
+                            :label="`${t('Type')}*`"
+                            v-model="dms.dmsTypeId"
+                            :options="dmsTypes"
+                            option-value="id"
+                            option-label="name"
+                            :required="true"
+                        />
+                    </QItem>
+                    <QItem>
+                        <VnInput
+                            class="full-width q-pa-xs"
+                            type="textarea"
+                            size="lg"
+                            autogrow
+                            :label="`${t('Description')}*`"
+                            v-model="dms.description"
+                            clearable
+                            clear-icon="close"
+                            :rules="[(val) => val.length || t('Required field')]"
+                        />
+                    </QItem>
+                    <QItem>
+                        <QFile
+                            ref="inputFileRef"
+                            class="full-width q-pa-xs"
+                            :label="t('File')"
+                            v-model="dms.files"
+                            multiple
+                            :accept="allowedContentTypes.join(',')"
+                            clearable
+                            clear-icon="close"
+                        >
+                            <template #append>
+                                <QBtn
+                                    icon="attach_file_add"
+                                    flat
+                                    round
+                                    padding="xs"
+                                    @click="inputFileRef.pickFiles()"
+                                >
+                                    <QTooltip>
+                                        {{ t('globals.selectFile') }}
+                                    </QTooltip>
+                                </QBtn>
+                                <QBtn icon="info" flat round padding="xs">
+                                    <QTooltip max-width="30rem">
+                                        {{
+                                            `${t(
+                                                'Allowed content types'
+                                            )}: ${allowedContentTypes.join(', ')}`
+                                        }}
+                                    </QTooltip>
+                                </QBtn>
+                            </template>
+                        </QFile>
+                    </QItem>
+                    <QItem>
+                        <QCheckbox
+                            :label="t('Generate identifier for original file')"
+                            v-model="dms.hasFile"
+                        />
+                    </QItem>
+                </QCardSection>
+                <QCardActions align="right">
+                    <QBtn
+                        flat
+                        :label="t('globals.close')"
+                        color="primary"
+                        v-close-popup
                     />
-                    <VnSelect
-                        class="full-width q-pa-xs"
-                        :label="`${t('Company')}*`"
-                        v-model="dms.companyId"
-                        :options="companies"
-                        option-value="id"
-                        option-label="code"
-                        :required="true"
-                    />
-                </QItem>
-                <QItem>
-                    <VnSelect
-                        class="full-width q-pa-xs"
-                        :label="`${t('Warehouse')}*`"
-                        v-model="dms.warehouseId"
-                        :options="warehouses"
-                        option-value="id"
-                        option-label="name"
-                        :required="true"
-                    />
-                    <VnSelect
-                        class="full-width q-pa-xs"
-                        :label="`${t('Type')}*`"
-                        v-model="dms.dmsTypeId"
-                        :options="dmsTypes"
-                        option-value="id"
-                        option-label="name"
-                        :required="true"
-                    />
-                </QItem>
-                <QItem>
-                    <VnInput
-                        class="full-width q-pa-xs"
-                        type="textarea"
-                        size="lg"
-                        autogrow
-                        :label="`${t('Description')}*`"
-                        v-model="dms.description"
-                        clearable
-                        clear-icon="close"
-                        :rules="[(val) => val.length || t('Required field')]"
-                    />
-                </QItem>
-                <QItem>
-                    <QFile
-                        ref="inputFileRef"
-                        class="full-width q-pa-xs"
-                        :label="t('File')"
-                        v-model="dms.files"
-                        multiple
-                        :accept="allowedContentTypes.join(',')"
-                        clearable
-                        clear-icon="close"
-                    >
-                        <template #append>
-                            <QBtn
-                                icon="attach_file_add"
-                                flat
-                                round
-                                padding="xs"
-                                @click="inputFileRef.pickFiles()"
-                            >
-                                <QTooltip>
-                                    {{ t('globals.selectFile') }}
-                                </QTooltip>
-                            </QBtn>
-                            <QBtn icon="info" flat round padding="xs">
-                                <QTooltip max-width="30rem">
-                                    {{
-                                        `${t(
-                                            'Allowed content types'
-                                        )}: ${allowedContentTypes.join(', ')}`
-                                    }}
-                                </QTooltip>
-                            </QBtn>
-                        </template>
-                    </QFile>
-                </QItem>
-                <QItem>
-                    <QCheckbox
-                        :label="t('Generate identifier for original file')"
-                        v-model="dms.hasFile"
-                    />
-                </QItem>
-            </QCardSection>
-            <QCardActions align="right">
-                <QBtn flat :label="t('globals.close')" color="primary" v-close-popup />
-                <QBtn :label="t('globals.save')" color="primary" @click="upsert" />
-            </QCardActions>
-        </QCard>
+                    <QBtn :label="t('globals.save')" color="primary" @click="onSubmit" />
+                </QCardActions>
+            </QCard>
+        </QForm>
     </QDialog>
 </template>
 <style lang="scss" scoped>