file formatting

1 files changed, 205 insertions, 175 deletions

diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html
index 86c19561..e81e536f 100644
--- a/www/templates/devoptions.html
+++ b/www/templates/devoptions.html
@@ -1,48 +1,63 @@
 <ion-view view-title="{{'kDevOptions' | translate}}">
-    <ion-nav-buttons side="left">
-        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
-        &nbsp;<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()">{{'kSave' | translate}}</button>
-    </ion-nav-buttons>
-    <ion-content 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}}
+  <ion-nav-buttons side="left">
+    <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
+    &nbsp;
+    <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()">{{'kSave' | translate}}</button>
+  </ion-nav-buttons>
+  <ion-content 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" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kEnable24hr' | translate}}</span>
+        </ion-toggle>
+      </label>
+      <label>
+        <ion-toggle ng-model="loginData.useLocalTimeZone" ng-disabled="!isTzSupported()" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kLocalTimeZone' | translate}}
+            <span ng-if="!isTzSupported()">
+              <p>{{'kTimeZoneNotSupported' | translate}}</p>
             </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" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnable24hr' | translate}}</span></ion-toggle>
-            </label>
-            <label>
-                <ion-toggle ng-model="loginData.useLocalTimeZone"  ng-disabled="!isTzSupported()" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kLocalTimeZone' | translate}}<span ng-if="!isTzSupported()"><p>{{'kTimeZoneNotSupported' | translate}}</p></span><span ng-if="isTzSupported()"><p>{{'kServerTimeZone' | translate}}:{{getTimeZoneNow()}}</p></span></span>
-                </ion-toggle>
-            </label>
-
-            <label>
-                <ion-toggle ng-model="loginData.showLiveForInProgressEvents"  toggle-class="toggle-calm"><span class="item-text-wrap">{{'kShowLiveForInProgress' | translate}}</span>
-                </ion-toggle>
-            </label>
-
-            <div ng-if="$root.platformOS=='android'">
-                <label>
-                    <ion-toggle ng-model="loginData.exitOnSleep" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kExitAppBackground' | translate}}</span></ion-toggle>
-                </label>
-            </div>
-         
-            <div class="item item-text-wrap item-input-inset">
-                {{'kMaxMonitorsMontage' | translate }}&nbsp;
-                <label class="item-input-wrapper">
-                    <input type="tel" placeholder="{{'kBeCareful' | translate}}" ng-model="loginData.maxMontage">
-                </label>
-            </div>
-            <!--
+            <span ng-if="isTzSupported()">
+              <p>{{'kServerTimeZone' | translate}}:{{getTimeZoneNow()}}</p>
+            </span>
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label>
+        <ion-toggle ng-model="loginData.showLiveForInProgressEvents" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kShowLiveForInProgress' | translate}}</span>
+        </ion-toggle>
+      </label>
+
+      <div ng-if="$root.platformOS=='android'">
+        <label>
+          <ion-toggle ng-model="loginData.exitOnSleep" toggle-class="toggle-calm">
+            <span class="item-text-wrap">{{'kExitAppBackground' | translate}}</span>
+          </ion-toggle>
+        </label>
+      </div>
+
+      <div class="item item-text-wrap item-input-inset">
+        {{'kMaxMonitorsMontage' | translate }}&nbsp;
+        <label class="item-input-wrapper">
+          <input type="tel" placeholder="{{'kBeCareful' | translate}}" ng-model="loginData.maxMontage">
+        </label>
+      </div>
+      <!--
             <div class="item item-input-inset">
                 maxfps for streaming&nbsp;
                 <label class="item-input-wrapper">
@@ -50,25 +65,25 @@
                 </label>
             </div>
             -->
-            <div class="item item-text-wrap 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-text-wrap 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-text-wrap 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">
+      <div class="item item-text-wrap 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-text-wrap 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-text-wrap 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">
                     <input type="tel" placeholder="" ng-model="loginData.resumeDelay">
@@ -76,117 +91,132 @@
                 </label>
 
             </div>-->
