From fd9fe541f6524095e95350883b3ade04db92e4ea Mon Sep 17 00:00:00 2001
From: jcass <john.cass77@gmail.com>
Date: Sun, 14 Feb 2016 10:25:53 +0200
Subject: [PATCH 1/2] fix:New full screen toggle scripts. Enables scrolling in
 full screen mode for Firefox, Chrome, IE, and Safari.

Fixes #53.
---
 mopidy_musicbox_webclient/static/index.html  |  8 +--
 mopidy_musicbox_webclient/static/js/gui.js   | 68 ++++++++------------
 mopidy_musicbox_webclient/static/mb.manifest |  2 +-
 3 files changed, 29 insertions(+), 49 deletions(-)

diff --git a/mopidy_musicbox_webclient/static/index.html b/mopidy_musicbox_webclient/static/index.html
index 5d00383..6eef6c5 100644
--- a/mopidy_musicbox_webclient/static/index.html
+++ b/mopidy_musicbox_webclient/static/index.html
@@ -97,13 +97,9 @@
                 <a href="/alarmclock/">
                 <span class="navtxt"> Alarm Clock </span><i class="fa fa-clock-o"></i></a>
         </li>
-        <li id="navEnterFullscreen" data-icon="false">
+        <li id="navToggleFullscreen" data-icon="false">
                 <a href="#">
-                <span class="navtxt"> Fullscreen </span><i class="fa  fa-desktop"></i></a>
-        </li>
-        <li id="navExitFullscreen" class="hidden" data-icon="false">
-            <a href="#">
-                <span class="navtxt"> Exit Fullscreen </span><i class="fa  fa-desktop"></i></a>
+                <span class="navtxt" id="toggletxt"> Fullscreen </span><i class="fa fa-desktop"></i></a>
         </li>
         <li id="navSettings" data-icon="false">
                 <a href="/settings/">
diff --git a/mopidy_musicbox_webclient/static/js/gui.js b/mopidy_musicbox_webclient/static/js/gui.js
index 3aef007..60938c3 100644
--- a/mopidy_musicbox_webclient/static/js/gui.js
+++ b/mopidy_musicbox_webclient/static/js/gui.js
@@ -308,43 +308,35 @@ $(document).bind("pageinit", function() {
 /**************
  * gui stuff  *
  **************/
-function enterFullscreen() {
+function toggleFullscreen() {
     if (isMobileSafari) { alert ("To get this app in Full Screen, you have to add it to your home-screen using the Share button."); exit(); }
-    var elem = document.querySelector("#page");
-    elem.onwebkitfullscreenchange = onFullScreenEnter;
-    elem.onmozfullscreenchange = onFullScreenEnter;
-    elem.onfullscreenchange = onFullScreenEnter;
-    if (elem.webkitRequestFullscreen) {
-        elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
-    } else {
-        if (elem.mozRequestFullScreen) {
-            elem.mozRequestFullScreen();
-        } else {
-            elem.requestFullscreen();
+    if (!document.fullscreenElement &&    // alternative standard method
+        !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  // current working methods
+        var docElm = document.documentElement;
+        if (docElm.requestFullscreen) {
+            docElm.requestFullscreen();
+        } else if (docElm.msRequestFullscreen) {
+            docElm.msRequestFullscreen();
+        } else if (docElm.mozRequestFullScreen) {
+            docElm.mozRequestFullScreen();
+        } else if (docElm.webkitRequestFullScreen) {
+            docElm.webkitRequestFullScreen();
         }
+        document.getElementById("toggletxt").innerHTML = "Exit Fullscreen";
+    } else {
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        } else if (document.msExitFullscreen) {
+            document.msExitFullscreen();
+        } else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+        } else if (document.webkitCancelFullScreen) {
+            document.webkitCancelFullScreen();
+        }
+        document.getElementById("toggletxt").innerHTML = "Fullscreen";
     }
 }
 
-function exitFullscreen() {
-    document.webkitExitFullscreen();
-    document.mozCancelFullscreen();
-    document.exitFullscreen();
-}
-
-function onFullScreenEnter() {
-    var elem = document.querySelector("#page");
-    $('#navExitFullscreen').show();
-    $('#navEnterFullscreen').hide();
-    elem.onwebkitfullscreenchange = onFullScreenExit;
-    elem.onmozfullscreenchange = onFullScreenExit;
-};
-
-// Called whenever the browser exits fullscreen.
-function onFullScreenExit() {
-    $('#navExitFullscreen').hide();
-    $('#navEnterFullscreen').show();
-};
-
 function switchContent(divid, uri) {
     var hash = divid;
     if (uri) {
@@ -521,11 +513,8 @@ $(document).ready(function(event) {
     $('#controlspopupimage').click(
 	function() {
 	    return switchContent('current')}   );
-    $('#navEnterFullscreen').click(function(){
-        enterFullscreen();
-    });
-    $('#navExitFullscreen').click(function(){
-        exitFullscreen();
+    $('#navToggleFullscreen').click(function(){
+        toggleFullscreen();
     });
 
 // remove buttons only for MusicBox
@@ -575,11 +564,6 @@ $(document).ready(function(event) {
         $("#panel").panel("open");
     }
 
-    //hide fullscreen button if in UIWebview
-    if (window.navigator.standalone) {
-        $('#navExitFullscreen').hide();
-    }
-
     $.event.special.swipe.horizontalDistanceThreshold = 125; // (default: 30px)  Swipe horizontal displacement must be more than this.
     $.event.special.swipe.verticalDistanceThreshold = 50; // (default: 75px)  Swipe vertical displacement must be less than this.
     $.event.special.swipe.durationThreshold = 500;
diff --git a/mopidy_musicbox_webclient/static/mb.manifest b/mopidy_musicbox_webclient/static/mb.manifest
index c4d9bcc..607f287 100644
--- a/mopidy_musicbox_webclient/static/mb.manifest
+++ b/mopidy_musicbox_webclient/static/mb.manifest
@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2016-02-06:v1
+# 2016-02-14:v1
 
 NETWORK:
 *

From f4c1a7e0b302167f6ead5c65775a9ae4eb946ae3 Mon Sep 17 00:00:00 2001
From: jcass <john.cass77@gmail.com>
Date: Sun, 14 Feb 2016 10:38:01 +0200
Subject: [PATCH 2/2] docs:Update changelog.

---
 README.rst | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.rst b/README.rst
index 9d1b9b8..25e2281 100644
--- a/README.rst
+++ b/README.rst
@@ -73,6 +73,7 @@ v2.2.0 (UNRELEASED)
 **Fixes**
 
 - Prevent mobile devices from scaling when used in landscape mode. (Fixes: `#157 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/157>`_).
+- Scrolling now works in full screen mode for Chrome and Safari as well. (Fixes: `#53 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/53>`_).
 
 v2.1.1 (2016-02-04)
 -------------------