Added full screen toggle via ENTER or TAP/CLICK

Signed-off-by: James Ketrenos <james_gitlab@ketrenos.com>

frontend/slideshow.html

@@ -157,7 +157,19 @@ function schedule() {
   tick();
 }
 
-var paused = false;
+function toggleFullscreen() {
+  if (!document.fullscreenElement) {
+    document.documentElement.requestFullscreen();
+  } else {
+    if (document.exitFullscreen) {
+      document.exitFullscreen(); 
+    }
+  }
+}
+
+var paused = false,
+  tap = 0;
+
 document.addEventListener("DOMContentLoaded", function() {
     var tmp = document.querySelector("base");
     if (tmp) {
@@ -166,8 +178,20 @@ document.addEventListener("DOMContentLoaded", function() {
         base = "/";
     }
 
+    document.addEventListener("click", function(event) {
+      toggleFullscreen();
+      var now = new Date().getTime();
+      if (tap && (now - tap < 300)) {
+        toggleFullscreen();
+        tap = 0;
+      } else {
+        tap = new Date().getTime();
+      }
+    });
+
     document.addEventListener("keydown", function(event) {
-      if (event.keyCode == 32) { /* space */
+      switch (event.keyCode) {
+      case 32: /* space */
         paused = !paused;
         if (!paused) {
           tick();
@@ -177,21 +201,23 @@ document.addEventListener("DOMContentLoaded", function() {
           scheduled = null;
         }
         return;
-      }
 
-      if (event.keyCode == 37) { /* left */
+      case 37: /* left */
         if (photoIndex == 0) {
           photoIndex = photos.length;
         }
         photoIndex--;
         loadPhoto(photoIndex);
         return;
-      }
 
-      if (event.keyCode == 39) { /* right */
+      case 39: /* right */
         photoIndex = (photoIndex + 1) % photos.length;
         loadPhoto(photoIndex);
         return;
+
+      case 13: /* enter */
+        toggleFullscreen();
+        return;
       }
 
       console.log(event.keyCode);