-            <div class="item item-text-wrap 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-text-wrap 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-text-wrap 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.hideArchived" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kHideArchived' | translate}}
-                   </span>
-                </ion-toggle>
-            </label>
-
-            <label ng-if="$root.platformOS!='desktop'">
-                <ion-toggle ng-model="loginData.enableStrictSSL" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableStrictSSL' | translate}}
-
-                   </span>
-                </ion-toggle>
-            </label>
-
-            <label>
-                <ion-toggle ng-model="loginData.enableGIFMP4" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableGIFMP4' | translate}}
-                   </span>
-                </ion-toggle>
-            </label>
-
-
-            <label>
-                <ion-toggle ng-model="loginData.enableThumbs" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableThumbs' | translate}}
-                <p>{{'kEnableThumbsSub' | translate}}</p>
-                   </span>
-                </ion-toggle>
-            </label>
-
-            <label>
-                <ion-toggle ng-model="loginData.enableSlowLoading" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableSlowLoading' | translate}}
-                   </span>
-                </ion-toggle>
-            </label>
-
-            <label>
-                <ion-toggle ng-model="loginData.disableAlarmCheckMontage"  toggle-class="toggle-calm"><span class="item-text-wrap">{{'kDisableAlarmMontage' | translate}}
-                    <p>{{'kDisableAlarmMontageSub' | translate}}</p></span>
-                </ion-toggle>
-            </label>
-
-            <label>
-                <ion-toggle ng-model="loginData.insertBasicAuthToken" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kInsertBasicAuthToken' | translate}}
-                    <p>{{'kInsertBasicAuthTokenNote' | translate}}</p></span>
-                </ion-toggle>
-            </label>
-
-            <label ng-if="isMultiPort">
-                    <ion-toggle ng-model="loginData.disableSimulStreaming" 
-                    ng-change="checkMultiPortToggle()" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kDisableSimulStreaming' | translate}}
-                    <p ng-if="$root.platformOS=='ios'">{{'kDisableSimulStreamingNote' | translate}}</p>
-                      </span>
-                    </ion-toggle>
-            </label>
-
-            <label>
-                <ion-toggle ng-model="loginData.enableLogs" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableLogs' | translate}}</span></ion-toggle>
-            </label>
-
-            <label>
-                <ion-toggle ng-if="loginData.enableLogs" ng-model="loginData.enableDebug"  toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableDebug' | translate}}</span></ion-toggle>
-            </label>
-
-            <div class="item item-text-wrap item-input-inset">
-                {{'kCycleMonitorsInterval'|translate}}({{'kSec'|translate}}.)&nbsp;
-                <label class="item-input-wrapper">
-                    <input type="tel" placeholder="" ng-model="loginData.cycleMonitorsInterval">
-                </label>
-            </div>
-
-            <div class="item item-text-wrap item-input-inset">
-                {{'kCycleMontageInterval'|translate}}({{'kSec'|translate}}.)&nbsp;
-                <label class="item-input-wrapper">
-                    <input type="tel" placeholder="" ng-model="loginData.cycleMontageInterval">
-                </label>
-            </div>
-
-
-          
-          
-            <label ng-if="$root.platformOS != 'desktop'">
-                <ion-toggle ng-model="loginData.disableNative" toggle-class="toggle-calm"> <span class="item-text-wrap">{{'kDisableNative' | translate}}
-                    <p>{{'kDisableNativeSub' | translate}}</p></span>
-                </ion-toggle>
-            </label>
-        </div>
-    </ion-content>
+      <div class="item item-text-wrap 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-text-wrap 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-text-wrap 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.hideArchived" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kHideArchived' | translate}}
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label ng-if="$root.platformOS!='desktop'">
+        <ion-toggle ng-model="loginData.enableStrictSSL" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kEnableStrictSSL' | translate}}
+
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label>
+        <ion-toggle ng-model="loginData.enableGIFMP4" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kEnableGIFMP4' | translate}}
+          </span>
+        </ion-toggle>
+      </label>
+
+
+      <label>
+        <ion-toggle ng-model="loginData.enableThumbs" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kEnableThumbs' | translate}}
+            <p>{{'kEnableThumbsSub' | translate}}</p>
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label>
+        <ion-toggle ng-model="loginData.enableSlowLoading" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kEnableSlowLoading' | translate}}
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label>
+        <ion-toggle ng-model="loginData.disableAlarmCheckMontage" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kDisableAlarmMontage' | translate}}
+            <p>{{'kDisableAlarmMontageSub' | translate}}</p>
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label>
+        <ion-toggle ng-model="loginData.insertBasicAuthToken" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kInsertBasicAuthToken' | translate}}
+            <p>{{'kInsertBasicAuthTokenNote' | translate}}</p>
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label ng-if="isMultiPort">
+        <ion-toggle ng-model="loginData.disableSimulStreaming" ng-change="checkMultiPortToggle()" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kDisableSimulStreaming' | translate}}
+            <p ng-if="$root.platformOS=='ios'">{{'kDisableSimulStreamingNote' | translate}}</p>
+          </span>
+        </ion-toggle>
+      </label>
+
+      <label>
+        <ion-toggle ng-model="loginData.enableLogs" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kEnableLogs' | translate}}</span>
+        </ion-toggle>
+      </label>
+
+      <label>
+        <ion-toggle ng-if="loginData.enableLogs" ng-model="loginData.enableDebug" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kEnableDebug' | translate}}</span>
+        </ion-toggle>
+      </label>
+
+      <div class="item item-text-wrap item-input-inset">
+        {{'kCycleMonitorsInterval'|translate}}({{'kSec'|translate}}.)&nbsp;
+        <label class="item-input-wrapper">
+          <input type="tel" placeholder="" ng-model="loginData.cycleMonitorsInterval">
+        </label>
+      </div>
+
+      <div class="item item-text-wrap item-input-inset">
+        {{'kCycleMontageInterval'|translate}}({{'kSec'|translate}}.)&nbsp;
+        <label class="item-input-wrapper">
+          <input type="tel" placeholder="" ng-model="loginData.cycleMontageInterval">
+        </label>
+      </div>
+
+
+
+
+      <label ng-if="$root.platformOS != 'desktop'">
+        <ion-toggle ng-model="loginData.disableNative" toggle-class="toggle-calm">
+          <span class="item-text-wrap">{{'kDisableNative' | translate}}
+            <p>{{'kDisableNativeSub' | translate}}</p>
+          </span>
+        </ion-toggle>
+      </label>
+    </div>
+  </ion-content>
 </ion-view>