From 148560ba1fbcbe7fb951b540eb749f9ee067808f Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Wed, 29 Jan 2020 11:19:22 -0500
Subject: #894 implement monitor query status and recover

---
 www/templates/monitors-modal.html | 6 +++++-
 www/templates/montage.html        | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'www/templates')

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>
-- 
cgit v1.2.3