From a210d0f94da9ed9cbdc83ad96dca301e0b6b424a Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Sat, 29 Oct 2016 17:04:07 -0700
Subject: beautify

---
 www/templates/devoptions.html              | 58 ++++------------------
 www/templates/events-date-time-filter.html | 37 +++++---------
 www/templates/events-modal.html            | 77 ++++--------------------------
 3 files changed, 31 insertions(+), 141 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html
index ceca335c..cf207327 100644
--- a/www/templates/devoptions.html
+++ b/www/templates/devoptions.html
@@ -1,45 +1,33 @@
 <ion-view view-title="{{'kDevOptions' | translate}}">
     <ion-nav-buttons side="left">
         <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
-
         <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge" ng-click="handleAlarms();" ng-if="$root.isAlarm"></button>
-
     </ion-nav-buttons>
-
     <ion-nav-buttons side="right">
         <button class="button button-clear" ng-click="saveDevOptions()">Save</button>
     </ion-nav-buttons>
-
-
-    <ion-content scroll-sista delegate-handle="none"  overflow-scroll="false"  mouse-wheel-scroll >
+    <ion-content scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll>
         <div class="list list-inset">
             <span style="color:rgb(100,100,100)">
                 <i class="ion-android-settings" style="font-size:150%"></i> {{'kDeveloperOptionsFor'|translate}} {{loginData.serverName}}
             </span>
-
             <div class="item item-input-inset">
                 {{'kFrameUpdate'|translate}} ({{'kSec'|translate}}.)&nbsp;
-        
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="min is 1s" ng-model="loginData.refreshSec">
                 </label>
             </div>
-
-
             <label>
                 <ion-toggle ng-model="loginData.use24hr" ng-checked="{{loginData.use24hr}}" toggle-class="toggle-calm">{{'kEnable24hr' | translate}}</ion-toggle>
             </label>
-            
             <label>
                 <ion-toggle ng-model="loginData.useLocalTimeZone" ng-checked="{{loginData.useLocalTimeZone}}" ng-disabled="!isTzSupported()" toggle-class="toggle-calm">{{'kLocalTimeZone' | translate}}<span ng-if="!isTzSupported()"><p>{{'kTimeZoneNotSupported' | translate}}</p></span><span ng-if="isTzSupported()"><p>{{'kServerTimeZone' | translate}}:{{getTimeZoneNow()}}</p></span></ion-toggle>
             </label>
-
             <div ng-if="$root.platformOS=='android'">
                 <label>
                     <ion-toggle ng-model="loginData.exitOnSleep" ng-checked="{{loginData.exitOnSleep}}" toggle-class="toggle-calm">{{'kExitAppBackground' | translate}}</ion-toggle>
                 </label>
             </div>
-
             <!--
             <label>
                 <ion-toggle ng-model="loginData.useNphZms"
@@ -53,14 +41,12 @@
                             toggle-class="toggle-calm">use ZMS for events footage</ion-toggle>
             </label>
             -->
-
             <div class="item item-input-inset">
                 {{'kMaxMonitorsMontage' | translate }}&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="be careful" ng-model="loginData.maxMontage">
                 </label>
             </div>
-
             <!--
             <div class="item item-input-inset">
                 maxfps for streaming&nbsp;
@@ -69,28 +55,24 @@
                 </label>
             </div>
             -->
-
             <div class="item item-input-inset">
                 {{'kMontageImageScale' | translate}}(%)&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">
                 {{'kEventSingleImageScale' | translate}}(%)&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="" ng-model="loginData.singleImageQuality">
                 </label>
             </div>
-            
             <div class="item item-input-inset">
                 {{'kMonitorSingleImageScale' | translate}}(%)&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="" ng-model="loginData.monSingleImageQuality">
                 </label>
             </div>
-
             <!--<div class="item item-input-inset">
                 {{'kResumeDelay' | translate}}(ms)&nbsp;
                 <label class="item-input-wrapper">
@@ -99,91 +81,69 @@
                 </label>
 
             </div>-->
-
             <div class="item item-input-inset">
                 {{'kEventMontageImageScale'|translate}}(%)&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="" ng-model="loginData.montageHistoryQuality">
                 </label>
             </div>
-
             <div class="item item-input-inset">
                 {{'kMaxItemsForTimeline' | translate}}&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="" ng-model="loginData.graphSize">
                     <br/>
