From 65df35c84030476e41eca9e144c3dca0b78d4ee1 Mon Sep 17 00:00:00 2001
From: joan <joan@verdnatura.es>
Date: Thu, 19 Jan 2023 07:17:51 +0100
Subject: [PATCH] Style fixes

---
 src/css/app.scss                    | 10 +++++
 src/css/quasar.variables.scss       |  1 -
 src/pages/Customer/CustomerMain.vue | 68 ++++++++++++++++-------------
 3 files changed, 47 insertions(+), 32 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index 73660398b..2e6008b1e 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -13,3 +13,13 @@ a {
 .link:hover {
     color: $orange-4;
 }
+
+// Removes chrome autofill background
+input:-webkit-autofill,
+select:-webkit-autofill {
+    color: $input-text-color !important;
+    font-family: $typography-font-family;
+    -webkit-text-fill-color: $input-text-color !important;
+    -webkit-background-clip: text !important;
+    background-clip: text !important;
+}
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index aa89a88d9..abe905c55 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -29,5 +29,4 @@ $border-thin-light: 1px solid $color-spacer-light;
 
 $dark-shadow-color: #000;
 $layout-shadow-dark: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
-
 $spacing-md: 16px;
diff --git a/src/pages/Customer/CustomerMain.vue b/src/pages/Customer/CustomerMain.vue
index dfc391418..bd36f7454 100644
--- a/src/pages/Customer/CustomerMain.vue
+++ b/src/pages/Customer/CustomerMain.vue
@@ -46,7 +46,7 @@ async function doSearch() {
     // }
     const params = userParams;
 
-    await arrayData.apply({ filter: {}, params });
+    await arrayData.apply({ params });
     searchPanel.value.hide();
 }
 
@@ -65,6 +65,12 @@ async function doSearch() {
 //     searchRows.value = rows
 // }
 
+function searchParams(params) {
+    switch (params) {
+        
+    }
+}
+
 function setWorkers(data) {
     workers.value = data;
     workersCopy.value = data;
@@ -125,14 +131,40 @@ function setWorkers(data) {
                                         </div>
                                     </div>
                                     <div class="row q-gutter-x-md">
-                                        <div class="col">
-                                            <q-input label="Name" v-model="userParams.name" lazy-rules />
-                                        </div>
                                         <div class="col">
                                             <q-input label="Fiscal ID" v-model="userParams.fi" lazy-rules />
                                         </div>
                                         <div class="col">
-                                            <q-input label="Phone" v-model="userParams.phone" lazy-rules />
+                                            <q-input label="Name" v-model="userParams.name" lazy-rules />
+                                        </div>
+                                        <div class="col">
+                                            <q-input label="Social name" v-model="userParams.socialName" lazy-rules />
+                                        </div>
+                                    </div>
+
+                                    <div class="row q-gutter-x-md">
+                                        <div class="col">
+                                            <q-select
+                                                v-model="userParams.salesPersonFk"
+                                                :options="workers"
+                                                option-value="id"
+                                                option-label="name"
+                                                emit-value
+                                                label="Salesperson"
+                                                map-options
+                                                use-input
+                                                :input-debounce="0"
+                                            >
+                                                <template #before>
+                                                    <q-avatar color="orange">
+                                                        <q-img
+                                                            v-if="userParams.salesPersonFk"
+                                                            :src="`/api/Images/user/160x160/${userParams.salesPersonFk}/download?access_token=${token}`"
+                                                            spinner-color="white"
+                                                        />
+                                                    </q-avatar>
+                                                </template>
+                                            </q-select>
                                         </div>
                                     </div>
 
@@ -179,32 +211,6 @@ function setWorkers(data) {
                                         </div>
                                     </div>
 
-                                    <div class="row q-gutter-x-md">
-                                        <div class="col">
-                                            <q-select
-                                                v-model="userParams.salesPersonFk"
-                                                :options="workers"
-                                                option-value="id"
-                                                option-label="name"
-                                                emit-value
-                                                label="Salesperson"
-                                                map-options
-                                                use-input
-                                                :input-debounce="0"
-                                            >
-                                                <template #before>
-                                                    <q-avatar color="orange">
-                                                        <q-img
-                                                            v-if="userParams.salesPersonFk"
-                                                            :src="`/api/Images/user/160x160/${userParams.salesPersonFk}/download?access_token=${token}`"
-                                                            spinner-color="white"
-                                                        />
-                                                    </q-avatar>
-                                                </template>
-                                            </q-select>
-                                        </div>
-                                    </div>
-
                                     <!-- <q-input
                                     label="Phone"
                                     hint="The customer phone"