From bb22042ed868212e0058ba01e50c0543aeb46dad Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Mon, 20 Dec 2021 16:58:22 +0100
Subject: [PATCH] add zoom

---
 src/app/modals/view-media/view-media.page.html | 10 +++++++++-
 src/app/modals/view-media/view-media.page.ts   |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/app/modals/view-media/view-media.page.html b/src/app/modals/view-media/view-media.page.html
index 75b8f918e..ddbfc30d6 100644
--- a/src/app/modals/view-media/view-media.page.html
+++ b/src/app/modals/view-media/view-media.page.html
@@ -16,7 +16,15 @@
 <ion-content fullscreen>
   <div class="media d-flex align-items-center justify-center">
     <div class="media-content w-100 d-flex align-items-center justify-center">
-      <img src="{{image}}"/>
+
+      <ion-slides style="width: 100%; height: 100%;" [options]="sliderOpts">
+        <ion-slide>
+          <div class="swiper-zoom-container">
+            <img src="{{image}}">
+          </div>
+        </ion-slide>
+      </ion-slides>
+      
     </div>
   </div>
 </ion-content>
diff --git a/src/app/modals/view-media/view-media.page.ts b/src/app/modals/view-media/view-media.page.ts
index a5754085b..d9b316c3d 100644
--- a/src/app/modals/view-media/view-media.page.ts
+++ b/src/app/modals/view-media/view-media.page.ts
@@ -12,6 +12,11 @@ export class ViewMediaPage implements OnInit {
   name: string
   _updatedAt: string
 
+  sliderOpts = {
+    zoom: true,
+    maxRation: 2
+  };
+
   constructor(
     private modalController: ModalController,
     private navParams:NavParams,