summaryrefslogtreecommitdiff
path: root/www/templates
diff options
context:
space:
mode:
Diffstat (limited to 'www/templates')
-rw-r--r--www/templates/devoptions.html58
-rw-r--r--www/templates/events-date-time-filter.html37
-rw-r--r--www/templates/events-modal.html77
3 files changed, 31 insertions, 141 deletions
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>
generated by cgit v1.2.3 (git 2.25.1) at 2025-12-06 17:08:23 +0000