summaryrefslogtreecommitdiff
path: root/www/templates
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2020-01-29 11:19:22 -0500
committerPliable Pixels <pliablepixels@gmail.com>2020-01-29 11:19:22 -0500
commit148560ba1fbcbe7fb951b540eb749f9ee067808f (patch)
tree0267379eda0f51fa888d2dedfa1bab52e4f929dd /www/templates
parentc50b6a6bd8eded731afacb880e48defca747e566 (diff)
#894 implement monitor query status and recover
Diffstat (limited to 'www/templates')
-rw-r--r--www/templates/monitors-modal.html6
-rw-r--r--www/templates/montage.html1
2 files changed, 6 insertions, 1 deletions
diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index 68b0beef..88d29574 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -13,12 +13,15 @@
<div ng-if="!animationInProgress">
<!--<span style="color:white">{{currentStreamMode}}</span>-->
+
+
<img id="singlemonitor" style="width:100vw; height:100vh;" image-spinner-loader="lines"
image-spinner-src="{{constructSingleStream()}}" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}"
on-swipe-left="onSwipe(monitorId,1)" on-swipe-right="onSwipe(monitorId,-1)" on-double-tap="closeModal();"
on-tap="showHideControls();"
- imageonload="imageLoaded()" />
+ imageonload="imageLoaded();" />
+
</div>
<div ng-if="animationInProgress">
<img style="width:100vw; height:100vh" ng-src="img/noimage.png" class="object-fit_contain" />
@@ -140,6 +143,7 @@
</ul>
</div>
<div ng-if="!showPTZ && displayControls" class="monitor-modal-text">{{monitorName}} &nbsp;
+ <i ng-if="isStreamGood=='bad'" class="animated infinite flash ion-alert-circled assertive"></i>
<span ng-style="{'background-color':stateColor()}">&nbsp;{{monStatus}}&nbsp;</span>
</div>
</div>
diff --git a/www/templates/montage.html b/www/templates/montage.html
index b2dbd13b..02e4fd30 100644
--- a/www/templates/montage.html
+++ b/www/templates/montage.html
@@ -159,6 +159,7 @@
<span ng-if="monitor.Monitor.isStamp && isDragabillyOn">
<i class="animated infinite flash ion-pin"></i>&nbsp;</span>
+ <i ng-if="monitor.Monitor.isStreamGood=='bad'" class="animated infinite flash ion-alert-circled assertive"></i>
<i class="ion-ios-videocam"></i>&nbsp; {{monitor.Monitor.Name}}&nbsp;
</figcaption>