fix html error

src/app/pages/publications/view-publications/publication-detail/publication-detail.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
@@ -14,6 +14,7 @@ import { PublicationDetailPage } from './publication-detail.page';
     IonicModule,
     PublicationDetailPageRoutingModule,
   ],
-  declarations: [PublicationDetailPage]
+  declarations: [PublicationDetailPage],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PublicationDetailPageModule {}

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

@@ -23,9 +23,9 @@
       </div>
 
       <div class="post-item overflow-y-auto">
-        <swiper-container [modules]="swiperModules" [pagination]="{clickable: true, dynamicBullets: true }">
+        <swiper-container [pagination]="{clickable: true, dynamicBullets: true }">
           <swiper-slide *ngFor="let files of publication.Files let k = index">
-            <div (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)">
+            <div>
               <img *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" class="post-img"
                 src="{{'data:image/jpg;base64,' + files.FileBase64}}">
 

src/app/pages/publications/view-publications/publication-detail/publication-detail.page.ts

@@ -29,6 +29,11 @@ export class PublicationDetailPage implements OnInit {
   isModal = false
   videoControls = false;
 
+  pagination = {
+    clickable: true,
+    dynamicBullets: true
+  }
+
   constructor(
     private modalController: ModalController,
     private publications:PublicationsService,

src/app/pages/publications/view-publications/view-publications.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
@@ -33,6 +33,7 @@ setup(attributes: Attributes) {
   ],
   exports: [ViewPublicationsPage],
   declarations: [ViewPublicationsPage, VisibilityDirective],
-  providers: [{provide: LAZYLOAD_IMAGE_HOOKS, useClass: LazyLoadImageHooks}]
+  providers: [{provide: LAZYLOAD_IMAGE_HOOKS, useClass: LazyLoadImageHooks}],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ViewPublicationsPageModule {}

src/app/shared/publication/new-publication/new-publication.page.html

@@ -48,8 +48,7 @@
           <ion-thumbnail *ngFor="let seleted of seletedContent.slice(0, displayLimit), let i = index" lot="start">
 
             <ion-img *ngIf="checkFileType.checkFileType(seleted.FileExtension) == 'image'"
-              name="image" ngDefaultControl [src]="seleted.FileBase64"
-              (click)="imageSize(seleted.FileBase64)"></ion-img>
+              name="image" ngDefaultControl [src]="seleted.FileBase64"></ion-img>
 
             <video *ngIf="checkFileType.checkFileType(seleted.FileExtension)  == 'video'" width="70" height="70"
               controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline">

src/app/shared/publication/view-publications/publication-detail/publication-detail.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
@@ -16,6 +16,7 @@ import { PublicationDetailPage } from './publication-detail.page';
     PublicationDetailPageRoutingModule
   ],
   exports: [PublicationDetailPage],
-  declarations: [PublicationDetailPage]
+  declarations: [PublicationDetailPage],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PublicationDetailPageModule {}

src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html

@@ -32,7 +32,7 @@
       </ion-refresher-content>
     </ion-refresher>
     <div class="post-item px-20">
-      <swiper-container [modules]="swiperModules" navigation="true" [pagination]="{clickable: true, dynamicBullets: true }">
+      <swiper-container  navigation="true" [pagination]="{clickable: true, dynamicBullets: true }">
         <swiper-slide *ngFor="let files of publication.Files let k = index">
           <div (click)="openPreview(publication)">
             <img *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" alt="image" tappable