-
                 </label>
                 <br/>
             </div>
-
             <div class="item item-input-inset">
                 {{'kMinAlarmCount' | translate}}&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="" ng-model="loginData.minAlarmCount">
                     <br/>
-
                 </label>
                 <br/>
             </div>
-
             <div class="item" style="background-color:#C8F7C5" ng-if="loginData.graphSize > 5000">
                 <label class="animated fadeInDown item-text-wrap">
-
                     {{'kWarningLargeTimeline' | translate}}
-
                 </label>
             </div>
-
             <label>
-                <ion-toggle ng-model="loginData.disableAlarmCheckMontage" ng-checked="loginData.disableAlarmCheckMontage" toggle-class="toggle-calm">{{'kDisableAlarmMontage' | translate}}<p>{{'kDisableAlarmMontageSub' | translate}}</p></ion-toggle>
+                <ion-toggle ng-model="loginData.disableAlarmCheckMontage" ng-checked="loginData.disableAlarmCheckMontage" toggle-class="toggle-calm">{{'kDisableAlarmMontage' | translate}}
+                    <p>{{'kDisableAlarmMontageSub' | translate}}</p>
+                </ion-toggle>
             </label>
-            
             <label>
                 <ion-toggle ng-model="loginData.enableLogs" ng-checked="{{loginData.enableLogs}}" toggle-class="toggle-calm">{{'kEnableLogs' | translate}}</ion-toggle>
             </label>
-            
-            
-            
-            <div class="item item-input-inset" >
+            <div class="item item-input-inset">
                 {{'kCycleMonitorsInterval'|translate}}({{'kSec'|translate}}.)&nbsp;
                 <label class="item-input-wrapper">
                     <input type="tel" placeholder="" ng-model="loginData.cycleMonitorsInterval">
                 </label>
             </div>
-
             <label>
-
                 <ion-toggle ng-if="loginData.enableLogs" ng-model="loginData.enableDebug" ng-checked="{{loginData.enableDebug}}" toggle-class="toggle-calm">{{'kEnableDebug' | translate}}</ion-toggle>
             </label>
-
             <label>
                 <ion-toggle ng-model="loginData.canSwipeMonitors" ng-checked="{{loginData.canSwipeMonitors}}" toggle-class="toggle-calm">{{'kSwipeToChangeMon' | translate}}</ion-toggle>
             </label>
-
             <label>
                 <ion-toggle ng-model="loginData.forceImageModePath" ng-checked="{{loginData.forceImageModePath}}" toggle-class="toggle-calm"> {{'kForceImagePath' | translate}}</ion-toggle>
             </label>
-
-          
-
             <!--
             <label>
                 <ion-toggle ng-model="loginData.reachability" ng-checked="{{loginData.reachability}}" toggle-class="toggle-calm"> {{'kReachability' | translate}}</ion-toggle>
             </label>
             -->
-
             <label>
                 <ion-toggle ng-model="loginData.enableBlog" ng-checked="{{loginData.enableBlog}}" toggle-class="toggle-calm"> {{'kEnableNewsUpdates' | translate}}</ion-toggle>
             </label>
-            
-            
-            <label ng-if = "$root.platformOS != 'desktop'">
-                <ion-toggle ng-model="loginData.disableNative" ng-checked="{{loginData.disableNative}}" toggle-class="toggle-calm"> {{'kDisableNative' | translate}}<p>{{'kDisableNativeSub' | translate}}</p></ion-toggle>
-                
+            <label ng-if="$root.platformOS != 'desktop'">
+                <ion-toggle ng-model="loginData.disableNative" ng-checked="{{loginData.disableNative}}" toggle-class="toggle-calm"> {{'kDisableNative' | translate}}
+                    <p>{{'kDisableNativeSub' | translate}}</p>
+                </ion-toggle>
             </label>
-
-
         </div>
     </ion-content>
 </ion-view>
diff --git a/www/templates/events-date-time-filter.html b/www/templates/events-date-time-filter.html
index af97ad60..33370ba8 100644
--- a/www/templates/events-date-time-filter.html
+++ b/www/templates/events-date-time-filter.html
@@ -1,38 +1,27 @@
 <ion-view view-title="{{'kFilterEvents' | translate}}">
