From cea811903edcfd5d1bb2be04295e015059d69d99 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Thu, 19 Oct 2023 17:07:06 +0200
Subject: [PATCH] refs #6157 icon mobile

---
 src/pages/Claim/Card/ClaimAction.vue | 43 ++++++++++------------------
 1 file changed, 15 insertions(+), 28 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index f2031cf2e..32bcb2f2c 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -10,6 +10,7 @@ import FetchData from 'src/components/FetchData.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import { useArrayData } from 'src/composables/useArrayData';
+import { tMobile } from 'src/composables/tMobile';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -160,7 +161,7 @@ async function updateDestinations(claimDestinationFk) {
                             {{ t('claim.summary.actions') }}
                         </p>
                         <QSlider
-                            class="responsability"
+                            class="responsability { 'background-color:primary': quasar.platform.is.mobile }"
                             v-model="responsibility"
                             label
                             :label-value="t('claim.summary.responsibility')"
@@ -194,30 +195,7 @@ async function updateDestinations(claimDestinationFk) {
         auto-load
         @on-fetch="(data) => (resolvedStateId = data)"
     />
-    <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()">
-        <QToolbar>
-            <QBtn
-                color="primary"
-                text-color="white"
-                class="q-mx-sm"
-                :unelevated="true"
-                :disable="!selectedRows.length"
-                :label="t('Change destination')"
-                @click="dialog = !dialog"
-            />
-        </QToolbar>
-        <!-- <QPageSticky position="top-right" :offset="[25, 25]">
-            <QBtn
-                color="primary"
-                text-color="white"
-                class="q-mx-sm"
-                :unelevated="true"
-                :disable="!selectedRows.length"
-                :label="t('Change destination')"
-                @click="dialog = !dialog"
-            />
-        </QPageSticky> -->
-    </Teleport>
+    <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> </Teleport>
 
     <div class="claim-action">
         <CrudModel
@@ -260,6 +238,9 @@ async function updateDestinations(claimDestinationFk) {
                                 :options="destinationTypes"
                                 option-value="id"
                                 option-label="description"
+                                @update:model-value="
+                                    (value) => updateDestination(value, rows[rowIndex])
+                                "
                             />
                         </QTd>
                     </template>
@@ -331,7 +312,9 @@ async function updateDestinations(claimDestinationFk) {
                     color="primary"
                     text-color="white"
                     :unelevated="true"
-                    :label="t('Regularize')"
+                    :label="tMobile('Regularize')"
+                    :title="t('Regularize')"
+                    icon="check"
                 />
                 <!--disabled="(ClaimDescriptor)claimStateFk == resolvedStateId"-->
                 <QBtn
@@ -339,14 +322,18 @@ async function updateDestinations(claimDestinationFk) {
                     text-color="white"
                     :unelevated="true"
                     :disable="!selectedRows.length"
-                    :label="t('Change destination')"
+                    :label="tMobile('Change destination')"
+                    :title="t('Change destination')"
+                    icon="swap_horiz"
                     @click="dialog = !dialog"
                 />
                 <QBtn
                     color="primary"
                     text-color="white"
                     :unelevated="true"
-                    :label="t('Import claim')"
+                    :label="tMobile('Import claim')"
+                    :title="t('Import claim')"
+                    icon="Upload"
                 />
                 <!--disabled="(ClaimDescriptor)claimStateFk == resolvedStateId"-->
             </template>