From 8f9d87bbc90bec00c3497c42b52c0cb4b29ddcc1 Mon Sep 17 00:00:00 2001
From: Arjun Roychowdhury <pliablepixels@gmail.com>
Date: Thu, 5 Nov 2015 10:09:11 -0500
Subject: gapless playback control as well as control for image quality in
 event view

---
 www/templates/devoptions.html   | 19 ++++++++++++++-----
 www/templates/events-modal.html | 11 ++++++++---
 2 files changed, 22 insertions(+), 8 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html
index 0be0758f..dfefa7d2 100644
--- a/www/templates/devoptions.html
+++ b/www/templates/devoptions.html
@@ -18,37 +18,46 @@
             </span>
 
              <div class="item item-input-inset">
-                frame update (seconds)&nbsp;
+                Playback Frame update (seconds)&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="min is 1s" ng-model="loginData.refreshSec">
                 </label>
             </div>
             
             <div class="item item-input-inset">
-                Max Monitors in Montage&nbsp;
+                Max monitors in montage&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="be careful" ng-model="loginData.maxMontage">
                 </label>
             </div>
 
+            <!--
             <div class="item item-input-inset">
-                Max FPS for streaming&nbsp;
+                maxfps for streaming&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="max is 30" ng-model="loginData.maxFPS">
                 </label>
             </div>
+            -->
 
             <div class="item item-input-inset">
-                Montage Streaming Quality(%)&nbsp;
+                Montage event scale(%)&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="max is 70" ng-model="loginData.montageQuality">
                 </label>
             </div>
             
+            <div class="item item-input-inset">
+                 Event image scale(%)&nbsp;
+                <label class="item-input-wrapper">
+                    <input type="tel" placeholder="" ng-model="loginData.singleImageQuality">
+                </label>
+            </div>
+            
             <label>
             <ion-toggle ng-model="loginData.enableDebug"
                         ng-checked="{{loginData.enableDebug}}"
-                        toggle-class="toggle-calm">Enable Debug Logs</ion-toggle>
+                        toggle-class="toggle-calm">Enable debug logs</ion-toggle>
             </label>
             
             <label>
diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index dc0d448b..54340bd3 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -13,7 +13,7 @@
                             <li ng-repeat="slide in slides">
                                 <div ng-if="!animationInProgress">
                                     <img  imageonload="finishedLoadingImage($index)" 
-                                         image-spinner-src="{{playbackURL}}/index.php?view=image&rand={{$root.rand}}&path={{relativePath}}{{slide.img}}&scale=100" 
+                                         image-spinner-src="{{playbackURL}}/index.php?view=image&rand={{$root.rand}}&path={{relativePath}}{{slide.img}}&scale={{loginData.singleImageQuality}}" 
                                          image-spinner-loader="lines" 
                                          ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" />
                                 </div>
@@ -93,12 +93,17 @@
 
 </div>
 
-<div class="events-range-modal-text" >playing event: {{eventId}}</div>
+<div class="events-range-modal-text" >showing event: {{eventId}}</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" 
                     ng-click="handleAlarms();" ng-if="$root.isAlarm" ></a>
-        </span>
+</span>
+
+
+<span class="events-modal-gapless-icon">
+        <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>
+    </span>
 
 <!--
     <nav mfb-menu position="bl" effect="zoomin" label="collapse"
-- 
cgit v1.2.3