-
-
-
-    <ion-content scroll-sista delegate-handle="none"  overflow-scroll="false"  mouse-wheel-scroll >
+    <ion-content scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll>
         <label class="item item-input">
             <span class="input-label">{{'kFromDate'|translate}}:</span>
             <input type="date" ng-model="$root.fromDate" max={{today}}>
         </label>
         <label class="item item-input">
-                   <span class="input-label">{{'kFromTime'|translate}}</span>
-                    <input type="time" ng-model="$root.fromTime">
+            <span class="input-label">{{'kFromTime'|translate}}</span>
+            <input type="time" ng-model="$root.fromTime">
         </label>
         <label class="item item-input">
-                    <span class="input-label">{{'kToDate'|translate}}</span>
-                    <input type="date" ng-model="$root.toDate" max={{today}}>
+            <span class="input-label">{{'kToDate'|translate}}</span>
+            <input type="date" ng-model="$root.toDate" max={{today}}>
         </label>
         <label class="item item-input">
-                    <span class="input-label">{{'kToTime'|translate}}</span>
-                    <input type="time" ng-model="$root.toTime">
-         </label>
-
+            <span class="input-label">{{'kToTime'|translate}}</span>
+            <input type="time" ng-model="$root.toTime">
+        </label>
         <br/>
         <center>
-              <button class="button"
-                                ng-click="saveFilters();" > {{'kSave'|translate}}
-                        </button>
-        <button class="button"
-                                ng-click="removeFilters();" > {{'kReset'|translate}}
-                        </button>
-
-
-
-</center>
-
+            <button class="button" ng-click="saveFilters();"> {{'kSave'|translate}}
+            </button>
+            <button class="button" ng-click="removeFilters();"> {{'kReset'|translate}}
+            </button>
+        </center>
     </ion-content>
-
 </ion-view>
diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index b71cf751..6574ea9e 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -1,51 +1,30 @@
 <div ng-controller="EventModalCtrl">
     <!-- style="width: 90%; height: 90%; top: 5%; left: 5%; right: 5%; bottom: 5%;"-->
     <ion-modal-view cache-view="false">
-        <ion-content style="background-color:#444444"   ng-cloak>
-
+        <ion-content style="background-color:#444444" ng-cloak>
             <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; " delegate-handle="imgscroll" on-swipe-left="onSwipeEvent(nextId,1)" on-swipe-right="onSwipeEvent(prevId,-1)" overflow-scroll="false">
                 <div id="full-screen-event" style="height: 100vh;">
-
-
-
-
                     <!-- route via ZMS -->
-
                     <div ng-if="( (defaultVideo=='') || (loginData.enableh264==false)) && (loginData.useNphZmsForEvents==true)">
-
                         <!--<div style="color:white">connkey:{{connKey}}</div>-->
                         <div style="width:100vw; height:100vh;">
                             <img image-spinner-src="{{loginData.streamingurl}}/nph-zms?source=event&mode=jpeg&event={{eventId}}&frame=1&replay={{currentStreamMode}}&rate=100&connkey={{connKey}}&scale={{singleImageQuality}}{{$root.authSession}}" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" on-double-tap="closeModal();" />
-
                             <div ng-if="isPaused" style="position:absolute; top:50%; left:50%;white-space:nowrap;overflow:hidden;z-index:999" class="header-paused">
                                 &nbsp;<i class="ion-pause"></i> {{'kPaused' | translate}}&nbsp;
                             </div>
-
                         </div>
-
-
                     </div>
-
                     <!-- no default video -->
-
                     <div ng-if="defaultVideo!==undefined && defaultVideo!='' && loginData.enableh264 == true">
-                        <div ng-if="videoIsReady"  class="videogular-full-container" >
-                            
-                        <!--<video width="320" height="240" controls>
+                        <div ng-if="videoIsReady" class="videogular-full-container">
+                            <!--<video width="320" height="240" controls>
                                 <source src="" dynamic-url dynamic-url-src="{{video_url}}">
                                 
                         </video>-->
-                            
-                            
-                           
-                           <videogular vg-theme="videoObject.config.theme" vg-complete="playbackFinished()" on-double-tap="closeModal();" vg-autoplay="true" vg-responsive="true">
-                                
+                            <videogular vg-theme="videoObject.config.theme" vg-complete="playbackFinished()" on-double-tap="closeModal();" vg-autoplay="true" vg-responsive="true">
                                 <vg-media vg-src="videoObject.config.sources" vg-native-controls="false">
                                 </vg-media>
