From 7d1dc09ad0010924c6940832225e5eb2dc803f4f Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 18 Jun 2015 10:45:59 +0200
Subject: [PATCH] Fixes #498 - Add the ability to toggle fullscreen mode

---
 images/fullscreen.png | Bin 0 -> 851 bytes
 include/ui.js         |  54 ++++++++++++++++++++++++++++++++++++++++++
 vnc.html              |   3 +++
 3 files changed, 57 insertions(+)
 create mode 100644 images/fullscreen.png

diff --git a/images/fullscreen.png b/images/fullscreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4fa0ce8321de23929618a8d82ec0e42c094bafc
GIT binary patch
literal 851
zcmV-Z1FZasP)<h;3K|Lk000e1NJLTq000>P000>X1^@s6#OZ}&00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-va^(3nu(M(YOEr0^mtR
zK~zY`-Bv+s;y@IRx`*0@QVPXFFCKc<lN6z};IS9kf3es8fD$2&8iI+=AMoJ0?4e7c
zHxE`QJ(!9#2thnZb&Ru(Ekh7vW-px*VrsL6-NSw`hnacveR*%@y_e8rGC`JQ5$+X{
zNF;&~8eCmneLFut|HTD_AP76Br>8$+u~>Y$TrSyqG#dTNQ4bJ8V_B9{+$SK*ata|d
z_Hu^3hQr~oH=E7W&xp)sGj%u|_Et8$s*dA0jYi{w=lQUY?Yo2L`EaArxNscD@p5vM
zQfiu}NeChCjb^j?a~-L7yxPBk5JF7TG%2N&!x&>pk`fTY%yc?6m^Vy_=lRVKJlJFc
z?A&xZH6Vl;Ns<y6W6UXva>&A=C`x)X8a;YEx&#2k{O$k%5NkG@mu~yfX!NKkN}5v2
zI1g81E=f|tEo9ra4Iw=76M+z(*tTuE1tdvIFfV<<HmlX@F+yl;S(a6=*U#3ysCvDA
zW?7bn5E@sj)nj)k*NRX|IS65<R;zsv@^ovp+II+H#>>GF@`}7|ghHQ56<>}p_Yd&@
zh<phW+rQ>Xp-|WrMKK<PL=?q%p-|Wj{4yw|T(MZ(S5>uzF~*fj<!D`5sZ=UQ7-Oue
zYO7c*?gz>fK@hf8Rc)~>HVk7T%W}$3K$hi{VHgu;tEy^C5QJ^7NSNpOD4XPRxs7Z#
zd!0-s(`=0p^1N6qUi?04u~@tiLY~<?nM|g$+3a;Lm)l@D!t;ET>vTG|`Fws00I=8X
zcJJKPwBPUd%H?u$T`wt@%gKJf-*cbqcDr`~fW3S^zt!n<ZaGRRZMWMunx@^mtEsN*
zTB%fuf7GlfrCh00itD<rxzB5wcHeHdZ{C`g7rL%L004G_bVL?=0Kl%U>koc>D<Xrz
zKo>>vAZXilU$7{O2ZO;t_j0ZzBO&B@KA%6i*Mb(y`F#H5ehBaWNU(Scg0S-^SuF^{
dj`v;}eggqm-~P^IymkNp002ovPDHLkV1kszf;IpE

literal 0
HcmV?d00001

diff --git a/include/ui.js b/include/ui.js
index 3d3c41e..0d9ad82 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -131,6 +131,19 @@ var UI;
                 UI.setBarPosition();
             } );
 
+            // Hide the button if fullscreen isn't supported
+            if (!document.documentElement.requestFullscreen &&
+                !document.documentElement.mozRequestFullScreen &&
+                !document.documentElement.webkitRequestFullscreen &&
+                !document.body.msRequestFullscreen) {
+                $D('fullscreenButton').style.display = "none";
+            } else {
+                Util.addEvent(window, 'fullscreenchange', UI.updateFullscreenButton);
+                Util.addEvent(window, 'mozfullscreenchange', UI.updateFullscreenButton);
+                Util.addEvent(window, 'webkitfullscreenchange', UI.updateFullscreenButton);
+                Util.addEvent(window, 'msfullscreenchange', UI.updateFullscreenButton);
+            }
+
             Util.addEvent(window, 'load', UI.keyboardinputReset);
 
             Util.addEvent(window, 'beforeunload', function () {
@@ -201,6 +214,7 @@ var UI;
             $D("noVNC_popup_status").onclick = UI.togglePopupStatus;
             $D("xvpButton").onclick = UI.toggleXvpPanel;
             $D("clipboardButton").onclick = UI.toggleClipboardPanel;
+            $D("fullscreenButton").onclick = UI.toggleFullscreen;
             $D("settingsButton").onclick = UI.toggleSettingsPanel;
             $D("connectButton").onclick = UI.toggleConnectPanel;
             $D("disconnectButton").onclick = UI.disconnect;
@@ -437,6 +451,46 @@ var UI;
             }
         },
 
+        // Toggle fullscreen mode
+        toggleFullscreen: function() {
+            if (document.fullscreenElement || // alternative standard method
+                document.mozFullScreenElement || // currently working methods
+                document.webkitFullscreenElement ||
+                document.msFullscreenElement ) {
+                if (document.exitFullscreen) {
+                    document.exitFullscreen();
+                } else if (document.mozCancelFullScreen) {
+                    document.mozCancelFullScreen();
+                } else if (document.webkitExitFullscreen) {
+                    document.webkitExitFullscreen();
+                } else if (document.msExitFullscreen) {
+                    document.msExitFullscreen();
+                }
+            } else {
+                if (document.documentElement.requestFullscreen) {
+                    document.documentElement.requestFullscreen();
+                } else if (document.documentElement.mozRequestFullScreen) {
+                    document.documentElement.mozRequestFullScreen();
+                } else if (document.documentElement.webkitRequestFullscreen) {
+                    document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
+                } else if (document.body.msRequestFullscreen) {
+                    document.body.msRequestFullscreen();
+                }
+            }
+            UI.updateFullscreenButton();
+        },
+
+        updateFullscreenButton: function() {
+            if (document.fullscreenElement || // alternative standard method
+                document.mozFullScreenElement || // currently working methods
+                document.webkitFullscreenElement ||
+                document.msFullscreenElement ) {
+                $D('fullscreenButton').className = "noVNC_status_button_selected";
+            } else {
+                $D('fullscreenButton').className = "noVNC_status_button";
+            }
+        },
+
         // Show the connection settings panel/menu
         toggleConnectPanel: function() {
             // Close the description panel
diff --git a/vnc.html b/vnc.html
index 6acd792..1a293d0 100644
--- a/vnc.html
+++ b/vnc.html
@@ -99,6 +99,9 @@
             <input type="image" alt="Clipboard" src="images/clipboard.png"
                 id="clipboardButton" class="noVNC_status_button"
                 title="Clipboard" />
+            <input type="image" alt="Fullscreen" src="images/fullscreen.png"
+                id="fullscreenButton" class="noVNC_status_button"
+                title="Fullscreen" />
             <input type="image" alt="Settings" src="images/settings.png"
                 id="settingsButton" class="noVNC_status_button"
                 title="Settings" />
-- 
2.39.5