From d48724535351f6b2fb2603fb22d2200443b55939 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sun, 15 Mar 2020 12:16:52 -0400
Subject: [PATCH] Add a fullscreen button

---
 macrovision.html |  3 +++
 macrovision.js   | 19 +++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/macrovision.html b/macrovision.html
index e4380779..f7cd6252 100644
--- a/macrovision.html
+++ b/macrovision.html
@@ -58,6 +58,9 @@
     <button id="close-help">Close</button>
   </div>
   <div id="menubar">
+    <span class="menubar-group">
+      <button id="menu-fullscreen">Fullscreen</button>
+    </span>
     <span class="menubar-group">
       <button id="menu-clear">Clear</button>
     </span>
diff --git a/macrovision.js b/macrovision.js
index aa00e30d..27739016 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -955,9 +955,28 @@ function doSliderEntityScale() {
     }
 }
 
+// thanks to https://developers.google.com/web/fundamentals/native-hardware/fullscreen
+
+function toggleFullScreen() {
+    var doc = window.document;
+    var docEl = doc.documentElement;
+  
+    var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
+    var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
+  
+    if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
+      requestFullScreen.call(docEl);
+    }
+    else {
+      cancelFullScreen.call(doc);
+    }
+  }
+
 document.addEventListener("DOMContentLoaded", () => {
     prepareEntities();
 
+    document.querySelector("#menu-fullscreen").addEventListener("click", toggleFullScreen);
+
     document.querySelector("#options-world-show-names").addEventListener("input", e => {
         document.body.classList[e.target.checked ? "add" : "remove"]("toggle-entity-name");
     });