From a139debeb584cf0dd6140640b0df60dff7031e36 Mon Sep 17 00:00:00 2001
From: joan <joan@verdnatura.es>
Date: Fri, 18 Nov 2022 08:49:40 +0100
Subject: [PATCH] Enabled header teleports

---
 package-lock.json                 | 12 ++++++------
 src/components/FormModel.vue      | 12 ------------
 src/layouts/MainLayout.vue        |  4 ++++
 src/pages/Claim/Card/ClaimRma.vue | 24 +++++++++++++++---------
 4 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index da3eb26d6..1af3be8e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5754,9 +5754,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001344",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
-            "integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g==",
+            "version": "1.0.30001431",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz",
+            "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==",
             "dev": true,
             "funding": [
                 {
@@ -25351,9 +25351,9 @@
             }
         },
         "caniuse-lite": {
-            "version": "1.0.30001344",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
-            "integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g==",
+            "version": "1.0.30001431",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz",
+            "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==",
             "dev": true
         },
         "capture-exit": {
diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index 7acf2b278..d36f8c4ea 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -7,7 +7,6 @@ import axios from 'axios';
 import { useState } from 'src/composables/useState';
 import { useValidator } from 'src/composables/useValidator';
 import SkeletonForm from 'src/components/SkeletonForm.vue';
-import TeleportSlot from 'src/components/ui/TeleportSlot';
 
 const quasar = useQuasar();
 const { t } = useI18n();
@@ -94,17 +93,6 @@ function filter(value, update, filterOptions) {
 }
 </script>
 <template>
-    <teleport-slot to="#header-actions">
-        <div class="row q-gutter-x-sm">
-            <q-btn @click="addRow()" icon="save" color="primary" flat dense rounded>
-                <q-tooltip bottom> {{ t('globals.save') }} </q-tooltip>
-            </q-btn>
-            <q-btn @click="addRow()" icon="clear_all" color="primary" flat dense rounded>
-                <q-tooltip bottom> {{ t('globals.reset') }} </q-tooltip>
-            </q-btn>
-            <q-separator vertical />
-        </div>
-    </teleport-slot>
     <q-banner v-if="hasChanges" class="text-white bg-warning">
         <q-icon name="warning" size="md" class="q-mr-md" />
         <span>{{ t('globals.changesToSave') }}</span>
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 0418c8f3b..9c8a686c3 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,11 +1,15 @@
 <script setup>
+import { useQuasar } from 'quasar';
 import Navbar from 'src/components/Navbar.vue';
+
+const quasar = useQuasar();
 </script>
 
 <template>
     <q-layout view="hHh LpR fFf">
         <Navbar />
         <router-view></router-view>
+        <q-footer v-if="quasar.platform.is.mobile"></q-footer>
     </q-layout>
 </template>
 
diff --git a/src/pages/Claim/Card/ClaimRma.vue b/src/pages/Claim/Card/ClaimRma.vue
index 37d82ac29..345df2010 100644
--- a/src/pages/Claim/Card/ClaimRma.vue
+++ b/src/pages/Claim/Card/ClaimRma.vue
@@ -78,17 +78,9 @@ function hide() {
         ref="fetcher"
         :url="`Claims/${route.params.id}`"
         :filter="filter"
-        @on-fetch="($data) => (claim = $data)"
+        @on-fetch="(data) => (claim = data)"
         auto-load
     />
-    <teleport-slot to="#header-actions">
-        <div class="row q-gutter-x-sm">
-            <q-btn @click="addRow()" icon="add" color="primary" dense rounded>
-                <q-tooltip bottom> {{ t('globals.add') }} </q-tooltip>
-            </q-btn>
-            <q-separator vertical />
-        </div>
-    </teleport-slot>
     <paginate :data="claim.rmas">
         <template #body="{ rows }">
             <q-card class="card">
@@ -137,6 +129,20 @@ function hide() {
             </q-card-actions>
         </q-card>
     </q-dialog>
+    <teleport-slot v-if="!quasar.platform.is.mobile" to="#header-actions">
+        <div class="row q-gutter-x-sm">
+            <q-btn @click="addRow()" icon="add" color="primary" dense rounded>
+                <q-tooltip bottom> {{ t('globals.add') }} </q-tooltip>
+            </q-btn>
+            <q-separator vertical />
+        </div>
+    </teleport-slot>
+
+    <teleport-slot to=".q-footer">
+        <q-tabs align="justify" inline-label narrow-indicator>
+            <q-tab @click="addRow()" icon="add_circle" :label="t('globals.add')" />
+        </q-tabs>
+    </teleport-slot>
 </template>
 
 <style lang="scss" scoped>