From bf5aefcd2069cfe94108e6cac29268769a1a28a9 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Thu, 11 Apr 2019 15:56:22 -0400
Subject: #806 fluid class for image

---
 config.xml                 | 6 +++---
 package.json               | 6 +++---
 www/css/style.css          | 5 +++++
 www/js/NVR.js              | 2 +-
 www/templates/montage.html | 2 +-
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/config.xml b/config.xml
index cdf1172b..0841ba56 100644
--- a/config.xml
+++ b/config.xml
@@ -172,10 +172,10 @@
     <plugin name="cordova-plugin-photo-library" spec="https://github.com/nilebma/cordova-plugin-photo-library.git">
         <variable name="PHOTO_LIBRARY_USAGE_DESCRIPTION" value=" " />
     </plugin>
-    <plugin name="cordova-plugin-ionic-webview" spec="https://github.com/pliablepixels/cordova-plugin-ionic-webview.git">
-        <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
-    </plugin>
     <plugin name="cordova-plugin-media-pp-fork" spec="^1.0.2-dev" />
     <engine name="android" spec="7.1.4" />
     <engine name="ios" spec="5.0.0" />
+    <plugin name="cordova-plugin-ionic-webview" spec="https://github.com/pliablepixels/cordova-plugin-ionic-webview.git">
+        <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
+    </plugin>
 </widget>
diff --git a/package.json b/package.json
index 363b750b..bdbdf189 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "zmninjapro",
   "description": "Home security mobile app for ZoneMinder",
-  "version": "1.3.056",
+  "version": "1.3.057",
   "displayName": "zmNinja",
   "author": "Pliable Pixels",
   "license": "custom see LICENSE.md",
@@ -56,10 +56,10 @@
       "cordova-plugin-photo-library": {
         "PHOTO_LIBRARY_USAGE_DESCRIPTION": "Save monitor photos to albums "
       },
+      "cordova-plugin-media-pp-fork": {},
       "cordova-plugin-ionic-webview": {
         "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
-      },
-      "cordova-plugin-media-pp-fork": {}
+      }
     }
   },
   "dependencies": {
diff --git a/www/css/style.css b/www/css/style.css
index e688f152..d86c089a 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -555,6 +555,11 @@ http://www.cssportal.com/tryit/index.php?file=blog/css-notification-badge */
 }
 
 
+.img-fluid {
+    max-width: 100%;
+    height: auto;
+  }
+  
 .screen-note {
     position: absolute;
     top:0;
diff --git a/www/js/NVR.js b/www/js/NVR.js
index 2f30df48..a2e518ba 100644
--- a/www/js/NVR.js
+++ b/www/js/NVR.js
@@ -20,7 +20,7 @@ angular.module('zmApp.controllers')
         DO NOT TOUCH zmAppVersion
         It is changed by sync_version.sh
       */
-      var zmAppVersion = "1.3.056";
+      var zmAppVersion = "1.3.057";
       var isBackground = false;
       var justResumed = false;
       var timeSinceResumed = -1;
diff --git a/www/templates/montage.html b/www/templates/montage.html
index 1df4e255..1d1e980e 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -163,7 +163,7 @@
               style="background:rgba(10, 61, 98,0.3)">
               <!--sidebar details-->
 
-              <img style="height: 100%; width: 100%; object-fit: contain"
+              <img class="img-fluid" 
                 image-spinner-src="{{constructEventThumbnail(monitor) }}" image-spinner-loader="lines"
                 img-spinner-w="{{monitor.Monitor.Width}}" img-spinner-h="{{monitor.Monitor.Height}}"
                 image-on-error="processImageError(monitor);" ng-click="showEvent(monitor)" />
-- 
cgit v1.2.3