From 79d2427d6d44df8cf20907420eccf87c06b821d9 Mon Sep 17 00:00:00 2001
From: PliablePixels <pliablepixels@gmail.com>
Date: Tue, 14 Jul 2015 16:02:57 -0400
Subject: Feed screens now have a grey background, also have ability to scale
 images to crop or fit

---
 www/templates/monitors-modal.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'www/templates/monitors-modal.html')

diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index 0e1401ab..e1d5c98a 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -1,18 +1,20 @@
 <ion-modal-view cache="false">
-    <ion-content>
+    <ion-content style="background-color:#444444">
         <div ng-controller="ModalCtrl">
 
             <!-- replay can also be gapless imageonload="finishedLoadingImage()"-->
 
             <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
+                <!-- android needs this 100vh - otherwise max- does not work -->
+                <div style="height: 100vh;">
 
-                <img imageonload="finishedLoadingImage()" ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=jpeg&amp;monitor={{monitorId}}&maxfps={{LoginData.maxFPS}}&buffer=1000&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{rand}}" width="100%" />
-
+                    <img imageonload="finishedLoadingImage()"
+                         ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=jpeg&amp;monitor={{monitorId}}&maxfps={{LoginData.maxFPS}}&buffer=1000&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{rand}}" ng-class="{'zm-image-fit':imageStyle==true, 'zm-image-crop':imageStyle==false}" />
+                </div>
 
             </ion-scroll>
     </ion-content>
 
-
     <div ng-show="isControllable=='1' && showPTZ">
         <div class="ptzcentered">
             <circular options="radialMenuOptions">
@@ -24,7 +26,8 @@
 </ion-modal-view>
 
 <nav mfb-menu position="br" effect="zoomin" label="collapse" active-icon="ion-chevron-down" resting-icon="ion-chevron-up" toggling-method="click">
-    <button mfb-button icon="ion-refresh" label="refresh" ng-click="reloadView()"></button>
+    <button mfb-button icon="ion-arrow-resize" label="fit image" ng-click="scaleImage();"></button>
+    <button mfb-button icon="ion-refresh" label="refresh" ng-click="reloadView();"></button>
     <button mfb-button icon="ion-arrow-expand" label="pan/tilt/zoom" ng-click="togglePTZ();"></button>
-    <button mfb-button icon="ion-close" label="exit live view" ng-click="closeModal()"></button>
+    <button mfb-button icon="ion-close" label="exit live view" ng-click="closeModal();"></button>
 </nav>
-- 
cgit v1.2.3