From 29b1c060760d77cc2b49829f615e1442698f2980 Mon Sep 17 00:00:00 2001
From: PliablePixels <pliablepixels@gmail.com>
Date: Sat, 6 Jun 2015 18:14:07 -0400
Subject: added a full screen option for montage view too - no status bars and
 sliders

---
 www/templates/montage.html | 51 ++++++++++++++++++++++++++++++++--------------
 1 file changed, 36 insertions(+), 15 deletions(-)

(limited to 'www/templates/montage.html')

diff --git a/www/templates/montage.html b/www/templates/montage.html
index 63f9b144..328b36c7 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -1,9 +1,9 @@
-<ion-view title="Montage View" class="bar-stable" cache-view="false">
+<ion-view title="Montage View" class="bar-stable" cache-view="false" hide-nav-bar="{{minimal}}">
     <ion-nav-buttons side="left">
         <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
     </ion-nav-buttons>
 
-      <ion-nav-buttons side="right">
+    <ion-nav-buttons side="right">
         <button class="button button-icon button-clear ion-android-contract" ng-click="switchMinimal()"></button>
     </ion-nav-buttons>
 
@@ -11,6 +11,8 @@
 
         <ion-refresher pulling-text="Pull to reload Monitors..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
         <!-- Hi:ROOT: {{montageSize}} LOCAL {{slider.monsize}} -->
+
+        <span ng-if="!minimal">
         <div class=" range range-positive">
             <i class="icon ion-arrow-shrink"></i>
 
@@ -18,33 +20,35 @@
             <i class="icon ion-arrow-expand"></i>
 
         </div>
+        </span>
         <!-- Hi:{{slider.monsize}} {{devWidth}} -->
+
         <div class="wrapper">
 
+
             <span ng-repeat="monitor in monitors| limitTo: monLimit">
-           
-      <span ng-if="!minimal">
-           <header class="header">&nbsp;<i class="ion-monitor"></i> {{monitor.Monitor.Name}}&nbsp;</header>
+              <span ng-if="!minimal">
+                   <header class="header">&nbsp;<i class="ion-monitor"></i> {{monitor.Monitor.Name}}&nbsp;</header>
                 </span>
-               <article class="main">
+            <article class="main">
                 <!-- does not route via APIs. As of today, there is no way to do this via apis.
                  FIXME: I should probably not pass username and password here - instead go the http interceptor
                  and auth token mode -->
                 <div ng-if="!isSimulated()">
 
                     <!-- FIXME: Scale is hard coded to 50 for montage to save resources. Better way? -->
-                    <img  ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=single&monitor={{monitor.Monitor.Id}}&maxfps={{LoginData.maxFPS}}&scale=50&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{randomval}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;" ng-click="openModal(monitor.Monitor.Id, monitor.Monitor.Controllable)"  />
+                    <img ng-src="{{LoginData.streamingurl}}/cgi-bin/zms?mode=single&monitor={{monitor.Monitor.Id}}&maxfps={{LoginData.maxFPS}}&scale=50&user={{LoginData.username}}&pass={{LoginData.password}}&rand={{randomval}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;" ng-click="openModal(monitor.Monitor.Id, monitor.Monitor.Controllable)" />
 
-                   </div>
+                </div>
 
-                   <div ng-if="isSimulated()">
+                <div ng-if="isSimulated()">
 
-                       <img  ng-src="img/demo.gif?rand={{rand}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;" ng-click="openModal(monitor.Monitor.Id)">
+                    <img ng-src="img/demo.gif?rand={{rand}}" width="{{((devWidth-30)/(7-slider.monsize))}}px;" ng-click="openModal(monitor.Monitor.Id)">
 
-                   </div>
-                </article>
+                </div>
+            </article>
 
-    <span ng-if="!minimal">
+            <span ng-if="!minimal">
                <span style="font-size:10px;">
                <footer class="footer">
                   
@@ -55,11 +59,28 @@
                        
                        :{{monitor.Monitor.Function}}
                     </span>
-            </span>
             </footer>
-                </span>
             </span>
+
+            </span>
+            </span>
+            <!-- ng repeat-->
+
+            <div ng-show="minimal">
+                <br/>
+                <button class="button button-outline button-positive" ng-click="switchMinimal()">
+  exit full screen view
+</button>
+
+
+
+            </div>
+
         </div>
+        <!--wrapper-->
+
+
+
     </ion-content>
 
 </ion-view>
-- 
cgit v1.2.3