added new componente for publication swiper

src/app/shared/swiper/swiper.page.html

@@ -1,9 +1,36 @@
-<ion-header>
+<!-- <ion-header>
   <ion-toolbar>
     <ion-title>swiper</ion-title>
   </ion-toolbar>
-</ion-header>
+</ion-header> -->
 
 <ion-content>
+  <swiper-container #swipers [slidechange]="onSlideChange()">
+    <swiper-slide *ngFor="let files of publicationList.Files let k = index">
+      <div >
+        <img  *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" class="post-img"
+          [src]="'data:image/jpg;base64,' + files.FileBase64">
+  
+        <video #videoElement [appVisibility]="onVisibilityChange" *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'video'" class="post-video" controls="controls" preload="none"
+        playsinline webkit-playsinline="webkit-playsinline" (play)="stopvideoService.registerVideoWithEvent($event)">
+          <source [src]="files.FileBase64" type="video/mp4" >
+        </video>
+  
+      </div>
+    </swiper-slide>
+  
+  </swiper-container>
 
+  
 </ion-content>
+
+<ion-footer>
+  <div *ngIf="publicationList.Files.length > 2" class="dots-container">
+    <span *ngFor="let files of publicationList.Files; let k = index" 
+      [class.dotsSwiper]="true" 
+      [class.active-dot]="swiperIndex === k"
+      (click)="goToSlide(k)"
+      >
+    </span>
+  </div>
+</ion-footer>