From c162dc9e3535522ff071fe93bdd0d86ff67e00f6 Mon Sep 17 00:00:00 2001
From: Surya Paolo <paolo.arena77@gmail.com>
Date: Thu, 17 Oct 2024 00:51:38 +0200
Subject: [PATCH] carousel

---
 .../CGridTableRec/CGridTableRec.vue           | 36 +++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/components/CGridTableRec/CGridTableRec.vue b/src/components/CGridTableRec/CGridTableRec.vue
index b463c086..fe3f2196 100755
--- a/src/components/CGridTableRec/CGridTableRec.vue
+++ b/src/components/CGridTableRec/CGridTableRec.vue
@@ -412,9 +412,9 @@
             :autoplay="autoplay"
             v-model="slideGridOriz"
             navigation
+            navigation-icon="radio_button_unchecked"
             control-color="blue-4"
             control-text-color="white"
-            arrows
             ref="carousel"
             transition-next="slide-left"
             transition-prev="slide-right"
@@ -425,6 +425,38 @@
             @mouseenter="autoplay = false"
             @mouseleave="autoplay = true"
           >
+            <template v-slot:control>
+              <q-carousel-control
+                position="top-left"
+                :offset="[-10, -10]"
+                class="q-gutter-xs"
+                style="opacity: 0.7"
+              >
+                <q-btn
+                  push
+                  round
+                  :color="$q.dark.isActive ? `black` : `white`"
+                  :text-color="$q.dark.isActive ? `white` : `black`"
+                  icon="keyboard_arrow_left"
+                  @click="$refs.carousel.previous()"
+                ></q-btn>
+              </q-carousel-control>
+              <q-carousel-control
+                position="top-right"
+                class="q-gutter-xs"
+                :offset="[-10, -10]"
+                style="opacity: 0.7"
+              >
+                <q-btn
+                  push
+                  round
+                  :color="$q.dark.isActive ? `black` : `white`"
+                  :text-color="$q.dark.isActive ? `white` : `black`"
+                  icon="keyboard_arrow_right"
+                  @click="$refs.carousel.next()"
+                ></q-btn>
+              </q-carousel-control>
+            </template>
             <q-carousel-slide
               v-for="(rec, indexrow) in serverData"
               :key="indexrow"
@@ -535,7 +567,7 @@
               >
               </CMyRecCard>
             </div>
-            <div            
+            <div
               v-else-if="
                 (showType === costanti.SHOW_USERINFO &&
                   myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||