From 9dd69dbcb75ff7cbfa0cf48489e4b8a06528fd25 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 19 Oct 2023 08:45:40 +0200
Subject: [PATCH] feat(vnRow): new component vnRow refs #6118

---
 src/components/RowWrapper.vue                 | 11 -----------
 src/components/ui/CardDescriptor.vue          |  2 --
 src/components/ui/VnRow.vue                   |  4 +---
 src/pages/Claim/Card/ClaimBasicData.vue       | 15 ++++++---------
 src/pages/Claim/Card/ClaimDescriptor.vue      |  3 ---
 src/pages/Customer/Card/CustomerBasicData.vue | 18 +++++++++---------
 6 files changed, 16 insertions(+), 37 deletions(-)
 delete mode 100644 src/components/RowWrapper.vue

diff --git a/src/components/RowWrapper.vue b/src/components/RowWrapper.vue
deleted file mode 100644
index 4dadaae60..000000000
--- a/src/components/RowWrapper.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup></script>
-<template>
-    <div class="q-pa-md example-row-equal-width"></div>
-</template>
-
-<style lang="scss" scoped>
-.formModel {
-    max-width: 800px;
-    width: 100%;
-}
-</style>
diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index e4b8740e9..65a89ee28 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -41,9 +41,7 @@ async function fetch() {
     if ($props.filter) params.filter = JSON.stringify($props.filter);
 
     const { data } = await axios.get($props.url, { params });
-    console.log(data);
     entity.value = data;
-    console.log('entity.value: ', entity.value);
 
     emit('onFetch', data);
 }
diff --git a/src/components/ui/VnRow.vue b/src/components/ui/VnRow.vue
index 687d0cdf4..c3c951528 100644
--- a/src/components/ui/VnRow.vue
+++ b/src/components/ui/VnRow.vue
@@ -1,14 +1,12 @@
-<script></script>
 <template>
     <div id="row">
         <slot></slot>
     </div>
 </template>
-<style lang="scss">
+<style lang="scss" scopped>
 @media screen and (max-width: 800px) {
     #row {
         flex-direction: column;
-        background-color: blue;
     }
 }
 </style>
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index a36b08541..dd4fe2f88 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -45,7 +45,6 @@ function setWorkers(data) {
 }
 
 function setClaimStates(data) {
-    console.log(data);
     claimStates.value = data;
     claimStatesCopy.value = data;
 }
@@ -53,7 +52,6 @@ function setClaimStates(data) {
 const workerFilter = {
     options: workers,
     filterFn: (options, value) => {
-        console.log('Filtering workers with value:', value);
         const search = value.toLowerCase();
 
         if (value === '') return workersCopy.value;
@@ -73,7 +71,6 @@ const workerFilter = {
 const statesFilter = {
     options: claimStates,
     filterFn: (options, value) => {
-        console.log('Filtering claim states with value:', value);
         const search = value.toLowerCase();
 
         if (value === '') return claimStatesCopy.value;
@@ -141,7 +138,7 @@ const statesFilter = {
                         </QInput>
                     </div>
                 </VnRow>
-                <div class="row q-gutter-md q-mb-md">
+                <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QSelect
                             v-model="data.workerFk"
@@ -187,8 +184,8 @@ const statesFilter = {
                         >
                         </QSelect>
                     </div>
-                </div>
-                <div class="row q-gutter-md q-mb-md">
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model.number="data.packages"
@@ -204,15 +201,15 @@ const statesFilter = {
                             :rules="validate('claim.rma')"
                         />
                     </div>
-                </div>
-                <div class="row q-gutter-md q-mb-md">
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QCheckbox
                             v-model="data.hasToPickUp"
                             :label="t('claim.basicData.picked')"
                         />
                     </div>
-                </div>
+                </VnRow>
             </template>
         </FormModel>
     </div>
diff --git a/src/pages/Claim/Card/ClaimDescriptor.vue b/src/pages/Claim/Card/ClaimDescriptor.vue
index 8bfe78cb3..914de2eb2 100644
--- a/src/pages/Claim/Card/ClaimDescriptor.vue
+++ b/src/pages/Claim/Card/ClaimDescriptor.vue
@@ -17,8 +17,6 @@ const $props = defineProps({
         default: null,
     },
 });
-console.log('Component id:', $props.id);
-if ($props.id === undefined) console.log('$props.id: ', $props.id);
 
 const route = useRoute();
 const { t } = useI18n();
@@ -111,7 +109,6 @@ const setData = (entity) => {
                 <template #value>
                     <span class="link">
                         {{ entity.worker.user.name }}
-                        {{ console.log('Worker userFk:', entity.worker.userFk) }}
                         <WorkerDescriptorProxy :id="entity.worker.userFk" />
                     </span>
                 </template>
diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index b2c1eee0b..952020a82 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -6,7 +6,7 @@ import { useI18n } from 'vue-i18n';
 import { useSession } from 'src/composables/useSession';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
-import RowWrapper from 'components/RowWrapper.vue';
+import VnRow from 'components/ui/VnRow.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -62,7 +62,7 @@ const filterOptions = {
     <div class="column items-center">
         <FormModel :url="`Clients/${route.params.id}`" model="customer">
             <template #form="{ data, validate, filter }">
-                <RowWrapper class="row q-gutter-md q-mb-md">
+                <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model="data.socialName"
@@ -84,8 +84,8 @@ const filterOptions = {
                             :input-debounce="0"
                         />
                     </div>
-                </RowWrapper>
-                <div class="row q-gutter-md q-mb-md">
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model="data.contact"
@@ -103,8 +103,8 @@ const filterOptions = {
                             clearable
                         />
                     </div>
-                </div>
-                <div class="row q-gutter-md q-mb-md">
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model="data.phone"
@@ -121,8 +121,8 @@ const filterOptions = {
                             clearable
                         />
                     </div>
-                </div>
-                <div class="row q-gutter-md q-mb-md">
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QSelect
                             v-model="data.salesPersonFk"
@@ -163,7 +163,7 @@ const filterOptions = {
                             :input-debounce="0"
                         />
                     </div>
-                </div>
+                </VnRow>
             </template>
         </FormModel>
     </div>