From a125fc78799b904273a944fe7c8357d77faccbf5 Mon Sep 17 00:00:00 2001
From: Arjun Roychowdhury <pliablepixels@gmail.com>
Date: Tue, 3 Nov 2015 17:01:01 -0500
Subject: #49 initial code commits towards swiping events

---
 www/templates/events-modal.html | 15 +++++++--------
 www/templates/events.html       |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index 4344d9be..0ffd5540 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -4,7 +4,7 @@
         <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">
@@ -12,7 +12,7 @@
 
                             <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}" />
+                                <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}" />
 
                                 <!--<img id="hello" imageonload="finishedLoadingImage($index)"
                                 image-spinner-src="{{eventBasePath}}{{slide.img}}?rand={{rand}}"
@@ -31,7 +31,7 @@
                                 </vg-media>
                             </videogular>
                         </div>
-
+                      
                     </div>
 
 
@@ -54,15 +54,14 @@
 
 <nav mfb-menu position="tr" effect="zoomin" label="collapse" active-icon="ion-chevron-up" resting-icon="ion-chevron-down" toggling-method="click">
 
+    <a mfb-button icon="ion-arrow-right-c" label="next event" ng-click="jumpToEvent(nextId,1);"></a>
+    <a mfb-button icon="ion-arrow-left-c" label="prev. event" ng-click="jumpToEvent(prevId,-1);"></a>
     <a mfb-button icon="ion-arrow-resize" label="fit image" ng-click="scaleImage();"></a>
-    <!--<a mfb-button icon="ion-reply" label="previous event"
-           ng-click="controlEventStream(eventCommands.previous)"></a>
-        <a mfb-button icon="ion-forward" label="next event"
-           ng-click="controlEventStream(eventCommands.next)"></a>-->
+    
     <a mfb-button icon="ion-close" label="exit event view" ng-click="closeModal()"> </a>
 
 </nav>
-<div class="events-range-modal-text">playing event: {{eventId}}</div>
+<div class="events-range-modal-text">playing event: {{eventId}}, next:{{nextId}}, prev:{{prevId}}</div>
 <div class="events-range-modal" ng-if="defaultVideo==''">
 
     <div style="width:90%">
diff --git a/www/templates/events.html b/www/templates/events.html
index 9daa7b6b..88737207 100644
--- a/www/templates/events.html
+++ b/www/templates/events.html
@@ -111,7 +111,7 @@
 
 
                         <button class="button button-small icon icon-left ion-ios-eye"
-                                ng-click="closeIfOpen(event);openModal(event.Event.Id, event.Event.Name, event.Event.Length,event.Event.Frames, event.Event.BasePath, event.Event.relativePath, event)" > View Footage
+                                ng-click="closeIfOpen(event);openModal(event)" > View Footage
                     </button>
                     </span>
 
-- 
cgit v1.2.3