summaryrefslogtreecommitdiff
path: root/www/templates/devoptions.html
diff options
context:
space:
mode:
Diffstat (limited to 'www/templates/devoptions.html')
-rw-r--r--www/templates/devoptions.html380
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>
generated by cgit v1.2.3 (git 2.25.1) at 2025-12-06 14:21:05 +0000