From f702c841f5471c19fe31aa81a617873c7e94a714 Mon Sep 17 00:00:00 2001
From: digital-gnome <31593470+digital-gnome@users.noreply.github.com>
Date: Wed, 11 Oct 2017 21:04:45 -0400
Subject: [PATCH] navigation handling

Navigation can now handle going from videojs streams to zms.  It gracefully handles deleting the last event and running out of events.  zms limitations means we still can't see mp4 recordings before they are done but we don't get stuck on them anymore.
---
 web/skins/classic/views/js/event.js | 32 ++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/web/skins/classic/views/js/event.js b/web/skins/classic/views/js/event.js
index 64dc9d56c..1fcb8b52e 100644
--- a/web/skins/classic/views/js/event.js
+++ b/web/skins/classic/views/js/event.js
@@ -294,19 +294,37 @@ function streamPrev( action ) {
   if ( action ) {
     if ( vid ) {
       location.replace(thisUrl + '?view=event&eid=' + prevEventId + filterQuery + sortQuery);
-      return;
+    } else {
+      if (PrevEventDefVideoPath.indexOf("view_video") >=0) {//if it uses videojs
+        location.replace(thisUrl + '?view=event&eid=' + prevEventId + filterQuery + sortQuery);
+      } else {
+        if ($j("#vjsMessage")) { //allow going back after deleting last event
+        location.replace(thisUrl + '?view=event&eid=' + prevEventId + filterQuery + sortQuery);
+        } else {
+          streamReq.send( streamParms+"&command="+CMD_PREV );
+        }
+      }
     }
-    streamReq.send( streamParms+"&command="+CMD_PREV );
   }
 }
 
 function streamNext( action ) {
   if ( action ) {
-    if ( vid ) {
-      location.replace(thisUrl + '?view=event&eid=' + nextEventId + filterQuery + sortQuery);
+    if (nextEventId == 0) {
+      //handles deleting last event.
+      let replaceStream = $j(vid ? "#videoobj" : "#evtStream");
+      replaceStream.replaceWith('<p class="vjsMessage" style="width:' + replaceStream.css("width") + '; height: ' + replaceStream.css("height") + ';line-height: ' + replaceStream.css("height") + ';">No more events</p>');
       return;
     }
-    streamReq.send( streamParms+"&command="+CMD_NEXT );
+    if ( vid ) {
+      location.replace(thisUrl + '?view=event&eid=' + nextEventId + filterQuery + sortQuery);
+    } else {
+      if (NextEventDefVideoPath.indexOf("view_video") >=0) {
+        location.replace(thisUrl + '?view=event&eid=' + nextEventId + filterQuery + sortQuery);
+      } else {
+        streamReq.send( streamParms+"&command="+CMD_NEXT );
+      }
+    }
   }
 }
 
@@ -407,8 +425,8 @@ function getNearEventsResponse( respObj, respText ) {
   if ( prevEventBtn ) prevEventBtn.disabled = !prevEventId;
   var nextEventBtn = $('nextEventBtn');
   if ( nextEventBtn ) nextEventBtn.disabled = !nextEventId;
-  if (prevEventId == 0) $j('#prevBtnVjs').prop('disabled', true).attr('class', 'unavail');
-  if (nextEventId == 0) $j('#nextBtnVjs').prop('disabled', true).attr('class', 'unavail');
+  $j('#prevBtn').prop('disabled', prevEventId == 0 ? true : false).attr('class', prevEventId == 0 ? 'unavail' : 'inactive');
+  $j('#nextBtn').prop('disabled', nextEventId == 0 ? true : false).attr('class', nextEventId == 0 ? 'unavail' : 'inactive');
 }
 
 var nearEventsReq = new Request.JSON( { url: thisUrl, method: 'get', timeout: AJAX_TIMEOUT, link: 'cancel', onSuccess: getNearEventsResponse } );