From b721eaa84b5d2ba607daf3a1496515405d208297 Mon Sep 17 00:00:00 2001
From: Arjun Roychowdhury <pliablepixels@gmail.com>
Date: Wed, 4 Nov 2015 11:54:16 -0500
Subject: animated screens as well

---
 www/templates/events-modal.html | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index 46bffd06..a57e2bcf 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -4,15 +4,26 @@
         <ion-content style="background-color:#444444" ng-cloak>
 
             <ion-scroll has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; ">
-                <div  style="height: 100vh;">
+                <div  id="full-screen-event" style="height: 100vh;">
 
 
                     <div ng-if="defaultVideo=='' || loginData.enableh264==false">
                         <ul rn-carousel rn-carousel-buffered rn-carousel-transition="none" rn-swipe-disabled="true" rn-carousel-index="mycarousel.index" rn-carousel-auto-slide="{{calcMsTimer(eFramesNum, eventDur)/1000.0}}" rn-carousel-pause-on-hover  rn-platform="{{$root.platformOS}}">
 
                             <li ng-repeat="slide in slides">
-
-                                <img  imageonload="finishedLoadingImage($index)" image-spinner-src="{{playbackURL}}/index.php?view=image&rand={{$root.rand}}&path={{relativePath}}{{slide.img}}&scale=100" image-spinner-loader="lines" ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" />
+                                <div ng-if="!animationInProgress">
+                                    <img  imageonload="finishedLoadingImage($index)" 
+                                         image-spinner-src="{{playbackURL}}/index.php?view=image&rand={{$root.rand}}&path={{relativePath}}{{slide.img}}&scale=100" 
+                                         image-spinner-loader="lines" 
+                                         ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" />
+                                </div>
+                                <div ng-if="animationInProgress">
+                                    <img  imageonload="finishedLoadingImage($index)" 
+                                         image-spinner-src="img/pausevideo.png" 
+                                         image-spinner-loader="lines" 
+                                         ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" />
+                                </div>
+                                
 
                                 <!--<img id="hello" imageonload="finishedLoadingImage($index)"
                                 image-spinner-src="{{eventBasePath}}{{slide.img}}?rand={{rand}}"
@@ -33,7 +44,7 @@
                         </div>
                       
                     </div>
-
+                    
 
                 </div>
                 <!-- 100vh -->
@@ -61,7 +72,7 @@
     <a mfb-button icon="ion-close" label="exit event view" ng-click="closeModal()"> </a>
 
 </nav>
-<div class="events-range-modal-text" id="full-screen-event">playing event: {{eventId}}</div>
+
 <div class="events-range-modal" ng-if="defaultVideo==''">
 
     <div style="width:90%">
@@ -71,6 +82,8 @@
 
 </div>
 
+<div class="events-range-modal-text" >playing event: {{eventId}}</div>
+
 <span class="event-modal-alarm-badge">
             <a data-badge="{{$root.alarmCount}}" class="animated infinite tada button icon  ion-ios-bell notification-badge button-assertive" 
                     ng-click="handleAlarms();" ng-if="$root.isAlarm" ></a>
-- 
cgit v1.2.3