From c7c3aa501954ba2731b55feee67564a4a8474160 Mon Sep 17 00:00:00 2001
From: pliablepixels <pliablepixels@gmail.com>
Date: Tue, 10 May 2016 15:37:56 -0400
Subject: #245 - api integrated

Former-commit-id: e721d873a89be48a42840b82db3e22fa363415d3
---
 www/templates/events-modal.html   | 32 +++++++++++++++++++++++++++-----
 www/templates/monitors-modal.html | 37 ++++++++++++++++++++++++++++++++++++-
 2 files changed, 63 insertions(+), 6 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index c768b4e2..5aeb1811 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -143,12 +143,34 @@
 
 
 <div class="events-range-modal-text" >showing event: {{d_eventId}}</div>
+        
+        
+<div id="flyoutmenu" style="position:absolute;bottom:80px;left:10px">
+    <ul>
+        <li ng-if="defaultVideo==''">
+            <a href="" ng-click="toggleGapless()"> <i class="ion-ios-loop-strong"></i>-{{loginData.gapless?"on":"off"}}</a>
+        </li>
+        
+        <li ng-if="defaultVideo==''">
+            <a href="" ng-click="saveEventImageToPhone(false)"> <i class="ion-ios-camera"></i></a>
+        </li>
+        
+        <li ng-if="defaultVideo==''">
+            <a href="" ng-click="saveEventImageToPhone(true)"> <i class="ion-android-notifications"></i></a>
+        </li>
+        
+        <li ng-if="$root.isAlarm">
+            <a data-badge="{{$root.alarmCount}}" class="notification-badge animated infinite tada" href="" ng-click="handleAlarms()"><i class="ion-ios-bell"></i></a>
+        </li>
+        
+        
+        
+    </ul>
+    
+</div>
 
-<span class="event-modal-alarm-badge">
-            <a data-badge="{{$root.alarmCount}}" class="animated infinite tada button icon  ion-ios-bell notification-badge button-assertive button-small" 
-                    ng-click="handleAlarms();" ng-if="$root.isAlarm" ></a>
-</span>
 
+<!--
 
 <span class="events-modal-gapless-icon" ng-if="defaultVideo==''">
         <a ng-class="loginData.gapless? 'button button-small button-stable' : 'button button-small button-assertive' " href="" ng-click="toggleGapless()">gapless: {{loginData.gapless?"on":"off"}}</a>
@@ -162,7 +184,7 @@
         <a class="button button-small icon ion-android-notifications button-positive" href="" ng-click="saveEventImageToPhone(true)"></a>
 </span>
 
-
+-->
         <div class="events-range-modal" ng-if="(defaultVideo=='' )&& (loginData.useNphZmsForEvents)" style="color:white">
    <!-- Progress: Event: {{eventId}} - {{progressText}}-->
     <div class="row">
diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index 0a2ae8ee..8e29449b 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -88,7 +88,42 @@
         </button>
 
     </nav>
+    
+    
+
+    
+  <div id="flyoutmenu" style="position:absolute;bottom:20px;left:10px">
+    <ul>
+
+        <li>
+            <a href="" ng-click="saveImageToPhone(monitorId)"> <i class="icon  ion-ios-camera"></i></a>
+        </li>
+
+        <li ng-if="$root.platformOS == 'desktop'">
+            <a href="" ng-click="zoomImage(1)"><i class="ion-plus-round"></i></a>
+        </li>
+        <li ng-if="$root.platformOS == 'desktop'">
+            <a href="" ng-click="zoomImage(-1)"><i class="ion-minus-round"></i></a>
+        </li>
+
+        <li>
+            <a href="" ng-click="enableAlarm(monitorId,true)"> <i class="icon  ion-flash"></i></a>
+        </li>
+        <li>
+            <a href="" ng-click="enableAlarm(monitorId,false)"> <i class="icon  ion-flash-off"></i></a>
+        </li>
 
+
+
+
+        <li ng-if="$root.isAlarm">
+            <a data-badge="{{$root.alarmCount}}" class="notification-badge animated infinite tada" href="" ng-click="handleAlarms()"><i class="ion-ios-bell"></i></a>
+        </li>
+
+
+    </ul>
+</div>
+<!--
     <span class="camera-icon">
         <a class="button icon ion-ios-camera button-positive" href="" ng-click="saveImageToPhone(monitorId)"></a>
     </span>
@@ -103,7 +138,7 @@
             <a data-badge="{{$root.alarmCount}}" class="animated infinite tada button icon ion-ios-bell notification-badge button-assertive" 
                     ng-click="handleAlarms();" ng-if="$root.isAlarm"></a>
         </span>
-
+-->
     <div class="monitor-modal-text">{{monitorName}}</div>
 
 </div>
\ No newline at end of file
-- 
cgit v1.2.3