-                                
                                 <vg-overlay-play></vg-overlay-play>
-                               
-                                
                                 <vg-controls>
                                     <vg-play-pause-button></vg-play-pause-button>
                                     <vg-scrub-bar>
@@ -57,24 +36,15 @@
                                         <vg-mute-button></vg-mute-button>
                                     </vg-volume>
                                 </vg-controls>
-                            
-                                
                             </videogular>
-                              
                         </div>
-                       <div id="event_canvas_video">
+                        <div id="event_canvas_video">
                             <canvas id="eventchart" width="100%" height="20px"></canvas>
                         </div>
-
                     </div>
-
-
-
-
                 </div>
                 <!-- 100vh -->
-         </ion-scroll>
-
+            </ion-scroll>
             <div ng-if="( (defaultVideo=='') || (loginData.enableh264==false)) && (loginData.useNphZmsForEvents==true)">
                 <div id="event_canvas">
                     <canvas style="padding-left:23px;
@@ -89,64 +59,35 @@
                     @{{currentRate}}x {{'kAt' | translate}}:{{currentProgress.progress}}s
                 </div>
             </div>
-
         </ion-content>
-
-
-
     </ion-modal-view>
-
-
     <nav mfb-menu position="tr" effect="zoomin" label="{{'kCollapse'|translate}}" active-icon="ion-chevron-up" resting-icon="ion-chevron-down" toggling-method="click">
-
         <a mfb-button icon="ion-arrow-right-c" label="{{'kNextEvent'|translate}}" ng-click="jumpToEvent(nextId,1);"></a>
         <a mfb-button icon="ion-arrow-left-c" label="{{'kPrevEvent'|translate}}" ng-click="jumpToEvent(prevId,-1);"></a>
         <a mfb-button icon="ion-arrow-resize" label="{{imageFit?'fill screen':'fit screen'}}" ng-click="scaleImage();"></a>
-
         <a mfb-button icon="ion-close" label="{{'kExitEventView' | translate}}" ng-click="closeModal()"> </a>
-
     </nav>
-
     <nav ng-if="loginData.useNphZmsForEvents" mfb-menu position="br" effect="zoomin" label="collapse" active-icon="ion-chevron-down" resting-icon="ion-chevron-up" toggling-method="click">
-
-
         <a mfb-button icon="ion-skip-backward" label="{{'kFastRewind'|translate}}" ng-click="adjustSpeed('fr');"></a>
         <a mfb-button icon="ion-skip-forward" label="{{'kFastForward'|translate}}" ng-click="adjustSpeed('ff');"></a>
         <a mfb-button icon="ion-play" label="{{'kNormalPlay'|translate}}" ng-click="adjustSpeed('np');"></a>
-        
-        
-        
-
         <a mfb-button icon="ion-pause" label="{{'kPause'|translate}}" ng-click="adjustSpeed('p');"> </a>
-
     </nav>
-
-
-
-   <div class="events-range-modal-text">{{mName}}&nbsp;<i class="ion-arrow-right-b"></i>&nbsp;{{humanizeTime}} ({{d_eventId}}) </div>
-
-   <div id="flyoutmenu" style="position:absolute;bottom:100px;left:10px">
+    <div class="events-range-modal-text">{{mName}}&nbsp;<i class="ion-arrow-right-b"></i>&nbsp;{{humanizeTime}} ({{d_eventId}}) </div>
+    <div id="flyoutmenu" style="position:absolute;bottom:100px;left:10px">
         <ul>
             <li ng-if="defaultVideo==''">
                 <a href="" ng-click="toggleGapless()"> <i class="ion-ios-loop-strong"></i>-{{loginData.gapless? ('kOn' | translate): ('kOff' | translate)}}</a>
             </li>
-
             <li ng-if="defaultVideo==''">
                 <a href="" ng-click="saveEventImageToPhoneWithPerms(false)"> <i class="ion-ios-camera"></i></a>
             </li>
-
             <li ng-if="defaultVideo==''">
                 <a href="" ng-click="saveEventImageToPhoneWithPerms(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>
-
-</div>
\ No newline at end of file
+</div>
-- 
cgit v1.2.3