previewImages

src/app/modals/preview-camera/preview-camera.page.html

@@ -0,0 +1,51 @@
+<ion-card >
+
+<ion-card-content >
+  <ion-card-header >
+    <ion-toolbar>
+      <ion-title>{{username}}   <span>{{_updatedAt}}</span> </ion-title>
+    </ion-toolbar>
+  </ion-card-header>
+  
+    <img src="{{image}}" />
+ 
+
+  <!-- <ion-slides #slider [options]="slideOpts">
+    <ion-slide >
+      <div class="swiper-zoom-container">
+        
+      </div>
+    </ion-slide>
+  </ion-slides> -->
+</ion-card-content>
+
+<ion-footer>
+  <ion-row>
+    <ion-col size="3" class="ion-text-center">
+      <ion-button (click)="zoom(false)" fill="clear" color="light">
+        <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
+        <ion-icon class="redla" name="chatbox-outline"></ion-icon>
+      </ion-button>
+    </ion-col>
+    <ion-col size="3" class="ion-text-center">
+      <ion-button (click)="zoom(false)" fill="clear" color="light">
+        <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
+        <ion-icon class="redla" name="call-outline"></ion-icon>
+      </ion-button>
+    </ion-col>
+    <ion-col size="3" class="ion-text-center">
+      <ion-button (click)="close()" fill="clear" color="light">
+       
+        <ion-icon class="redla" name="close-circle-outline"></ion-icon>
+      
+      </ion-button>
+    </ion-col>
+    <ion-col size="3" class="ion-text-center">
+      <ion-button (click)="zoom(true)" fill="clear" color="light">
+        <ion-icon class="redla" name="alert-circle-outline"></ion-icon>
+      
+      </ion-button>
+    </ion-col>
+  </ion-row>
+</ion-footer>
+</ion-card>