From 2c360c0e4aeeda5d0d4b1afc79147da2ab8ac258 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaume=20Sol=C3=ADs?= <jaume.solis@baldarian.com>
Date: Wed, 27 Dec 2023 11:13:39 +0100
Subject: [PATCH] Cambio para que se vea bien la home, aun no esta acabado el
 swiper

---
 src/components/swiper/Swiper.vue | 104 +++++++++++++------------------
 1 file changed, 44 insertions(+), 60 deletions(-)

diff --git a/src/components/swiper/Swiper.vue b/src/components/swiper/Swiper.vue
index d4ab691..6177ee8 100644
--- a/src/components/swiper/Swiper.vue
+++ b/src/components/swiper/Swiper.vue
@@ -1,48 +1,3 @@
-<template>
-  <q-btn
-    title="previous button"
-    class="swiper-btn prev"
-    color="primary"
-    size="sm"
-    @click="handlePrev"
-    round
-    flat
-  >
-    <IconArrowCircleFilledLeft />
-  </q-btn>
-
-  <swiper-container
-    class="swiper"
-    :space-between="screenWidth > 1024 ? 56 : 25"
-    :slides-per-view="'auto'"
-    :centered-slides="true"
-    :grabCursor="true"
-    :navigation="true"
-    :loop="true"
-    :pagination="{
-      dynamicBullets: true,
-      clickable: true,
-    }"
-    :keyboard="{
-      enabled: true,
-    }"
-  >
-    <slot></slot>
-  </swiper-container>
-
-  <q-btn
-    title="next button"
-    class="swiper-btn next"
-    color="primary"
-    size="sm"
-    @click="handleNext"
-    round
-    flat
-  >
-    <IconArrowCircleFilledRight />
-  </q-btn>
-</template>
-
 <script>
 import { storeToRefs } from 'pinia';
 import { defineComponent, onMounted, ref } from 'vue';
@@ -66,8 +21,7 @@ export default defineComponent({
 
     onMounted(() => {
       // console.log('Montado!');
-
-      swiperContainer.value =
+      /*swiperContainer.value =
         document.querySelector('swiper-container').shadowRoot;
       prevSwiperBtn.value = swiperContainer.value.querySelector(
         '.swiper-button-prev'
@@ -79,21 +33,9 @@ export default defineComponent({
       nextSwiperBtn.value.style.display = swiperDisplay;
       prevSwiperBtn.value.style.display = swiperDisplay;
       nextBtn.value = document.querySelector('.swiper-btn.next');
-      prevBtn.value = document.querySelector('.swiper-btn.prev');
+      prevBtn.value = document.querySelector('.swiper-btn.prev');*/
     });
 
-    /* onUpdated(() => {
-      console.log('Atualizado!');
-
-      console.groupCollapsed('%c Custom', 'color: tomato;');
-      console.log({ prevBtn: prevBtn.value, nextBtn: nextBtn.value });
-      console.groupEnd();
-
-      console.groupCollapsed('%c Swiper', 'color: hotpink;');
-      console.log(prevSwiperBtn.value);
-      console.groupEnd();
-    }); */
-
     return {
       screenWidth,
       handlePrev() {
@@ -108,7 +50,49 @@ export default defineComponent({
   },
 });
 </script>
+<template>
+  <q-btn
+    title="previous button"
+    class="swiper-btn prev"
+    color="primary"
+    size="sm"
+    @click="handlePrev"
+    round
+    flat
+  >
+    <IconArrowCircleFilledLeft />
+  </q-btn>
 
+  <!--<swiper-container
+    class="swiper"
+    :space-between="screenWidth > 1024 ? 56 : 25"
+    :slides-per-view="'auto'"
+    :centered-slides="true"
+    :grabCursor="true"
+    :navigation="true"
+    :loop="true"
+    :pagination="{
+      dynamicBullets: true,
+      clickable: true,
+    }"
+    :keyboard="{
+      enabled: true,
+    }"
+  >
+    <slot></slot>
+  </swiper-container>-->
+  <q-btn
+    title="next button"
+    class="swiper-btn next"
+    color="primary"
+    size="sm"
+    @click="handleNext"
+    round
+    flat
+  >
+    <IconArrowCircleFilledRight />
+  </q-btn>
+</template>
 <style lang="scss">
 .swiper {
   height: 100%;