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.html184
1 files changed, 184 insertions, 0 deletions
diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html
new file mode 100644
index 00000000..db1f8887
--- /dev/null
+++ b/www/templates/devoptions.html
@@ -0,0 +1,184 @@
+<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()">{{'kSave' | translate}}</button>
+ </ion-nav-buttons>
+ <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"><span class="item-text-wrap">{{'kEnable24hr' | translate}}</span></ion-toggle>
+ </label>
+ <label>
+ <ion-toggle ng-model="loginData.useLocalTimeZone" ng-checked="{{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>
+ <div ng-if="$root.platformOS=='android'">
+ <label>
+ <ion-toggle ng-model="loginData.exitOnSleep" ng-checked="{{loginData.exitOnSleep}}" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kExitAppBackground' | translate}}</span></ion-toggle>
+ </label>
+ </div>
+ <!--
+ <label>
+ <ion-toggle ng-model="loginData.useNphZms"
+ ng-checked="{{loginData.useNphZms}}"
+ toggle-class="toggle-calm">use ZMS for single live view</ion-toggle>
+ </label>
+
+ <label>
+ <ion-toggle ng-model="loginData.useNphZmsForEvents"
+ ng-checked="{{loginData.useNphZmsForEvents}}"
+ toggle-class="toggle-calm">use ZMS for events footage</ion-toggle>
+ </label>
+ -->
+ <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">
+ <input type="tel" placeholder="max is 30" ng-model="loginData.maxFPS">
+ </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">
+ {{'kResumeDelay' | translate}}(ms)&nbsp;
+ <label class="item-input-wrapper">
+ <input type="tel" placeholder="" ng-model="loginData.resumeDelay">
+
+ </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" ng-checked="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" ng-checked="loginData.enableStrictSSL" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableStrictSSL' | translate}}
+ </span>
+ </ion-toggle>
+ </label>
+
+ <label>
+ <ion-toggle ng-model="loginData.enableGIFMP4" ng-checked="loginData.enableGIFMP4" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableGIFMP4' | translate}}
+ </span>
+ </ion-toggle>
+ </label>
+
+ <label>
+ <ion-toggle ng-model="loginData.enableSlowLoading" ng-checked="loginData.enableSlowLoading" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableSlowLoading' | translate}}
+ </span>
+ </ion-toggle>
+ </label>
+
+ <label>
+ <ion-toggle ng-model="loginData.disableAlarmCheckMontage" ng-checked="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.enableLogs" ng-checked="{{loginData.enableLogs}}" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableLogs' | 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>
+ <ion-toggle ng-if="loginData.enableLogs" ng-model="loginData.enableDebug" ng-checked="{{loginData.enableDebug}}" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kEnableDebug' | translate}}</span></ion-toggle>
+ </label>
+ <label>
+ <ion-toggle ng-model="loginData.canSwipeMonitors" ng-checked="{{loginData.canSwipeMonitors}}" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kSwipeToChangeMon' | translate}}</span></ion-toggle>
+ </label>
+ <label>
+ <ion-toggle ng-model="loginData.forceImageModePath" ng-checked="{{loginData.forceImageModePath}}" toggle-class="toggle-calm"> <span class="item-text-wrap">{{'kForceImagePath' | translate}}</span></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"> <span class="item-text-wrap">{{'kEnableNewsUpdates' | translate}}</span></ion-toggle>
+ </label>
+ <label ng-if="$root.platformOS != 'desktop'">
+ <ion-toggle ng-model="loginData.disableNative" ng-checked="{{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>