diff options
Diffstat (limited to 'www/templates')
| -rw-r--r-- | www/templates/events-modal.html | 14 | ||||
| -rw-r--r-- | www/templates/monitors-modal.html | 2 |
2 files changed, 13 insertions, 3 deletions
diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html index df2e3cbe..11ef21dc 100644 --- a/www/templates/events-modal.html +++ b/www/templates/events-modal.html @@ -43,13 +43,21 @@ <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=single&rate=100&connkey={{connKey}}&scale={{loginData.singleImageQuality}}{{$root.authSession}}" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}"/> + <img ng-click="togglePause()" image-spinner-src="{{loginData.streamingurl}}/nph-zms?source=event&mode=jpeg&event={{eventId}}&frame=1&replay=single&rate=100&connkey={{connKey}}&scale={{loginData.singleImageQuality}}{{$root.authSession}}" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}"/> + <div ng-if="isPaused" style="position:absolute; top:50%; left:50%;white-space:nowrap;overflow:hidden;z-index:999" + class="header-paused"> + <i class="ion-pause"></i> + paused + </div> + </div> + + </div> <!-- no default video --> -<!-- + <div ng-if="defaultVideo!==undefined && defaultVideo!='' && loginData.enableh264 == true"> <div> <videogular vg-theme="videoObject.config.theme" vg-complete="playbackFinished()"> @@ -71,7 +79,7 @@ </div> ---> + </div> <!-- 100vh --> </ion-scroll> diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html index 92330d15..39c19cd9 100644 --- a/www/templates/monitors-modal.html +++ b/www/templates/monitors-modal.html @@ -18,6 +18,8 @@ <div ng-if="!animationInProgress && !isBackground() && connKey"> <img id="singlemonitor" style="width:100vw; height:100vh" imageonload="finishedLoadingImage()" image-spinner-loader="lines" image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode={{currentStreamMode}}&monitor={{monitorId}}{{$root.authSession}}&rand={{$root.modalRand}}&connkey={{connKey}}" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" on-swipe-left="onSwipe(monitorId,1)" on-swipe-right="onSwipe(monitorId,-1)" /> + + </div> <div ng-if="animationInProgress || isBackground()"> |