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/events-modal.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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

diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index a37e12d2..9f3f257f 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -1,12 +1,14 @@
 <ion-modal-view cache="false">
-    <ion-content>
+    <ion-content style="background-color:#444444">
         <!-- so I can access my common modal controller
             which is shared between events and monitors for modal views -->
         <div ng-controller="ModalCtrl">
             <ion-scroll has-bouncing=false min-zoom=1 zooming="true"
                         direction="xy" style="width: 100%; ">
+                   <div style="height: 100vh;">
                 <img imageonload="finishedLoadingImage()"
-                     ng-src="{{loginData.streamingurl}}/cgi-bin/zms?source=event&mode=jpeg&event={{eventId}}&frame=1&maxfps={{loginData.maxFPS}}&replay=single&user={{loginData.username}}&pass={{loginData.password}}&connkey={{connKey}}&rand={{rand}}" width="100%" />
+                     ng-src="{{loginData.streamingurl}}/cgi-bin/zms?source=event&mode=jpeg&event={{eventId}}&frame=1&maxfps={{loginData.maxFPS}}&replay=single&user={{loginData.username}}&pass={{loginData.password}}&connkey={{connKey}}&rand={{rand}}" ng-class="{'zm-image-fit':imageStyle==true, 'zm-image-crop':imageStyle==false}" />
+                </div>
             </ion-scroll>
         </div>
 
-- 
cgit v1.2.3