added custom dynamic bullet to swiper-container on publications

src/app/pages/publications/view-publications/view-publications.page.html

@@ -45,7 +45,7 @@
         <ion-card-content>
 
 
-              <swiper-container [modules]="swiperModules" [pagination]="{clickable: true, dynamicBullets: true }">
+              <swiper-container #swiper [modules]="swiperModules" [preloadImages]="false" [slidechange]="onSlideChange()">
               <swiper-slide *ngFor="let files of publication.Files let k = index">
                 <div >
                   <img  *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" class="post-img"
@@ -65,6 +65,14 @@
 
             </div> -->
 
+            <div class="dots-container">
+              <span *ngFor="let files of publication.Files; let k = index" 
+                [class.dotsSwiper]="true" 
+                [class.active-dot]="swiperIndex === k"
+                (click)="goToSlide(k)">
+              </span>
+            </div>
+
           <div (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)" class="post-content" >
             <div class="post-title-time">
               <div class="post-title font-15-em">