From 1f90cc45ac21701221279c0e0b4cd045474d1139 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eudes=20In=C3=A1cio?= <eudes.inacio@equilibrium.local>
Date: Wed, 17 Apr 2024 11:49:07 +0100
Subject: [PATCH] start to improve dynamic dots

---
 src/app/shared/swiper/swiper.page.html | 14 ++++++++++++++
 src/app/shared/swiper/swiper.page.scss | 10 ++++++++++
 src/app/shared/swiper/swiper.page.ts   |  4 ----
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/swiper/swiper.page.html b/src/app/shared/swiper/swiper.page.html
index dc8119aa1..b47d01a5e 100644
--- a/src/app/shared/swiper/swiper.page.html
+++ b/src/app/shared/swiper/swiper.page.html
@@ -38,3 +38,17 @@
     </span>
   </div>
 </ion-footer>
+
+<!-- <ion-footer>
+  <div *ngIf="publicationList.Files.length > 1" class="dots-container">
+    <span *ngFor="let files of publicationList.Files; let k = index" 
+      [class.dotsSwiper]="true" 
+      [class.active-dot]="swiperIndex === k"
+      [class.preview-dot]="swiperIndex === k - 1 || (swiperIndex === 0 && k === publicationList.Files.length - 1)"
+      [class.next-dot]="swiperIndex === k + 1 || (swiperIndex === publicationList.Files.length - 1 && k === 0)"
+      [class.small-dot]="publicationList.Files.length > 4 && (k < swiperIndex - 1 || k > swiperIndex + 1)"
+      (click)="goToSlide(k)"
+      >
+    </span>
+  </div>
+</ion-footer> -->
diff --git a/src/app/shared/swiper/swiper.page.scss b/src/app/shared/swiper/swiper.page.scss
index f2ed2538f..4ecf733bc 100644
--- a/src/app/shared/swiper/swiper.page.scss
+++ b/src/app/shared/swiper/swiper.page.scss
@@ -332,6 +332,16 @@ swiper-slide video {
   margin-right: 5px;
 }
 
+.preview-dot, .next-dot {
+  width: 7px; /* Reduced size for preview and next dots */
+  height: 7px; /* Reduced size for preview and next dots */
+}
+
+.small-dot {
+  width: 5px; /* Smallest size for dots */
+  height: 5px; /* Smallest size for dots */
+}
+
 .play-button {
   position: absolute;
   top: 50%;
diff --git a/src/app/shared/swiper/swiper.page.ts b/src/app/shared/swiper/swiper.page.ts
index 063b3d1b9..fcea55b45 100644
--- a/src/app/shared/swiper/swiper.page.ts
+++ b/src/app/shared/swiper/swiper.page.ts
@@ -28,15 +28,11 @@ export class SwiperPage implements OnInit {
     public checkFileType: checkFileTypeService,
     public stopvideoService: StopvideoService,
   ) {
-    console.log('swieper', this.publicationList)
   }
 
   ngOnInit() {
-    console.log('swieper', this.publicationList)
-
   }
 
-
   onSlideChange() {
 
     console.log('onchage')