From ca9a9964a053f6cbb3f66a536941905858b146fd Mon Sep 17 00:00:00 2001
From: Phil Driscoll <phil@dialsolutions.co.uk>
Date: Thu, 13 Jun 2013 11:10:04 +0100
Subject: [PATCH 01/30] Fix onMouseDisable so that clicks outside the canvas
 are propagated

---
 include/input.js | 6 +++---
 include/util.js  | 8 +++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/include/input.js b/include/input.js
index b996c7d5..3b2443a0 100644
--- a/include/input.js
+++ b/include/input.js
@@ -611,9 +611,9 @@ function onMouseDisable(e) {
     evt = (e ? e : window.event);
     pos = Util.getEventPosition(e, conf.target, conf.scale);
     /* Stop propagation if inside canvas area */
-    if ((pos.x >= 0) && (pos.y >= 0) &&
-        (pos.x < conf.target.offsetWidth) &&
-        (pos.y < conf.target.offsetHeight)) {
+    if ((pos.realx >= 0) && (pos.realy >= 0) &&
+        (pos.realx < conf.target.offsetWidth) &&
+        (pos.realy < conf.target.offsetHeight)) {
         //Util.Debug("mouse event disabled");
         Util.stopEvent(e);
         return false;
diff --git a/include/util.js b/include/util.js
index dd1f252f..8893591c 100644
--- a/include/util.js
+++ b/include/util.js
@@ -298,9 +298,11 @@ Util.getEventPosition = function (e, obj, scale) {
     if (typeof scale === "undefined") {
         scale = 1;
     }
-    var x = Math.max(Math.min(docX - pos.x, obj.width-1), 0);
-	var y = Math.max(Math.min(docY - pos.y, obj.height-1), 0);
-    return {'x': x / scale, 'y': y / scale};
+    var realx = docX - pos.x;
+    var realy = docY - pos.y;
+    var x = Math.max(Math.min(realx, obj.width-1), 0);
+    var y = Math.max(Math.min(realy, obj.height-1), 0);
+    return {'x': x / scale, 'y': y / scale, 'realx': realx / scale, 'realy': realy / scale};
 };
 
 

From b2f1961a3a78d98648459827c6868bf500bb9943 Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@justina-60.lkpg.cendio.se>
Date: Tue, 25 Jun 2013 17:45:43 +0200
Subject: [PATCH 02/30] to make double clicking on touch devices easier a
 double click is now triggered when two mouse clicks occur within 500 milli
 seconds and closer than 50 pixels together

---
 include/input.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/include/input.js b/include/input.js
index b996c7d5..05d05f1a 100644
--- a/include/input.js
+++ b/include/input.js
@@ -1,6 +1,7 @@
 /*
  * noVNC: HTML5 VNC client
  * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
  * Licensed under MPL 2.0 or any later version (see LICENSE.txt)
  */
 
@@ -489,6 +490,9 @@ var that           = {},  // Public API methods
     conf           = {},  // Configuration attributes
     mouseCaptured  = false;
 
+var doubleClickTimer = null,
+    lastClickPos = null;
+
 // Configuration attributes
 Util.conf_defaults(conf, that, defaults, [
     ['target',         'ro', 'dom',  document, 'DOM element that captures mouse input'],
@@ -521,6 +525,10 @@ function releaseMouse() {
 // Private functions
 //
 
+function resetDoubleClickTimer() {
+    doubleClickTimer = null;
+}
+
 function onMouseButton(e, down) {
     var evt, pos, bmask;
     if (! conf.focused) {
@@ -528,6 +536,28 @@ function onMouseButton(e, down) {
     }
     evt = (e ? e : window.event);
     pos = Util.getEventPosition(e, conf.target, conf.scale);
+
+    // When two clicks occur within 500 ms of each other and are
+    // closer than 50 pixels together a double click is triggered.
+    if (down == 1) {
+        if (doubleClickTimer == null) {
+            lastClickPos = pos;
+        } else {
+            clearTimeout(doubleClickTimer); 
+
+            var xs = lastClickPos.x - pos.x;
+            var ys = lastClickPos.y - pos.y;
+            var d = Math.sqrt((xs * xs) + (ys * ys));
+
+            // When the distance between the two clicks is less than 50 pixels
+            // force the position of the latter click to the position of the first
+            if (d < 50) {
+                pos = lastClickPos;
+            }
+        }
+        doubleClickTimer = setTimeout(resetDoubleClickTimer, 500);
+    }
+
     if (e.touches || e.changedTouches) {
         // Touch device
         bmask = conf.touchButton;

From 0fa4e0a90afd48f69e7bd66d7f8ff3d8af6d6198 Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@justina-60.lkpg.cendio.se>
Date: Fri, 28 Jun 2013 14:44:58 +0200
Subject: [PATCH 03/30] Merged the control-bar and the status-bar together.
 Also added a popup with the status text.

---
 include/base.css | 34 ++++++++++++++++++++++++++++++----
 include/ui.js    | 45 +++++++++++++++++++++++++++++++++++++++------
 vnc.html         | 12 ++++++++----
 3 files changed, 77 insertions(+), 14 deletions(-)

diff --git a/include/base.css b/include/base.css
index 89b2b574..f97306b3 100644
--- a/include/base.css
+++ b/include/base.css
@@ -66,6 +66,8 @@ html {
   float: left;
   padding-left:10px;
   padding-top:4px;
+  z-index: 1;
+  position: relative;
 }
 
 .noVNC-buttons-right {
@@ -73,17 +75,21 @@ html {
   right: 0px;
   padding-right:10px;
   padding-top:4px;
+  z-index: 1;
+  position: relative;
 }
 
 #noVNC_status_bar {
   margin-top: 0px;
   padding: 0px;
+  z-index: 0;
+  position: absolute;
+  width: 100%;
 }
 
 #noVNC_status_bar div {
   font-size: 12px;
   padding-top: 4px;
-  width:100%;
 }
 
 #noVNC_status {
@@ -105,13 +111,13 @@ html {
 }
 
 .noVNC_status_normal {
-  background: #eee;
+  background: transparent;
 }
 .noVNC_status_error {
-  background: #f44;
+  background: rgba(240,64,64,0.5);
 }
 .noVNC_status_warn {
-  background: #ff4;
+  background: rgba(240,240,64,0.5);
 }
 
 /* Do not set width/height for VNC_screen or VNC_canvas or incorrect
@@ -186,6 +192,26 @@ html {
   border-radius:10px;
 }
 
+#noVNC_popup_status_panel {
+  display:none;
+  position: fixed;
+
+  margin:15px;
+  margin-top:60px;
+  padding:15px;
+  width:auto;
+
+  text-align:center;
+  font-weight:bold;
+  word-wrap:break-word;
+  color:#fff;
+  background:rgba(0,0,0,0.65);
+
+  -webkit-border-radius:10px;
+  -moz-border-radius:10px;
+  border-radius:10px;
+}
+
 #noVNC_clipboard {
   display:none;
   margin-top:77px;
diff --git a/include/ui.js b/include/ui.js
index 3387567a..de75a632 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -1,6 +1,7 @@
 /*
  * noVNC: HTML5 VNC client
  * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
  * Licensed under MPL 2.0 (see LICENSE.txt)
  *
  * See README.md for usage and integration instructions.
@@ -20,6 +21,7 @@ var UI = {
 rfb_state : 'loaded',
 settingsOpen : false,
 connSettingsOpen : false,
+popupStatusOpen : false,
 clipboardOpen: false,
 keyboardVisible: false,
 
@@ -156,6 +158,8 @@ addMouseHandlers: function() {
     $D("keyboardinput").onblur = UI.keyInputBlur;
 
     $D("sendCtrlAltDelButton").onclick = UI.sendCtrlAltDel;
+    $D("noVNC_status_bar").onclick = UI.togglePopupStatusPanel;
+    $D("noVNC_popup_status_panel").onclick = UI.togglePopupStatusPanel;
     $D("clipboardButton").onclick = UI.toggleClipboardPanel;
     $D("settingsButton").onclick = UI.toggleSettingsPanel;
     $D("connectButton").onclick = UI.toggleConnectPanel;
@@ -257,20 +261,39 @@ forceSetting: function(name, val) {
 },
 
 
+// Show the popup status panel
+togglePopupStatusPanel: function() {
+    var psp = $D('noVNC_popup_status_panel');
+    if (UI.popupStatusOpen === true) {
+        psp.style.display = "none";
+        UI.popupStatusOpen = false;
+    } else {
+        psp.innerHTML = $D('noVNC_status').innerHTML;
+        psp.style.display = "block";
+        psp.style.left = window.innerWidth/2 - 
+            parseInt(window.getComputedStyle(psp, false).width)/2 -30 + "px";
+        UI.popupStatusOpen = true;
+    }
+},
+
 // Show the clipboard panel
 toggleClipboardPanel: function() {
     // Close the description panel
     $D('noVNC_description').style.display = "none";
-    //Close settings if open
+    // Close settings if open
     if (UI.settingsOpen === true) {
         UI.settingsApply();
         UI.closeSettingsMenu();
     }
-    //Close connection settings if open
+    // Close connection settings if open
     if (UI.connSettingsOpen === true) {
         UI.toggleConnectPanel();
     }
-    //Toggle Clipboard Panel
+    // Close popup status panel if open
+    if (UI.popupStatusOpen === true) {
+        UI.togglePopupStatusPanel();
+    }
+    // Toggle Clipboard Panel
     if (UI.clipboardOpen === true) {
         $D('noVNC_clipboard').style.display = "none";
         $D('clipboardButton').className = "noVNC_status_button";
@@ -286,17 +309,22 @@ toggleClipboardPanel: function() {
 toggleConnectPanel: function() {
     // Close the description panel
     $D('noVNC_description').style.display = "none";
-    //Close connection settings if open
+    // Close connection settings if open
     if (UI.settingsOpen === true) {
         UI.settingsApply();
         UI.closeSettingsMenu();
         $D('connectButton').className = "noVNC_status_button";
     }
+    // Close clipboard panel if open
     if (UI.clipboardOpen === true) {
         UI.toggleClipboardPanel();
     }
+    // Close popup status panel if open
+    if (UI.popupStatusOpen === true) {
+        UI.togglePopupStatusPanel();
+    }
 
-    //Toggle Connection Panel
+    // Toggle Connection Panel
     if (UI.connSettingsOpen === true) {
         $D('noVNC_controls').style.display = "none";
         $D('connectButton').className = "noVNC_status_button";
@@ -347,13 +375,18 @@ toggleSettingsPanel: function() {
 openSettingsMenu: function() {
     // Close the description panel
     $D('noVNC_description').style.display = "none";
+    // Close clipboard panel if open
     if (UI.clipboardOpen === true) {
         UI.toggleClipboardPanel();
     }
-    //Close connection settings if open
+    // Close connection settings if open
     if (UI.connSettingsOpen === true) {
         UI.toggleConnectPanel();
     }
+    // Close popup status panel if open
+    if (UI.popupStatusOpen === true) {
+        UI.togglePopupStatusPanel();
+    }
     $D('noVNC_settings').style.display = "block";
     $D('settingsButton').className = "noVNC_status_button_selected";
     UI.settingsOpen = true;
diff --git a/vnc.html b/vnc.html
index 5f6cc70e..672d4978 100644
--- a/vnc.html
+++ b/vnc.html
@@ -71,6 +71,10 @@
             </div>
         </div>
 
+        <div id="noVNC_status_bar" class="noVNC_status_bar">
+                <div id="noVNC_status">Loading</div>
+        </div>
+
         <!--noVNC Buttons-->
         <div class="noVNC-buttons-right">
             <input type="image" src="images/ctrlaltdel.png"
@@ -106,6 +110,10 @@
             <input id="descriptionButton" type="button" value="Close">
         </div>
 
+        <!-- Popup Status Panel -->
+        <div id="noVNC_popup_status_panel" class="">
+        </div>
+
         <!-- Clipboard Panel -->
         <div id="noVNC_clipboard" class="triangle-right top">
             <textarea id="noVNC_clipboard_text" rows=5>
@@ -163,10 +171,6 @@
     <div id="noVNC_screen">
         <div id="noVNC_screen_pad"></div>
 
-        <div id="noVNC_status_bar" class="noVNC_status_bar">
-                <div id="noVNC_status">Loading</div>
-        </div>
-
         <h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
 
         <!-- HTML5 Canvas -->

From cc704b712d79b232c15bf5b8d743a81ee2daac2c Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@justina-60.lkpg.cendio.se>
Date: Fri, 28 Jun 2013 15:32:37 +0200
Subject: [PATCH 04/30] Removed duplicate of .noVNC_status_warn from the
 stylesheet.

---
 include/base.css | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/include/base.css b/include/base.css
index f97306b3..688bf04d 100644
--- a/include/base.css
+++ b/include/base.css
@@ -233,10 +233,6 @@ html {
   z-index: -1;
 }
 
-.noVNC_status_warn {
-  background-color:yellow;
-}
-
 /*
  * Advanced Styling
  */

From 9e97231acf444eae47d173567c05c99bff33b6e2 Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@justina-60.lkpg.cendio.se>
Date: Fri, 28 Jun 2013 16:28:11 +0200
Subject: [PATCH 05/30] Made the control bar thinner by removing the space
 below and above the control buttons.

---
 include/base.css | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/include/base.css b/include/base.css
index 688bf04d..4281e7b9 100644
--- a/include/base.css
+++ b/include/base.css
@@ -65,7 +65,6 @@ html {
 .noVNC-buttons-left {
   float: left;
   padding-left:10px;
-  padding-top:4px;
   z-index: 1;
   position: relative;
 }
@@ -74,7 +73,6 @@ html {
   float:right;
   right: 0px;
   padding-right:10px;
-  padding-top:4px;
   z-index: 1;
   position: relative;
 }
@@ -93,7 +91,7 @@ html {
 }
 
 #noVNC_status {
-  height:20px;
+  height:32px;
   text-align: center;
 }
 #noVNC_settings_menu {
@@ -125,7 +123,7 @@ html {
 #noVNC_screen_pad {
   margin: 0px;
   padding: 0px;
-  height: 44px;
+  height: 36px;
 }
 #noVNC_screen {
   text-align: center;
@@ -160,14 +158,14 @@ html {
 /*Bubble contents divs*/
 #noVNC_settings {
   display:none;
-  margin-top:77px;
+  margin-top:73px;
   right:20px;
   position:fixed;
 }
 
 #noVNC_controls {
   display:none;
-  margin-top:77px;
+  margin-top:73px;
   right:12px;
   position:fixed;
 }
@@ -179,7 +177,7 @@ html {
   display:none;
   position:fixed;
 
-  margin-top:77px;
+  margin-top:73px;
   right:20px;
   left:20px;
   padding:15px;
@@ -214,7 +212,7 @@ html {
 
 #noVNC_clipboard {
   display:none;
-  margin-top:77px;
+  margin-top:73px;
   right:30px;
   position:fixed;
 }
@@ -249,7 +247,7 @@ html {
   background: linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* W3C */
 
   display:block;
-  height:44px;
+  height:36px;
   left:0;
   top:0;
   width:100%;

From a4ec2f5c7db27bbbe6376264b840e477ed4dd297 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Wed, 3 Jul 2013 14:41:09 +0200
Subject: [PATCH 06/30] Limited the double click fix to touch devices.

---
 include/input.js | 44 ++++++++++++++++++++++----------------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/include/input.js b/include/input.js
index 05d05f1a..b286a496 100644
--- a/include/input.js
+++ b/include/input.js
@@ -491,7 +491,7 @@ var that           = {},  // Public API methods
     mouseCaptured  = false;
 
 var doubleClickTimer = null,
-    lastClickPos = null;
+    lastTouchPos = null;
 
 // Configuration attributes
 Util.conf_defaults(conf, that, defaults, [
@@ -537,29 +537,29 @@ function onMouseButton(e, down) {
     evt = (e ? e : window.event);
     pos = Util.getEventPosition(e, conf.target, conf.scale);
 
-    // When two clicks occur within 500 ms of each other and are
-    // closer than 50 pixels together a double click is triggered.
-    if (down == 1) {
-        if (doubleClickTimer == null) {
-            lastClickPos = pos;
-        } else {
-            clearTimeout(doubleClickTimer); 
-
-            var xs = lastClickPos.x - pos.x;
-            var ys = lastClickPos.y - pos.y;
-            var d = Math.sqrt((xs * xs) + (ys * ys));
-
-            // When the distance between the two clicks is less than 50 pixels
-            // force the position of the latter click to the position of the first
-            if (d < 50) {
-                pos = lastClickPos;
-            }
-        }
-        doubleClickTimer = setTimeout(resetDoubleClickTimer, 500);
-    }
-
     if (e.touches || e.changedTouches) {
         // Touch device
+
+        // When two touches occur within 500 ms of each other and are
+        // closer than 50 pixels together a double click is triggered.
+        if (down == 1) {
+            if (doubleClickTimer == null) {
+                lastTouchPos = pos;
+            } else {
+                clearTimeout(doubleClickTimer); 
+
+                var xs = lastTouchPos.x - pos.x;
+                var ys = lastTouchPos.y - pos.y;
+                var d = Math.sqrt((xs * xs) + (ys * ys));
+
+                // When the distance between the two touches is less than 50 pixels
+                // force the position of the latter touch to the position of the first
+                if (d < 50) {
+                    pos = lastTouchPos;
+                }
+            }
+            doubleClickTimer = setTimeout(resetDoubleClickTimer, 500);
+        }
         bmask = conf.touchButton;
         // If bmask is set
     } else if (evt.which) {

From cf19ad37980449eb0a2dbc6714b68abd52a95f29 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Mon, 8 Jul 2013 17:10:04 +0200
Subject: [PATCH 07/30] * Changed the trigger distance between touches from 50
 to 20. * The trigger distance now takes devicePixelRatio into account.

---
 include/input.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/include/input.js b/include/input.js
index b286a496..dd16fa51 100644
--- a/include/input.js
+++ b/include/input.js
@@ -541,20 +541,25 @@ function onMouseButton(e, down) {
         // Touch device
 
         // When two touches occur within 500 ms of each other and are
-        // closer than 50 pixels together a double click is triggered.
+        // closer than 20 pixels together a double click is triggered.
         if (down == 1) {
             if (doubleClickTimer == null) {
                 lastTouchPos = pos;
             } else {
                 clearTimeout(doubleClickTimer); 
 
+                // When the distance between the two touches is less than
+                // 20 physical pixels force the position of the latter touch 
+                // to the position of the first.
+
                 var xs = lastTouchPos.x - pos.x;
                 var ys = lastTouchPos.y - pos.y;
                 var d = Math.sqrt((xs * xs) + (ys * ys));
 
-                // When the distance between the two touches is less than 50 pixels
-                // force the position of the latter touch to the position of the first
-                if (d < 50) {
+                // The devicePixelRatio is the ratio between logical pixels and
+                // physical pixels. A devicePixelRatio of 2 means that the
+                // physical linear resolution is double the logical resolution.
+                if (d < 20 * window.devicePixelRatio) {
                     pos = lastTouchPos;
                 }
             }

From c6ad20992dddb05b5a76d335bd7008d2d96f72a6 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 11 Jul 2013 12:37:01 +0200
Subject: [PATCH 08/30] Improved comments

---
 include/input.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/include/input.js b/include/input.js
index dd16fa51..efd865ac 100644
--- a/include/input.js
+++ b/include/input.js
@@ -548,17 +548,16 @@ function onMouseButton(e, down) {
             } else {
                 clearTimeout(doubleClickTimer); 
 
-                // When the distance between the two touches is less than
-                // 20 physical pixels force the position of the latter touch 
-                // to the position of the first.
+                // When the distance between the two touches is small enough
+                // force the position of the latter touch to the position of
+                // the first.
 
                 var xs = lastTouchPos.x - pos.x;
                 var ys = lastTouchPos.y - pos.y;
                 var d = Math.sqrt((xs * xs) + (ys * ys));
 
-                // The devicePixelRatio is the ratio between logical pixels and
-                // physical pixels. A devicePixelRatio of 2 means that the
-                // physical linear resolution is double the logical resolution.
+                // The goal is to trigger on a certain physical width, the
+                // devicePixelRatio brings us a bit closer but is not optimal.
                 if (d < 20 * window.devicePixelRatio) {
                     pos = lastTouchPos;
                 }

From 7ab02c7fc7e529d5c766dbc205e145dca9f15cdf Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Fri, 12 Jul 2013 11:47:41 +0200
Subject: [PATCH 09/30] Changed the color and weight of the status text to
 white and bold.

---
 include/base.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/include/base.css b/include/base.css
index 4281e7b9..a52e4f3e 100644
--- a/include/base.css
+++ b/include/base.css
@@ -93,6 +93,8 @@ html {
 #noVNC_status {
   height:32px;
   text-align: center;
+  font-weight: bold;
+  color: #fff;
 }
 #noVNC_settings_menu {
   margin: 3px;

From 6ca8a2c05cd8eabfc4f6d0cb3d14a399317011b4 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Fri, 12 Jul 2013 14:41:57 +0200
Subject: [PATCH 10/30] Moved the popup_status_panel to the front.

---
 include/base.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/include/base.css b/include/base.css
index a52e4f3e..a221412c 100644
--- a/include/base.css
+++ b/include/base.css
@@ -195,6 +195,7 @@ html {
 #noVNC_popup_status_panel {
   display:none;
   position: fixed;
+  z-index: 1;
 
   margin:15px;
   margin-top:60px;

From 35b29c98eae568e8cead3963aae84da088630c0d Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Wed, 17 Jul 2013 16:11:19 +0200
Subject: [PATCH 11/30] * On low resolution devices the status text is now
 justified to the left   button group instead of centered. * On low resolution
 devices the padding towards the edges of the screen of   the left and right
 button groups are now removed. * Since the status_bar was merged into the
 control-bar the actual status_bar   element became redundant and was therefor
 removed. * Improved the style of the control-bar when there is an error or a
 warning. * Implemented a fix so that vnc_auto.html works as intended with the
 improved   screen real estate patch.

---
 include/base.css  | 92 +++++++++++++++++++++++++++++------------------
 include/black.css | 20 ++++++++++-
 include/blue.css  | 32 ++++++++++++++++-
 include/ui.js     |  9 ++---
 vnc.html          |  9 ++---
 vnc_auto.html     |  4 ++-
 6 files changed, 117 insertions(+), 49 deletions(-)

diff --git a/include/base.css b/include/base.css
index a221412c..e941eec0 100644
--- a/include/base.css
+++ b/include/base.css
@@ -51,7 +51,6 @@ html {
   float:right;
 }
 
-
 #noVNC_view_drag_button {
   display: none;
 }
@@ -64,7 +63,6 @@ html {
 
 .noVNC-buttons-left {
   float: left;
-  padding-left:10px;
   z-index: 1;
   position: relative;
 }
@@ -72,30 +70,19 @@ html {
 .noVNC-buttons-right {
   float:right;
   right: 0px;
-  padding-right:10px;
-  z-index: 1;
-  position: relative;
-}
-
-#noVNC_status_bar {
-  margin-top: 0px;
-  padding: 0px;
-  z-index: 0;
+  z-index: 2;
   position: absolute;
-  width: 100%;
-}
-
-#noVNC_status_bar div {
-  font-size: 12px;
-  padding-top: 4px;
 }
 
 #noVNC_status {
+  font-size: 12px;
+  padding-top: 4px;
   height:32px;
   text-align: center;
   font-weight: bold;
   color: #fff;
 }
+
 #noVNC_settings_menu {
   margin: 3px;
   text-align: left;
@@ -110,16 +97,6 @@ html {
   float:right;
 }
 
-.noVNC_status_normal {
-  background: transparent;
-}
-.noVNC_status_error {
-  background: rgba(240,64,64,0.5);
-}
-.noVNC_status_warn {
-  background: rgba(240,240,64,0.5);
-}
-
 /* Do not set width/height for VNC_screen or VNC_canvas or incorrect
  * scaling will occur. Canvas resizes to remote VNC settings */
 #noVNC_screen_pad {
@@ -238,9 +215,7 @@ html {
  * Advanced Styling
  */
 
-/* Control bar */
-#noVNC-control-bar {
-  position:fixed;
+.noVNC_status_normal {
   background: #b2bdcd; /* Old browsers */
   background: -moz-linear-gradient(top, #b2bdcd 0%, #899cb3 49%, #7e93af 51%, #6e84a3 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2bdcd), color-stop(49%,#899cb3), color-stop(51%,#7e93af), color-stop(100%,#6e84a3)); /* Chrome,Safari4+ */
@@ -248,7 +223,30 @@ html {
   background: -o-linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* IE10+ */
   background: linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* W3C */
+}
+.noVNC_status_error {
+  background: #f04040; /* Old browsers */
+  background: -moz-linear-gradient(top, #f04040 0%, #899cb3 49%, #7e93af 51%, #6e84a3 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f04040), color-stop(49%,#899cb3), color-stop(51%,#7e93af), color-stop(100%,#6e84a3)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* IE10+ */
+  background: linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* W3C */
+}
+.noVNC_status_warn {
+  background: #f0f040; /* Old browsers */
+  background: -moz-linear-gradient(top, #f0f040 0%, #899cb3 49%, #7e93af 51%, #6e84a3 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f040), color-stop(49%,#899cb3), color-stop(51%,#7e93af), color-stop(100%,#6e84a3)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* IE10+ */
+  background: linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* W3C */
+}
 
+/* Control bar */
+#noVNC-control-bar {
+  position:fixed;
+  
   display:block;
   height:36px;
   left:0;
@@ -391,10 +389,39 @@ html {
   font-size: 180px;
 }
 
-@media screen and (min-width: 481px) and (max-width: 640px) {
+.noVNC-buttons-left {
+  padding-left: 10px;
+}
+
+.noVNC-buttons-right {
+  padding-right: 10px;
+}
+
+#noVNC_status {
+  z-index: 0;
+  position: absolute;
+  width: 100%;
+}
+
+@media screen and (max-width: 640px){
   .noVNC_status_button {
     font-size: 10px;
   }
+  .noVNC-buttons-left {
+    padding-left: 0px;
+  }
+  .noVNC-buttons-right {
+    padding-right: 0px;
+  }
+  #noVNC_status {
+    z-index: 1;
+    position: relative;
+    width: auto;
+    float: left;
+  }
+}
+
+@media screen and (min-width: 481px) and (max-width: 640px) {
   #noVNC_clipboard_text {
     width: 410px;
   }
@@ -404,9 +431,6 @@ html {
 }
 
 @media screen and (min-width: 321px) and (max-width: 480px) {
-  .noVNC_status_button {
-    font-size: 10px;
-  }
   #noVNC_clipboard_text {
     width: 250px;
   }
diff --git a/include/black.css b/include/black.css
index 351f7b24..e03ae862 100644
--- a/include/black.css
+++ b/include/black.css
@@ -9,7 +9,7 @@
   background-color:#000;
 }
 
-#noVNC-control-bar {
+.noVNC_status_normal {
   background: #4c4c4c; /* Old browsers */
   background: -moz-linear-gradient(top, #4c4c4c 0%, #2c2c2c 50%, #000000 51%, #131313 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */
@@ -18,6 +18,24 @@
   background: -ms-linear-gradient(top, #4c4c4c 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* IE10+ */
   background: linear-gradient(top, #4c4c4c 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* W3C */
 }
+.noVNC_status_error {
+  background: #f04040; /* Old browsers */
+  background: -moz-linear-gradient(top, #f04040 0%, #2c2c2c 50%, #000000 51%, #131313 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f04040), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f04040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f04040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #f04040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* IE10+ */
+  background: linear-gradient(top, #f04040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* W3C */
+}
+.noVNC_status_warn {
+  background: #f0f040; /* Old browsers */
+  background: -moz-linear-gradient(top, #f0f040 0%, #2c2c2c 50%, #000000 51%, #131313 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f040), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f0f040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f0f040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #f0f040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* IE10+ */
+  background: linear-gradient(top, #f0f040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* W3C */
+}
 
 .triangle-right {
   border:2px solid #fff;
diff --git a/include/blue.css b/include/blue.css
index 6fff89a5..70244969 100644
--- a/include/blue.css
+++ b/include/blue.css
@@ -5,7 +5,7 @@
  * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
  */
 
-#noVNC-control-bar {
+.noVNC_status_normal {
   background-color:#04073d;
   background-image: -webkit-gradient(
     linear,
@@ -20,6 +20,36 @@
     rgb(4,7,61) 50%
   );
 }
+.noVNC_status_error {
+  background-color:#f04040;
+  background-image: -webkit-gradient(
+    linear,
+    left bottom,
+    left top,
+    color-stop(0.54, rgb(240,64,64)),
+    color-stop(0.5, rgb(4,7,61))
+  );
+  background-image: -moz-linear-gradient(
+    center bottom,
+    rgb(4,7,61) 54%,
+    rgb(249,64,64) 50%
+  );
+}
+.noVNC_status_warn {
+  background-color:#f0f040;
+  background-image: -webkit-gradient(
+    linear,
+    left bottom,
+    left top,
+    color-stop(0.54, rgb(240,240,64)),
+    color-stop(0.5, rgb(4,7,61))
+  );
+  background-image: -moz-linear-gradient(
+    center bottom,
+    rgb(4,7,61) 54%,
+    rgb(240,240,64) 50%
+  );
+}
 
 .triangle-right {
   border:2px solid #fff;
diff --git a/include/ui.js b/include/ui.js
index de75a632..b7bce23f 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -158,7 +158,7 @@ addMouseHandlers: function() {
     $D("keyboardinput").onblur = UI.keyInputBlur;
 
     $D("sendCtrlAltDelButton").onclick = UI.sendCtrlAltDel;
-    $D("noVNC_status_bar").onclick = UI.togglePopupStatusPanel;
+    $D("noVNC_status").onclick = UI.togglePopupStatusPanel;
     $D("noVNC_popup_status_panel").onclick = UI.togglePopupStatusPanel;
     $D("clipboardButton").onclick = UI.toggleClipboardPanel;
     $D("settingsButton").onclick = UI.toggleSettingsPanel;
@@ -470,8 +470,6 @@ setMouseButton: function(num) {
 updateState: function(rfb, state, oldstate, msg) {
     var s, sb, c, d, cad, vd, klass;
     UI.rfb_state = state;
-    s = $D('noVNC_status');
-    sb = $D('noVNC_status_bar');
     switch (state) {
         case 'failed':
         case 'fatal':
@@ -501,9 +499,8 @@ updateState: function(rfb, state, oldstate, msg) {
     }
 
     if (typeof(msg) !== 'undefined') {
-        s.setAttribute("class", klass);
-        sb.setAttribute("class", klass);
-        s.innerHTML = msg;
+        $D('noVNC-control-bar').setAttribute("class", klass);
+        $D('noVNC_status').innerHTML = msg;
     }
 
     UI.updateVisualState();
diff --git a/vnc.html b/vnc.html
index 672d4978..16362519 100644
--- a/vnc.html
+++ b/vnc.html
@@ -65,15 +65,12 @@
                 <input type="image" src="images/keyboard.png"
                     id="showKeyboard" class="noVNC_status_button"
                     value="Keyboard" title="Show Keyboard"/>
-                <input type="email"
-                    autocapitalize="off" autocorrect="off"
-                    id="keyboardinput" class="noVNC_status_button"/>
+                <input type="email" autocapitalize="off" autocorrect="off"
+                    id="keyboardinput" class=""/>
             </div>
         </div>
 
-        <div id="noVNC_status_bar" class="noVNC_status_bar">
-                <div id="noVNC_status">Loading</div>
-        </div>
+        <div id="noVNC_status">Loading</div>
 
         <!--noVNC Buttons-->
         <div class="noVNC-buttons-right">
diff --git a/vnc_auto.html b/vnc_auto.html
index d8eb0a5a..9ffee838 100644
--- a/vnc_auto.html
+++ b/vnc_auto.html
@@ -46,7 +46,9 @@
     <div id="noVNC_screen">
             <div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
                 <table border=0 width="100%"><tr>
-                    <td><div id="noVNC_status">Loading</div></td>
+                    <td><div id="noVNC_status" style="position: relative; height: auto;">
+                        Loading
+                    </div></td>
                     <td width="1%"><div id="noVNC_buttons">
                         <input type=button value="Send CtrlAltDel"
                             id="sendCtrlAltDelButton">

From 0019d3b0555b3403ff1a7fb6c555f0c025d6db6b Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Wed, 17 Jul 2013 16:44:13 +0200
Subject: [PATCH 12/30] Added Copyright information to all modified files.

---
 include/base.css  | 1 +
 include/black.css | 1 +
 include/blue.css  | 1 +
 vnc.html          | 1 +
 vnc_auto.html     | 1 +
 5 files changed, 5 insertions(+)

diff --git a/include/base.css b/include/base.css
index e941eec0..0578619e 100644
--- a/include/base.css
+++ b/include/base.css
@@ -1,6 +1,7 @@
 /*
  * noVNC base CSS
  * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
  * noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
  * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
  */
diff --git a/include/black.css b/include/black.css
index e03ae862..7d940c5a 100644
--- a/include/black.css
+++ b/include/black.css
@@ -1,6 +1,7 @@
 /*
  * noVNC black CSS
  * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
  * noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
  * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
  */
diff --git a/include/blue.css b/include/blue.css
index 70244969..b2a0adcc 100644
--- a/include/blue.css
+++ b/include/blue.css
@@ -1,6 +1,7 @@
 /*
  * noVNC blue CSS
  * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
  * noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
  * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
  */
diff --git a/vnc.html b/vnc.html
index 16362519..66b70259 100644
--- a/vnc.html
+++ b/vnc.html
@@ -5,6 +5,7 @@
     <!--
     noVNC example: simple example using default UI
     Copyright (C) 2012 Joel Martin
+    Copyright (C) 2013 Samuel Mannehed for Cendio AB
     noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
     This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
 
diff --git a/vnc_auto.html b/vnc_auto.html
index 9ffee838..2aa21889 100644
--- a/vnc_auto.html
+++ b/vnc_auto.html
@@ -5,6 +5,7 @@
     <!-- 
     noVNC example: simple example using default UI
     Copyright (C) 2012 Joel Martin
+    Copyright (C) 2013 Samuel Mannehed for Cendio AB
     noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
     This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
 

From 406a8b4e964411d96c18225c402dbe1d20138e88 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 18 Jul 2013 15:51:23 +0200
Subject: [PATCH 13/30] Display the desktop name in the document title

---
 include/rfb.js |  4 ++++
 include/ui.js  | 10 +++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/include/rfb.js b/include/rfb.js
index d9137370..16ae76d5 100644
--- a/include/rfb.js
+++ b/include/rfb.js
@@ -1,6 +1,7 @@
 /*
  * noVNC: HTML5 VNC client
  * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
  * Licensed under MPL 2.0 (see LICENSE.txt)
  *
  * See README.md for usage and integration instructions.
@@ -165,6 +166,8 @@ Util.conf_defaults(conf, that, defaults, [
         'onFBUComplete(rfb, fbu): RFB FBU received and processed '],
     ['onFBResize',         'rw', 'func', function() { },
         'onFBResize(rfb, width, height): frame buffer resized'],
+    ['onDesktopName',      'rw', 'func', function() { },
+        'onDesktopName(rfb, name): desktop name received'],
 
     // These callback names are deprecated
     ['updateState',        'rw', 'func', function() { },
@@ -873,6 +876,7 @@ init_msg = function() {
         /* Connection name/title */
         name_length   = ws.rQshift32();
         fb_name = ws.rQshiftStr(name_length);
+        conf.onDesktopName(that, fb_name);
         
         if (conf.true_color && fb_name === "Intel(r) AMT KVM")
         {
diff --git a/include/ui.js b/include/ui.js
index 3387567a..189aa27a 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -1,6 +1,7 @@
 /*
  * noVNC: HTML5 VNC client
  * Copyright (C) 2012 Joel Martin
+ * Copyright (C) 2013 Samuel Mannehed for Cendio AB
  * Licensed under MPL 2.0 (see LICENSE.txt)
  *
  * See README.md for usage and integration instructions.
@@ -82,7 +83,8 @@ start: function(callback) {
 
     UI.rfb = RFB({'target': $D('noVNC_canvas'),
                   'onUpdateState': UI.updateState,
-                  'onClipboard': UI.clipReceive});
+                  'onClipboard': UI.clipReceive,
+                  'onDesktopName': UI.updateDocumentTitle});
     UI.updateVisualState();
 
     // Unfocus clipboard when over the VNC area
@@ -530,6 +532,12 @@ updateVisualState: function() {
 },
 
 
+// Display the desktop name in the document title
+updateDocumentTitle: function(rfb, name) {
+    document.title = name + " - noVNC";
+},
+
+
 clipReceive: function(rfb, text) {
     Util.Debug(">> UI.clipReceive: " + text.substr(0,40) + "...");
     $D('noVNC_clipboard_text').value = text;

From dfcedffc16a278815f56b78d6543f524fd4ba1cc Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Mon, 22 Jul 2013 15:46:59 +0200
Subject: [PATCH 14/30] Make noVNC follow the RFB protocol and keep only one
 outstanding framebufferUpdate request at a time.

---
 include/rfb.js | 51 +++++++++++++-------------------------------------
 1 file changed, 13 insertions(+), 38 deletions(-)

diff --git a/include/rfb.js b/include/rfb.js
index 16ae76d5..c15bc30d 100644
--- a/include/rfb.js
+++ b/include/rfb.js
@@ -103,7 +103,6 @@ var that           = {},  // Public API methods
     fb_height      = 0,
     fb_name        = "",
 
-    last_req_time  = 0,
     rre_chunk_sz   = 100,
 
     timing         = {
@@ -148,9 +147,6 @@ Util.conf_defaults(conf, that, defaults, [
 
     ['viewportDrag',       'rw', 'bool', false, 'Move the viewport on mouse drags'],
 
-    ['check_rate',         'rw', 'int', 217,  'Timing (ms) of send/receive check'],
-    ['fbu_req_rate',       'rw', 'int', 1413, 'Timing (ms) of frameBufferUpdate requests'],
-
     // Callback functions
     ['onUpdateState',      'rw', 'func', function() { },
         'onUpdateState(rfb, state, oldstate, statusMsg): RFB state update/change '],
@@ -569,44 +565,18 @@ function genDES(password, challenge) {
     return (new DES(passwd)).encrypt(challenge);
 }
 
-function flushClient() {
-    if (mouse_arr.length > 0) {
-        //send(mouse_arr.concat(fbUpdateRequests()));
-        ws.send(mouse_arr);
-        setTimeout(function() {
-                ws.send(fbUpdateRequests());
-            }, 50);
-
-        mouse_arr = [];
-        return true;
-    } else {
-        return false;
-    }
-}
-
 // overridable for testing
 checkEvents = function() {
-    var now;
-    if (rfb_state === 'normal' && !viewportDragging) {
-        if (! flushClient()) {
-            now = new Date().getTime();
-            if (now > last_req_time + conf.fbu_req_rate) {
-                last_req_time = now;
-                ws.send(fbUpdateRequests());
-            }
-        }
+    if (rfb_state === 'normal' && !viewportDragging && mouse_arr.length > 0) {
+        ws.send(mouse_arr);
+        mouse_arr = [];
     }
-    setTimeout(checkEvents, conf.check_rate);
 };
 
 keyPress = function(keysym, down) {
-    var arr;
-
     if (conf.view_only) { return; } // View only, skip keyboard events
 
-    arr = keyEvent(keysym, down);
-    arr = arr.concat(fbUpdateRequests());
-    ws.send(arr);
+    ws.send(keyEvent(keysym, down));
 };
 
 mouseButton = function(x, y, down, bmask) {
@@ -633,7 +603,8 @@ mouseButton = function(x, y, down, bmask) {
 
     mouse_arr = mouse_arr.concat(
             pointerEvent(display.absX(x), display.absY(y)) );
-    flushClient();
+    ws.send(mouse_arr);
+    mouse_arr = [];
 };
 
 mouseMove = function(x, y) {
@@ -656,7 +627,9 @@ mouseMove = function(x, y) {
     if (conf.view_only) { return; } // View only, skip mouse events
 
     mouse_arr = mouse_arr.concat(
-            pointerEvent(display.absX(x), display.absY(y)) );
+            pointerEvent(display.absX(x), display.absY(y)));
+    
+    checkEvents();
 };
 
 
@@ -905,8 +878,7 @@ init_msg = function() {
         timing.pixels = 0;
         ws.send(response);
         
-        /* Start pushing/polling */
-        setTimeout(checkEvents, conf.check_rate);
+        checkEvents();
 
         if (conf.encrypt) {
             updateState('normal', "Connected (encrypted) to: " + fb_name);
@@ -934,6 +906,9 @@ normal_msg = function() {
     switch (msg_type) {
     case 0:  // FramebufferUpdate
         ret = framebufferUpdate(); // false means need more data
+        if (ret) {
+            ws.send(fbUpdateRequests());
+        }
         break;
     case 1:  // SetColourMapEntries
         Util.Debug("SetColourMapEntries");

From fb4394b10baab8e7d68f26030b4b009e157a54d4 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Tue, 23 Jul 2013 14:26:11 +0200
Subject: [PATCH 15/30] Fixed so that viewportDrag works even if no mouse
 button is selected.

---
 include/input.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/include/input.js b/include/input.js
index b996c7d5..282ed690 100644
--- a/include/input.js
+++ b/include/input.js
@@ -543,7 +543,7 @@ function onMouseButton(e, down) {
     }
     //Util.Debug("mouse " + pos.x + "," + pos.y + " down: " + down +
     //           " bmask: " + bmask + "(evt.button: " + evt.button + ")");
-    if (bmask > 0 && conf.onMouseButton) {
+    if (conf.onMouseButton) {
         Util.Debug("onMouseButton " + (down ? "down" : "up") +
                    ", x: " + pos.x + ", y: " + pos.y + ", bmask: " + bmask);
         conf.onMouseButton(pos.x, pos.y, down, bmask);

From 41c66fbfcd31472f82c4a12bb712a2d798e1b477 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 25 Jul 2013 12:48:44 +0200
Subject: [PATCH 16/30] Added new images for the extra keys

---
 images/alt.png           | Bin 0 -> 339 bytes
 images/ctrl.png          | Bin 0 -> 354 bytes
 images/esc.png           | Bin 0 -> 385 bytes
 images/showextrakeys.png | Bin 0 -> 735 bytes
 images/tab.png           | Bin 0 -> 387 bytes
 5 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 images/alt.png
 create mode 100644 images/ctrl.png
 create mode 100644 images/esc.png
 create mode 100644 images/showextrakeys.png
 create mode 100644 images/tab.png

diff --git a/images/alt.png b/images/alt.png
new file mode 100644
index 0000000000000000000000000000000000000000..d42af7b421b9f1193620cb4a7114f1df27886d1c
GIT binary patch
literal 339
zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIY)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmP)y9AGfn3c|@SfJ1YPZ!4!kK=DA?d4@M<Z+Xopcmb6
zL@D5afJs0+qj3tm1hdMDn+-x-8o`GdrXTv}BdnrQ^r!rZ=Srd4^L@TkPX1Ass(hNe
z_??r>vg-<hGyep6xwxFOWPZTW@YvGg`I*HRwyU182?%A~z_1}CH1%2CTo+-RsSFXv
zALto>UsUjQv!4@3E(23Sx$<4+2dh>^&G&f67BAwO*^{~A)gQHlw4ThU?9=P7U#iY$
zoU@gULH+&Szpr+?q{tjL>$J>$WYr(E@cJVsj=AZ~_m3?|T-1=LlQ4TyhX?0_FW<D%
ejU<(nb}>A34~+4u<o^ovD}$%2pUXO@geCwjnSNpb

literal 0
HcmV?d00001

diff --git a/images/ctrl.png b/images/ctrl.png
new file mode 100644
index 0000000000000000000000000000000000000000..a63b601f19d9e62a784b9ae3619792ee0e7e1a14
GIT binary patch
literal 354
zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIY)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmP)y9AH0j{KENDnOz4o-U3d9>?EKa`a+$6maEEblBXv
zqublI^Z5ssChmi=1rK>`n#>Cpc5LscXyxJQ&70LIB0IC{X&RH3tZ?$3uhC)uAAQ%~
z=dm#0#6w#pC2J)m-^*`i-jt|dOLJh#dSJNyOLkI^a{|+uvu}bz`JFkM*S+>@X!rHq
z_o7j{y!=7c)kEp~_RqX&X~247rqA8G!CuF+|LYjD=Oy<XPW8NZ_wMUm_x^TwuIj6^
zx*j%ZP1g0f9Uh^f%l}_{F7epz1CxsJ?trU-x3{s^?tUk3^<b@k&6dDJ0*4NqSyyGu
u`pkjZM%N^*jBSrz_Vr!qIwD+^b_~4R^M1ZK>U#_5bp}sYKbLh*2~7a?){X-J

literal 0
HcmV?d00001

diff --git a/images/esc.png b/images/esc.png
new file mode 100644
index 0000000000000000000000000000000000000000..ece5f7cbef684a41f4a7bb9d632e4cb2310d6b5d
GIT binary patch
literal 385
zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIY)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmP)y9AG<$XUxK0|o|0K2I0N5Rc<;r)=~(;vmpwt~763
z(rf03YMC%Gv!>p;`x=s-3jg3Sv+J08Hk7^Wk+j5=)(kI8VZ)Z0e~+b2TwvK-mAbF2
z{@d)ElGk?5n>TO1$DHDGXL8aMJSYA45_?{oD9s()th9+WhB^2Fuf*zCdB(y{77Tew
z&kS1%{uE|Re6Mm~@64I2-aW6}r=)cIK&W#;RvKH+>Qzztr;B)Z{7}kVtXRpGB`8_-
zo?X|~X2#5`rF$<%rB3&A;!r=3y(X+NI`nR)$B{ESr#C&d_Xb*BZ7(n}k>jDxsd>+C
zaTaJQEjIC;?vf&+TE00gNaUzi!N1irSG<xl=$viJs;0E*=Sxri$7OquytR6@f6=^o
bd3%`kErR(!)cgd73<HCwtDnm{r-UW|jT@JR

literal 0
HcmV?d00001

diff --git a/images/showextrakeys.png b/images/showextrakeys.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad8e0a70d3eb7b5f4462f808ab987053fa4b0e56
GIT binary patch
literal 735
zcmV<50wDc~P)<h;3K|Lk000e1NJLTq000>P000>X1^@s6#OZ}&00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-3J*792=g7&T0Sv0&Gb{
zK~zY`y;U)56hRdJ-ppi!CtQjM#~p&_LBP(=X7C5tSO^h>^eIGa3<yEe2`MZ@Ez$`A
zQ)m$|{~!zmi*$QU;4n6FlE9IL4I5|Pv)K!mb8jztNggc2?E4<yoA>6M2V8-Xh|B|c
z0YCsW^8Y^p1OTrA>=4nxq$KMA7Do8L0eDPA`$bOYTou6Q5W<ZR0<_l9S|0$Ix7Hr@
zaVF2W%%sF;MC5M0Uaz%UEp$2^bi3Uy5t%`dnt<RGV~l}P3dWei7<Cbi6_GP*5lK`M
zA6-NeCWP=+Yfbt7c7ELN`ML$**Tf{om<<3Mm#Gsoq?5m{cwa9>wB?-B01PwB;o+fp
z@6A9JPGh|HW^;3MYIb&(lu~2>JOprWOfs+X(zO7*G{&IWY)S}WI)qTwS_1&I)`+60
zs<nPIGc%JNA0HDlpGzl$)&Y<(^Ydo2iAtpcW=5Z+(P*Gnt6ft{Eu?9RIF13}Ekxv_
zjJKU3rLQ^XI8D<+aGIv#oMY$Q+JEW9IY-voMP^=(<M<>=k~97!Nf5{J2{SKSYZsk!
zq|T{@Q;fA%^7^l4S+>${x24zX0RVcv9@_1;WLdVNwO;Mx$$S4qYyEJ{)3QZGpGKVQ
zol@%Q+}s@P?d=IOf3Vg*D|!~HBfiQIZhFw~y}v0UHRs&Y_V#w_oLlObbksbl7bJR=
zW!a-Biry2^oe}TWL6&6?c6WEL1K79Lh9b~<$*uY=B349xlweX3xmDIsHAW{M0OxBN
zM#hm`x?LGbnNFs>_XJ?74D&DZq%~Aq4WMI;iJAF}QtEy|Z#01TB4*CS_6MPNtqWrX
RMSuVR002ovPDHLkV1j-yMWX-!

literal 0
HcmV?d00001

diff --git a/images/tab.png b/images/tab.png
new file mode 100644
index 0000000000000000000000000000000000000000..84134872a881a627f745a432a3c951254cda26cb
GIT binary patch
literal 387
zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIY)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmP)y9AGr(VqkNfCexMc)B=-cpQH_#nA7tgMe!?hZ5_{
zMsAl!Od$nK=NL4coJ!_2I4fwan^<CE$0W3Af$~K$kt4EwH*WmrJ?pkfr>WPez236Q
zxV~)Pmbreb!~RE$eG$IAmU)pz*R|Ls(Q=zi{&XKq&Aq}nY2Dc~42<~)YG*C`o4+Gi
zfzhrp-BY~xz4ptrjS(^y&#NZ29sIEF7IV+@&p+#?rS3j(<BZRxpX;4_9#<Ii%n7UB
z^SwFsY_&bdo#3^e^PaaKVE(|jV$0T5wv$h$R7Vz{`^q%^>MVx!X=$#3b5uMxna)02
zw(86+ea1O6Bj-JL&z$wG@ph=1;^e&(PHLnW<rJ+;ejxbaK**)5TEd>`jei;9RARTq
fhprAg`;}G9rs2;o<>%Ld!NuU|>gTe~DWM4f3=5y^

literal 0
HcmV?d00001


From 53c01a2353d1f1d539e5568ea8552d4565ba42f2 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 25 Jul 2013 12:49:37 +0200
Subject: [PATCH 17/30] Added the extra keys Ctrl, Alt, Tab and Esc to the
 control bar.

---
 include/base.css | 55 ++++++++++++++++++++++++++++++++
 include/ui.js    | 81 +++++++++++++++++++++++++++++++++++++++++++++++-
 vnc.html         | 17 ++++++++++
 3 files changed, 152 insertions(+), 1 deletion(-)

diff --git a/include/base.css b/include/base.css
index 0578619e..cc6575f3 100644
--- a/include/base.css
+++ b/include/base.css
@@ -62,6 +62,14 @@ html {
   display: none;
 }
 
+#noVNC_extra_keys {
+  display: inline;
+  list-style-type: none;
+  padding: 0px;
+  margin: 0px;
+  position: relative;
+}
+
 .noVNC-buttons-left {
   float: left;
   z-index: 1;
@@ -404,6 +412,31 @@ html {
   width: 100%;
 }
 
+#noVNC_extra_keys {
+  float: none;
+  top: 0px;
+}
+
+#noVNC_extra_keys li {  
+  display: inline;
+}
+
+#showExtraKeysButton {
+  display: none;
+}
+#toggleCtrlButton {
+  display: inline;
+}
+#toggleAltButton {
+  display: inline;
+}
+#sendTabButton {
+  display: inline;
+}
+#sendEscButton {
+  display: inline;
+}
+
 @media screen and (max-width: 640px){
   .noVNC_status_button {
     font-size: 10px;
@@ -420,6 +453,28 @@ html {
     width: auto;
     float: left;
   }
+  #noVNC_extra_keys {
+    float: right;
+    top: -35px;
+  }
+  #noVNC_extra_keys li {
+    display: block;
+  }
+  #showExtraKeysButton {
+    display: inline;
+  }
+  #toggleCtrlButton {
+    display: none;
+  }
+  #toggleAltButton {
+    display: none;
+  }
+  #sendTabButton {
+    display: none;
+  }
+  #sendEscButton {
+    display: none;
+  }
 }
 
 @media screen and (min-width: 481px) and (max-width: 640px) {
diff --git a/include/ui.js b/include/ui.js
index b933d312..057a42fb 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -24,6 +24,10 @@ connSettingsOpen : false,
 popupStatusOpen : false,
 clipboardOpen: false,
 keyboardVisible: false,
+hideKeyboardTimeout: null,
+extraKeysVisible: false,
+ctrlOn: false,
+altOn: false,
 
 // Setup rfb object, load settings from browser storage, then call
 // UI.init to setup the UI/menus
@@ -158,6 +162,12 @@ addMouseHandlers: function() {
     //$D("keyboardinput").onkeydown = function (event) { onKeyDown(event); };
     $D("keyboardinput").onblur = UI.keyInputBlur;
 
+    $D("showExtraKeysButton").onclick = UI.showExtraKeys;
+    $D("toggleCtrlButton").onclick = UI.toggleCtrl;
+    $D("toggleAltButton").onclick = UI.toggleAlt;
+    $D("sendTabButton").onclick = UI.sendTab;
+    $D("sendEscButton").onclick = UI.sendEsc;
+
     $D("sendCtrlAltDelButton").onclick = UI.sendCtrlAltDel;
     $D("noVNC_status").onclick = UI.togglePopupStatusPanel;
     $D("noVNC_popup_status_panel").onclick = UI.togglePopupStatusPanel;
@@ -532,13 +542,16 @@ updateVisualState: function() {
         UI.setMouseButton(1);
         $D('clipboardButton').style.display = "inline";
         $D('showKeyboard').style.display = "inline";
+        $D('noVNC_extra_keys').style.display = "";
         $D('sendCtrlAltDelButton').style.display = "inline";
     } else {
         UI.setMouseButton();
         $D('clipboardButton').style.display = "none";
         $D('showKeyboard').style.display = "none";
+        $D('noVNC_extra_keys').style.display = "none";
         $D('sendCtrlAltDelButton').style.display = "none";
     }
+    
     // State change disables viewport dragging.
     // It is enabled (toggled) by direct click on the button
     UI.setViewDrag(false);
@@ -712,12 +725,78 @@ showKeyboard: function() {
     }
 },
 
+keepKeyboard: function() {
+    clearTimeout(UI.hideKeyboardTimeout);
+    if(UI.keyboardVisible === true) {
+        $D('keyboardinput').focus();
+        $D('showKeyboard').className = "noVNC_status_button_selected";
+    } else if(UI.keyboardVisible === false) {
+        $D('keyboardinput').blur();
+        $D('showKeyboard').className = "noVNC_status_button";
+    }
+},
+
 keyInputBlur: function() {
     $D('showKeyboard').className = "noVNC_status_button";
     //Weird bug in iOS if you change keyboardVisible
     //here it does not actually occur so next time
     //you click keyboard icon it doesnt work.
-    setTimeout(function() { UI.setKeyboard(); },100);
+    UI.hideKeyboardTimeout = setTimeout(function() { UI.setKeyboard(); },100);
+},
+
+showExtraKeys: function() {
+    UI.keepKeyboard();
+    if(UI.extraKeysVisible === false) {
+        $D('toggleCtrlButton').style.display = "inline";
+        $D('toggleAltButton').style.display = "inline";
+        $D('sendTabButton').style.display = "inline";
+        $D('sendEscButton').style.display = "inline";
+        $D('showExtraKeysButton').className = "noVNC_status_button_selected";
+        UI.extraKeysVisible = true;
+    } else if(UI.extraKeysVisible === true) {
+        $D('toggleCtrlButton').style.display = "";
+        $D('toggleAltButton').style.display = "";
+        $D('sendTabButton').style.display = "";
+        $D('sendEscButton').style.display = "";
+        $D('showExtraKeysButton').className = "noVNC_status_button";
+        UI.extraKeysVisible = false;
+    }
+},
+
+toggleCtrl: function() {
+    UI.keepKeyboard();
+    if(UI.ctrlOn === false) {
+        UI.rfb.sendKey(0xFFE3, true);
+        $D('toggleCtrlButton').className = "noVNC_status_button_selected";
+        UI.ctrlOn = true;
+    } else if(UI.ctrlOn === true) {
+        UI.rfb.sendKey(0xFFE3, false);
+        $D('toggleCtrlButton').className = "noVNC_status_button";
+        UI.ctrlOn = false;
+    }
+},
+
+toggleAlt: function() {
+    UI.keepKeyboard();
+    if(UI.altOn === false) {
+        UI.rfb.sendKey(0xFFE9, true);
+        $D('toggleAltButton').className = "noVNC_status_button_selected";
+        UI.altOn = true;
+    } else if(UI.altOn === true) {
+        UI.rfb.sendKey(0xFFE9, false);
+        $D('toggleAltButton').className = "noVNC_status_button";
+        UI.altOn = false;
+    }
+},
+
+sendTab: function() {
+    UI.keepKeyboard();
+    UI.rfb.sendKey(0xFF09);
+},
+
+sendEsc: function() {
+    UI.keepKeyboard();
+    UI.rfb.sendKey(0xFF1B);
 },
 
 setKeyboard: function() {
diff --git a/vnc.html b/vnc.html
index 66b70259..306ab859 100644
--- a/vnc.html
+++ b/vnc.html
@@ -68,6 +68,23 @@
                     value="Keyboard" title="Show Keyboard"/>
                 <input type="email" autocapitalize="off" autocorrect="off"
                     id="keyboardinput" class=""/>
+                <ul id="noVNC_extra_keys">
+                    <li><input type="image" src="images/showextrakeys.png"
+                            id="showExtraKeysButton"
+                            class="noVNC_status_button"></li>
+                    <li><input type="image" src="images/ctrl.png"
+                            id="toggleCtrlButton"
+                            class="noVNC_status_button"></li>
+                    <li><input type="image" src="images/alt.png"
+                            id="toggleAltButton"
+                            class="noVNC_status_button"></li>
+                    <li><input type="image" src="images/tab.png"
+                            id="sendTabButton"
+                            class="noVNC_status_button"></li>
+                    <li><input type="image" src="images/esc.png"
+                            id="sendEscButton"
+                            class="noVNC_status_button"></li>
+                </ul>
             </div>
         </div>
 

From 9d04096e58579922391d37bf6d5115dea709f991 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 25 Jul 2013 14:05:52 +0200
Subject: [PATCH 18/30] Tweaked the media sizing rules to match the new buttons
 to the left.

---
 include/base.css | 73 +++++++++++++++++++-----------------------------
 1 file changed, 28 insertions(+), 45 deletions(-)

diff --git a/include/base.css b/include/base.css
index cc6575f3..d4f8501e 100644
--- a/include/base.css
+++ b/include/base.css
@@ -410,34 +410,41 @@ html {
   z-index: 0;
   position: absolute;
   width: 100%;
+  margin-left: 0px;
 }
 
 #noVNC_extra_keys {
   float: none;
   top: 0px;
 }
-
 #noVNC_extra_keys li {  
   display: inline;
 }
 
-#showExtraKeysButton {
-  display: none;
-}
-#toggleCtrlButton {
-  display: inline;
-}
-#toggleAltButton {
-  display: inline;
-}
-#sendTabButton {
-  display: inline;
-}
-#sendEscButton {
-  display: inline;
+#showExtraKeysButton { display: none; }
+#toggleCtrlButton { display: inline; }
+#toggleAltButton {  display: inline; }
+#sendTabButton { display: inline; }
+#sendEscButton { display: inline; }
+
+/* left-align the status text on lower resolutions */
+@media screen and (max-width: 800px){
+  #noVNC_status {
+    z-index: 1;
+    position: relative;
+    width: auto;
+    float: left;
+    margin-left: 4px;
+  }
 }
 
 @media screen and (max-width: 640px){
+  #noVNC_clipboard_text {
+    width: 410px;
+  }
+  #noVNC_logo {
+    font-size: 150px;
+  }
   .noVNC_status_button {
     font-size: 10px;
   }
@@ -447,12 +454,6 @@ html {
   .noVNC-buttons-right {
     padding-right: 0px;
   }
-  #noVNC_status {
-    z-index: 1;
-    position: relative;
-    width: auto;
-    float: left;
-  }
   #noVNC_extra_keys {
     float: right;
     top: -35px;
@@ -460,30 +461,12 @@ html {
   #noVNC_extra_keys li {
     display: block;
   }
-  #showExtraKeysButton {
-    display: inline;
-  }
-  #toggleCtrlButton {
-    display: none;
-  }
-  #toggleAltButton {
-    display: none;
-  }
-  #sendTabButton {
-    display: none;
-  }
-  #sendEscButton {
-    display: none;
-  }
-}
-
-@media screen and (min-width: 481px) and (max-width: 640px) {
-  #noVNC_clipboard_text {
-    width: 410px;
-  }
-  #noVNC_logo {
-    font-size: 150px;
-  }
+  /* collapse the extra keys on lower resolutions */
+  #showExtraKeysButton { display: inline; }
+  #toggleCtrlButton { display: none; }
+  #toggleAltButton {  display: none; }
+  #sendTabButton { display: none; }
+  #sendEscButton { display: none; }
 }
 
 @media screen and (min-width: 321px) and (max-width: 480px) {

From bd88b943938deddde09f8459b0b96ea82a542f12 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 25 Jul 2013 15:34:16 +0200
Subject: [PATCH 19/30] Switched from using a list to absolute positions to
 achieve more consistant behavior across different browsers.

---
 include/base.css | 47 +++++++++++++++++++++++++++--------------------
 vnc.html         | 34 +++++++++++++++++-----------------
 2 files changed, 44 insertions(+), 37 deletions(-)

diff --git a/include/base.css b/include/base.css
index d4f8501e..f57d20e3 100644
--- a/include/base.css
+++ b/include/base.css
@@ -413,14 +413,6 @@ html {
   margin-left: 0px;
 }
 
-#noVNC_extra_keys {
-  float: none;
-  top: 0px;
-}
-#noVNC_extra_keys li {  
-  display: inline;
-}
-
 #showExtraKeysButton { display: none; }
 #toggleCtrlButton { display: inline; }
 #toggleAltButton {  display: inline; }
@@ -454,19 +446,34 @@ html {
   .noVNC-buttons-right {
     padding-right: 0px;
   }
-  #noVNC_extra_keys {
-    float: right;
-    top: -35px;
-  }
-  #noVNC_extra_keys li {
-    display: block;
-  }
   /* collapse the extra keys on lower resolutions */
-  #showExtraKeysButton { display: inline; }
-  #toggleCtrlButton { display: none; }
-  #toggleAltButton {  display: none; }
-  #sendTabButton { display: none; }
-  #sendEscButton { display: none; }
+  #showExtraKeysButton {
+    display: inline;
+  }
+  #toggleCtrlButton {
+    display: none;
+    position: absolute;
+    top: 30px;
+    left: 0px;
+  }
+  #toggleAltButton {
+    display: none;
+    position: absolute;
+    top: 65px;
+    left: 0px;
+  }
+  #sendTabButton {
+    display: none;
+    position: absolute;
+    top: 100px;
+    left: 0px;
+  }
+  #sendEscButton {
+    display: none;
+    position: absolute;
+    top: 135px;
+    left: 0px;
+  }
 }
 
 @media screen and (min-width: 321px) and (max-width: 480px) {
diff --git a/vnc.html b/vnc.html
index 306ab859..ae95551e 100644
--- a/vnc.html
+++ b/vnc.html
@@ -68,23 +68,23 @@
                     value="Keyboard" title="Show Keyboard"/>
                 <input type="email" autocapitalize="off" autocorrect="off"
                     id="keyboardinput" class=""/>
-                <ul id="noVNC_extra_keys">
-                    <li><input type="image" src="images/showextrakeys.png"
-                            id="showExtraKeysButton"
-                            class="noVNC_status_button"></li>
-                    <li><input type="image" src="images/ctrl.png"
-                            id="toggleCtrlButton"
-                            class="noVNC_status_button"></li>
-                    <li><input type="image" src="images/alt.png"
-                            id="toggleAltButton"
-                            class="noVNC_status_button"></li>
-                    <li><input type="image" src="images/tab.png"
-                            id="sendTabButton"
-                            class="noVNC_status_button"></li>
-                    <li><input type="image" src="images/esc.png"
-                            id="sendEscButton"
-                            class="noVNC_status_button"></li>
-                </ul>
+                <div id="noVNC_extra_keys">
+                    <input type="image" src="images/showextrakeys.png"
+                        id="showExtraKeysButton"
+                        class="noVNC_status_button">
+                    <input type="image" src="images/ctrl.png"
+                        id="toggleCtrlButton"
+                        class="noVNC_status_button">
+                    <input type="image" src="images/alt.png"
+                        id="toggleAltButton"
+                        class="noVNC_status_button">
+                    <input type="image" src="images/tab.png"
+                        id="sendTabButton"
+                        class="noVNC_status_button">
+                    <input type="image" src="images/esc.png"
+                        id="sendEscButton"
+                        class="noVNC_status_button">
+                </div>
             </div>
         </div>
 

From c39df031d865c9abbd8d9e394f4116dc161285da Mon Sep 17 00:00:00 2001
From: Anton Lundin <anton@dohi.se>
Date: Fri, 2 Aug 2013 09:56:15 +0200
Subject: [PATCH 20/30] clearTimeout instead of clearInterval for timers

We create timeouts, not intervals. Then we need to clear them with
clearTimeout.
---
 include/rfb.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/include/rfb.js b/include/rfb.js
index 16ae76d5..5258f09d 100644
--- a/include/rfb.js
+++ b/include/rfb.js
@@ -403,7 +403,7 @@ updateState = function(state, statusMsg) {
         }
 
         if (msgTimer) {
-            clearInterval(msgTimer);
+            clearTimeout(msgTimer);
             msgTimer = null;
         }
 
@@ -444,13 +444,13 @@ updateState = function(state, statusMsg) {
 
     if (connTimer && (rfb_state !== 'connect')) {
         Util.Debug("Clearing connect timer");
-        clearInterval(connTimer);
+        clearTimeout(connTimer);
         connTimer = null;
     }
 
     if (disconnTimer && (rfb_state !== 'disconnect')) {
         Util.Debug("Clearing disconnect timer");
-        clearInterval(disconnTimer);
+        clearTimeout(disconnTimer);
         disconnTimer = null;
     }
 

From 76e262134e5ba795f9cc77dcfb8dad5ece99ea70 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 29 Aug 2013 13:38:12 +0200
Subject: [PATCH 21/30] * Removed fbu-requests from the places I missed
 earlier. * Added a few clarifying comments.

---
 include/rfb.js | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/include/rfb.js b/include/rfb.js
index c15bc30d..53c38796 100644
--- a/include/rfb.js
+++ b/include/rfb.js
@@ -595,7 +595,6 @@ mouseButton = function(x, y, down, bmask) {
             return;
         } else {
             viewportDragging = false;
-            ws.send(fbUpdateRequests()); // Force immediate redraw
         }
     }
 
@@ -873,7 +872,7 @@ init_msg = function() {
 
         response = pixelFormat();
         response = response.concat(clientEncodings());
-        response = response.concat(fbUpdateRequests());
+        response = response.concat(fbUpdateRequests()); // initial fbu-request
         timing.fbu_rt_start = (new Date()).getTime();
         timing.pixels = 0;
         ws.send(response);
@@ -907,6 +906,7 @@ normal_msg = function() {
     case 0:  // FramebufferUpdate
         ret = framebufferUpdate(); // false means need more data
         if (ret) {
+            // only allow one outstanding fbu-request at a time
             ws.send(fbUpdateRequests());
         }
         break;
@@ -1571,8 +1571,6 @@ encHandlers.DesktopSize = function set_desktopsize() {
     conf.onFBResize(that, fb_width, fb_height);
     display.resize(fb_width, fb_height);
     timing.fbu_rt_start = (new Date()).getTime();
-    // Send a new non-incremental request
-    ws.send(fbUpdateRequests());
 
     FBU.bytes = 0;
     FBU.rects -= 1;
@@ -1798,7 +1796,6 @@ that.sendCtrlAltDel = function() {
     arr = arr.concat(keyEvent(0xFFFF, 0)); // Delete
     arr = arr.concat(keyEvent(0xFFE9, 0)); // Alt
     arr = arr.concat(keyEvent(0xFFE3, 0)); // Control
-    arr = arr.concat(fbUpdateRequests());
     ws.send(arr);
 };
 
@@ -1815,7 +1812,6 @@ that.sendKey = function(code, down) {
         arr = arr.concat(keyEvent(code, 1));
         arr = arr.concat(keyEvent(code, 0));
     }
-    arr = arr.concat(fbUpdateRequests());
     ws.send(arr);
 };
 

From 04d6a8347f9638271255afc738f4b64d75919fe4 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Thu, 29 Aug 2013 17:35:22 +0200
Subject: [PATCH 22/30] Added variables for the keysums to make the code easier
 to read.

---
 include/ui.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/include/ui.js b/include/ui.js
index 057a42fb..50ca430e 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -764,39 +764,43 @@ showExtraKeys: function() {
 },
 
 toggleCtrl: function() {
+    var ctrlKeysum = 0xFFE3;
     UI.keepKeyboard();
     if(UI.ctrlOn === false) {
-        UI.rfb.sendKey(0xFFE3, true);
+        UI.rfb.sendKey(ctrlKeysum, true);
         $D('toggleCtrlButton').className = "noVNC_status_button_selected";
         UI.ctrlOn = true;
     } else if(UI.ctrlOn === true) {
-        UI.rfb.sendKey(0xFFE3, false);
+        UI.rfb.sendKey(ctrlKeysum, false);
         $D('toggleCtrlButton').className = "noVNC_status_button";
         UI.ctrlOn = false;
     }
 },
 
 toggleAlt: function() {
+    var altKeysum = 0xFFE9;
     UI.keepKeyboard();
     if(UI.altOn === false) {
-        UI.rfb.sendKey(0xFFE9, true);
+        UI.rfb.sendKey(altKeysum, true);
         $D('toggleAltButton').className = "noVNC_status_button_selected";
         UI.altOn = true;
     } else if(UI.altOn === true) {
-        UI.rfb.sendKey(0xFFE9, false);
+        UI.rfb.sendKey(altKeysum, false);
         $D('toggleAltButton').className = "noVNC_status_button";
         UI.altOn = false;
     }
 },
 
 sendTab: function() {
+    var tabKeysum = 0xFF09;
     UI.keepKeyboard();
-    UI.rfb.sendKey(0xFF09);
+    UI.rfb.sendKey(tabKeysum);
 },
 
 sendEsc: function() {
+    var escKeysum = 0xFF1B;
     UI.keepKeyboard();
-    UI.rfb.sendKey(0xFF1B);
+    UI.rfb.sendKey(escKeysum);
 },
 
 setKeyboard: function() {

From b4a979a07e6c4177015b7aaf74b53f9bdc9a55c6 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Fri, 30 Aug 2013 15:41:46 +0200
Subject: [PATCH 23/30] Added a new file for the key symbols, using the well
 recognized names for the constants from X11: * The list is found in
 /usr/include/X11/keysymdef.h * I did only include the most common symbols for
 now..

---
 LICENSE.txt       |   1 +
 include/keysym.js | 376 ++++++++++++++++++++++++++++++++++++++++++++++
 include/ui.js     |  19 +--
 3 files changed, 385 insertions(+), 11 deletions(-)
 create mode 100644 include/keysym.js

diff --git a/LICENSE.txt b/LICENSE.txt
index c5aa5050..2d094089 100644
--- a/LICENSE.txt
+++ b/LICENSE.txt
@@ -10,6 +10,7 @@ is not limited to):
     include/display.js
     include/input.js
     include/jsunzip.js
+    include/keysym.js
     include/logo.js
     include/rfb.js
     include/ui.js
diff --git a/include/keysym.js b/include/keysym.js
new file mode 100644
index 00000000..a00d595e
--- /dev/null
+++ b/include/keysym.js
@@ -0,0 +1,376 @@
+var XK_VoidSymbol =                0xffffff, /* Void symbol */
+
+XK_BackSpace =                   0xff08, /* Back space, back char */
+XK_Tab =                         0xff09,
+XK_Linefeed =                    0xff0a, /* Linefeed, LF */
+XK_Clear =                       0xff0b,
+XK_Return =                      0xff0d, /* Return, enter */
+XK_Pause =                       0xff13, /* Pause, hold */
+XK_Scroll_Lock =                 0xff14,
+XK_Sys_Req =                     0xff15,
+XK_Escape =                      0xff1b,
+XK_Delete =                      0xffff, /* Delete, rubout */
+
+/* Cursor control & motion */
+
+XK_Home =                        0xff50,
+XK_Left =                        0xff51, /* Move left, left arrow */
+XK_Up =                          0xff52, /* Move up, up arrow */
+XK_Right =                       0xff53, /* Move right, right arrow */
+XK_Down =                        0xff54, /* Move down, down arrow */
+XK_Prior =                       0xff55, /* Prior, previous */
+XK_Page_Up =                     0xff55,
+XK_Next =                        0xff56, /* Next */
+XK_Page_Down =                   0xff56,
+XK_End =                         0xff57, /* EOL */
+XK_Begin =                       0xff58, /* BOL */
+
+
+/* Misc functions */
+
+XK_Select =                      0xff60, /* Select, mark */
+XK_Print =                       0xff61,
+XK_Execute =                     0xff62, /* Execute, run, do */
+XK_Insert =                      0xff63, /* Insert, insert here */
+XK_Undo =                        0xff65,
+XK_Redo =                        0xff66, /* Redo, again */
+XK_Menu =                        0xff67,
+XK_Find =                        0xff68, /* Find, search */
+XK_Cancel =                      0xff69, /* Cancel, stop, abort, exit */
+XK_Help =                        0xff6a, /* Help */
+XK_Break =                       0xff6b,
+XK_Mode_switch =                 0xff7e, /* Character set switch */
+XK_script_switch =               0xff7e, /* Alias for mode_switch */
+XK_Num_Lock =                    0xff7f,
+
+/* Keypad functions, keypad numbers cleverly chosen to map to ASCII */
+
+XK_KP_Space =                    0xff80, /* Space */
+XK_KP_Tab =                      0xff89,
+XK_KP_Enter =                    0xff8d, /* Enter */
+XK_KP_F1 =                       0xff91, /* PF1, KP_A, ... */
+XK_KP_F2 =                       0xff92,
+XK_KP_F3 =                       0xff93,
+XK_KP_F4 =                       0xff94,
+XK_KP_Home =                     0xff95,
+XK_KP_Left =                     0xff96,
+XK_KP_Up =                       0xff97,
+XK_KP_Right =                    0xff98,
+XK_KP_Down =                     0xff99,
+XK_KP_Prior =                    0xff9a,
+XK_KP_Page_Up =                  0xff9a
+XK_KP_Next =                     0xff9b,
+XK_KP_Page_Down =                0xff9b,
+XK_KP_End =                      0xff9c,
+XK_KP_Begin =                    0xff9d,
+XK_KP_Insert =                   0xff9e,
+XK_KP_Delete =                   0xff9f,
+XK_KP_Equal =                    0xffbd, /* Equals */
+XK_KP_Multiply =                 0xffaa,
+XK_KP_Add =                      0xffab,
+XK_KP_Separator =                0xffac, /* Separator, often comma */
+XK_KP_Subtract =                 0xffad,
+XK_KP_Decimal =                  0xffae,
+XK_KP_Divide =                   0xffaf,
+
+XK_KP_0 =                        0xffb0,
+XK_KP_1 =                        0xffb1,
+XK_KP_2 =                        0xffb2,
+XK_KP_3 =                        0xffb3,
+XK_KP_4 =                        0xffb4,
+XK_KP_5 =                        0xffb5,
+XK_KP_6 =                        0xffb6,
+XK_KP_7 =                        0xffb7,
+XK_KP_8 =                        0xffb8,
+XK_KP_9 =                        0xffb9,
+
+/*
+ * Auxiliary functions; note the duplicate definitions for left and right
+ * function keys;  Sun keyboards and a few other manufacturers have such
+ * function key groups on the left and/or right sides of the keyboard.
+ * We've not found a keyboard with more than 35 function keys total.
+ */
+
+XK_F1 =                          0xffbe,
+XK_F2 =                          0xffbf,
+XK_F3 =                          0xffc0,
+XK_F4 =                          0xffc1,
+XK_F5 =                          0xffc2,
+XK_F6 =                          0xffc3,
+XK_F7 =                          0xffc4,
+XK_F8 =                          0xffc5,
+XK_F9 =                          0xffc6,
+XK_F10 =                         0xffc7,
+XK_F11 =                         0xffc8,
+XK_L1 =                          0xffc8,
+XK_F12 =                         0xffc9,
+XK_L2 =                          0xffc9,
+XK_F13 =                         0xffca,
+XK_L3 =                          0xffca,
+XK_F14 =                         0xffcb,
+XK_L4 =                          0xffcb,
+XK_F15 =                         0xffcc,
+XK_L5 =                          0xffcc,
+XK_F16 =                         0xffcd,
+XK_L6 =                          0xffcd,
+XK_F17 =                         0xffce,
+XK_L7 =                          0xffce,
+XK_F18 =                         0xffcf,
+XK_L8 =                          0xffcf,
+XK_F19 =                         0xffd0,
+XK_L9 =                          0xffd0,
+XK_F20 =                         0xffd1,
+XK_L10 =                         0xffd1,
+XK_F21 =                         0xffd2,
+XK_R1 =                          0xffd2,
+XK_F22 =                         0xffd3,
+XK_R2 =                          0xffd3,
+XK_F23 =                         0xffd4,
+XK_R3 =                          0xffd4,
+XK_F24 =                         0xffd5,
+XK_R4 =                          0xffd5,
+XK_F25 =                         0xffd6,
+XK_R5 =                          0xffd6,
+XK_F26 =                         0xffd7,
+XK_R6 =                          0xffd7,
+XK_F27 =                         0xffd8,
+XK_R7 =                          0xffd8,
+XK_F28 =                         0xffd9,
+XK_R8 =                          0xffd9,
+XK_F29 =                         0xffda,
+XK_R9 =                          0xffda,
+XK_F30 =                         0xffdb,
+XK_R10 =                         0xffdb,
+XK_F31 =                         0xffdc,
+XK_R11 =                         0xffdc,
+XK_F32 =                         0xffdd,
+XK_R12 =                         0xffdd,
+XK_F33 =                         0xffde,
+XK_R13 =                         0xffde,
+XK_F34 =                         0xffdf,
+XK_R14 =                         0xffdf,
+XK_F35 =                         0xffe0,
+XK_R15 =                         0xffe0,
+
+/* Modifiers */
+
+XK_Shift_L =                     0xffe1, /* Left shift */
+XK_Shift_R =                     0xffe2, /* Right shift */
+XK_Control_L =                   0xffe3, /* Left control */
+XK_Control_R =                   0xffe4, /* Right control */
+XK_Caps_Lock =                   0xffe5, /* Caps lock */
+XK_Shift_Lock =                  0xffe6, /* Shift lock */
+
+XK_Meta_L =                      0xffe7, /* Left meta */
+XK_Meta_R =                      0xffe8, /* Right meta */
+XK_Alt_L =                       0xffe9, /* Left alt */
+XK_Alt_R =                       0xffea, /* Right alt */
+XK_Super_L =                     0xffeb, /* Left super */
+XK_Super_R =                     0xffec, /* Right super */
+XK_Hyper_L =                     0xffed, /* Left hyper */
+XK_Hyper_R =                     0xffee, /* Right hyper */
+
+/*
+ * Latin 1
+ * (ISO/IEC 8859-1 = Unicode U+0020..U+00FF)
+ * Byte 3 = 0
+ */
+
+XK_space =                       0x0020, /* U+0020 SPACE */
+XK_exclam =                      0x0021, /* U+0021 EXCLAMATION MARK */
+XK_quotedbl =                    0x0022, /* U+0022 QUOTATION MARK */
+XK_numbersign =                  0x0023, /* U+0023 NUMBER SIGN */
+XK_dollar =                      0x0024, /* U+0024 DOLLAR SIGN */
+XK_percent =                     0x0025, /* U+0025 PERCENT SIGN */
+XK_ampersand =                   0x0026, /* U+0026 AMPERSAND */
+XK_apostrophe =                  0x0027, /* U+0027 APOSTROPHE */
+XK_quoteright =                  0x0027, /* deprecated */
+XK_parenleft =                   0x0028, /* U+0028 LEFT PARENTHESIS */
+XK_parenright =                  0x0029, /* U+0029 RIGHT PARENTHESIS */
+XK_asterisk =                    0x002a, /* U+002A ASTERISK */
+XK_plus =                        0x002b, /* U+002B PLUS SIGN */
+XK_comma =                       0x002c, /* U+002C COMMA */
+XK_minus =                       0x002d, /* U+002D HYPHEN-MINUS */
+XK_period =                      0x002e, /* U+002E FULL STOP */
+XK_slash =                       0x002f, /* U+002F SOLIDUS */
+XK_0 =                           0x0030, /* U+0030 DIGIT ZERO */
+XK_1 =                           0x0031, /* U+0031 DIGIT ONE */
+XK_2 =                           0x0032, /* U+0032 DIGIT TWO */
+XK_3 =                           0x0033, /* U+0033 DIGIT THREE */
+XK_4 =                           0x0034, /* U+0034 DIGIT FOUR */
+XK_5 =                           0x0035, /* U+0035 DIGIT FIVE */
+XK_6 =                           0x0036, /* U+0036 DIGIT SIX */
+XK_7 =                           0x0037, /* U+0037 DIGIT SEVEN */
+XK_8 =                           0x0038, /* U+0038 DIGIT EIGHT */
+XK_9 =                           0x0039, /* U+0039 DIGIT NINE */
+XK_colon =                       0x003a, /* U+003A COLON */
+XK_semicolon =                   0x003b, /* U+003B SEMICOLON */
+XK_less =                        0x003c, /* U+003C LESS-THAN SIGN */
+XK_equal =                       0x003d, /* U+003D EQUALS SIGN */
+XK_greater =                     0x003e, /* U+003E GREATER-THAN SIGN */
+XK_question =                    0x003f, /* U+003F QUESTION MARK */
+XK_at =                          0x0040, /* U+0040 COMMERCIAL AT */
+XK_A =                           0x0041, /* U+0041 LATIN CAPITAL LETTER A */
+XK_B =                           0x0042, /* U+0042 LATIN CAPITAL LETTER B */
+XK_C =                           0x0043, /* U+0043 LATIN CAPITAL LETTER C */
+XK_D =                           0x0044, /* U+0044 LATIN CAPITAL LETTER D */
+XK_E =                           0x0045, /* U+0045 LATIN CAPITAL LETTER E */
+XK_F =                           0x0046, /* U+0046 LATIN CAPITAL LETTER F */
+XK_G =                           0x0047, /* U+0047 LATIN CAPITAL LETTER G */
+XK_H =                           0x0048, /* U+0048 LATIN CAPITAL LETTER H */
+XK_I =                           0x0049, /* U+0049 LATIN CAPITAL LETTER I */
+XK_J =                           0x004a, /* U+004A LATIN CAPITAL LETTER J */
+XK_K =                           0x004b, /* U+004B LATIN CAPITAL LETTER K */
+XK_L =                           0x004c, /* U+004C LATIN CAPITAL LETTER L */
+XK_M =                           0x004d, /* U+004D LATIN CAPITAL LETTER M */
+XK_N =                           0x004e, /* U+004E LATIN CAPITAL LETTER N */
+XK_O =                           0x004f, /* U+004F LATIN CAPITAL LETTER O */
+XK_P =                           0x0050, /* U+0050 LATIN CAPITAL LETTER P */
+XK_Q =                           0x0051, /* U+0051 LATIN CAPITAL LETTER Q */
+XK_R =                           0x0052, /* U+0052 LATIN CAPITAL LETTER R */
+XK_S =                           0x0053, /* U+0053 LATIN CAPITAL LETTER S */
+XK_T =                           0x0054, /* U+0054 LATIN CAPITAL LETTER T */
+XK_U =                           0x0055, /* U+0055 LATIN CAPITAL LETTER U */
+XK_V =                           0x0056, /* U+0056 LATIN CAPITAL LETTER V */
+XK_W =                           0x0057, /* U+0057 LATIN CAPITAL LETTER W */
+XK_X =                           0x0058, /* U+0058 LATIN CAPITAL LETTER X */
+XK_Y =                           0x0059, /* U+0059 LATIN CAPITAL LETTER Y */
+XK_Z =                           0x005a, /* U+005A LATIN CAPITAL LETTER Z */
+XK_bracketleft =                 0x005b, /* U+005B LEFT SQUARE BRACKET */
+XK_backslash =                   0x005c, /* U+005C REVERSE SOLIDUS */
+XK_bracketright =                0x005d, /* U+005D RIGHT SQUARE BRACKET */
+XK_asciicircum =                 0x005e, /* U+005E CIRCUMFLEX ACCENT */
+XK_underscore =                  0x005f, /* U+005F LOW LINE */
+XK_grave =                       0x0060, /* U+0060 GRAVE ACCENT */
+XK_quoteleft =                   0x0060, /* deprecated */
+XK_a =                           0x0061, /* U+0061 LATIN SMALL LETTER A */
+XK_b =                           0x0062, /* U+0062 LATIN SMALL LETTER B */
+XK_c =                           0x0063, /* U+0063 LATIN SMALL LETTER C */
+XK_d =                           0x0064, /* U+0064 LATIN SMALL LETTER D */
+XK_e =                           0x0065, /* U+0065 LATIN SMALL LETTER E */
+XK_f =                           0x0066, /* U+0066 LATIN SMALL LETTER F */
+XK_g =                           0x0067, /* U+0067 LATIN SMALL LETTER G */
+XK_h =                           0x0068, /* U+0068 LATIN SMALL LETTER H */
+XK_i =                           0x0069, /* U+0069 LATIN SMALL LETTER I */
+XK_j =                           0x006a, /* U+006A LATIN SMALL LETTER J */
+XK_k =                           0x006b, /* U+006B LATIN SMALL LETTER K */
+XK_l =                           0x006c, /* U+006C LATIN SMALL LETTER L */
+XK_m =                           0x006d, /* U+006D LATIN SMALL LETTER M */
+XK_n =                           0x006e, /* U+006E LATIN SMALL LETTER N */
+XK_o =                           0x006f, /* U+006F LATIN SMALL LETTER O */
+XK_p =                           0x0070, /* U+0070 LATIN SMALL LETTER P */
+XK_q =                           0x0071, /* U+0071 LATIN SMALL LETTER Q */
+XK_r =                           0x0072, /* U+0072 LATIN SMALL LETTER R */
+XK_s =                           0x0073, /* U+0073 LATIN SMALL LETTER S */
+XK_t =                           0x0074, /* U+0074 LATIN SMALL LETTER T */
+XK_u =                           0x0075, /* U+0075 LATIN SMALL LETTER U */
+XK_v =                           0x0076, /* U+0076 LATIN SMALL LETTER V */
+XK_w =                           0x0077, /* U+0077 LATIN SMALL LETTER W */
+XK_x =                           0x0078, /* U+0078 LATIN SMALL LETTER X */
+XK_y =                           0x0079, /* U+0079 LATIN SMALL LETTER Y */
+XK_z =                           0x007a, /* U+007A LATIN SMALL LETTER Z */
+XK_braceleft =                   0x007b, /* U+007B LEFT CURLY BRACKET */
+XK_bar =                         0x007c, /* U+007C VERTICAL LINE */
+XK_braceright =                  0x007d, /* U+007D RIGHT CURLY BRACKET */
+XK_asciitilde =                  0x007e, /* U+007E TILDE */
+
+XK_nobreakspace =                0x00a0, /* U+00A0 NO-BREAK SPACE */
+XK_exclamdown =                  0x00a1, /* U+00A1 INVERTED EXCLAMATION MARK */
+XK_cent =                        0x00a2, /* U+00A2 CENT SIGN */
+XK_sterling =                    0x00a3, /* U+00A3 POUND SIGN */
+XK_currency =                    0x00a4, /* U+00A4 CURRENCY SIGN */
+XK_yen =                         0x00a5, /* U+00A5 YEN SIGN */
+XK_brokenbar =                   0x00a6, /* U+00A6 BROKEN BAR */
+XK_section =                     0x00a7, /* U+00A7 SECTION SIGN */
+XK_diaeresis =                   0x00a8, /* U+00A8 DIAERESIS */
+XK_copyright =                   0x00a9, /* U+00A9 COPYRIGHT SIGN */
+XK_ordfeminine =                 0x00aa, /* U+00AA FEMININE ORDINAL INDICATOR */
+XK_guillemotleft =               0x00ab, /* U+00AB LEFT-POINTING DOUBLE ANGLE QUOTATION MARK */
+XK_notsign =                     0x00ac, /* U+00AC NOT SIGN */
+XK_hyphen =                      0x00ad, /* U+00AD SOFT HYPHEN */
+XK_registered =                  0x00ae, /* U+00AE REGISTERED SIGN */
+XK_macron =                      0x00af, /* U+00AF MACRON */
+XK_degree =                      0x00b0, /* U+00B0 DEGREE SIGN */
+XK_plusminus =                   0x00b1, /* U+00B1 PLUS-MINUS SIGN */
+XK_twosuperior =                 0x00b2, /* U+00B2 SUPERSCRIPT TWO */
+XK_threesuperior =               0x00b3, /* U+00B3 SUPERSCRIPT THREE */
+XK_acute =                       0x00b4, /* U+00B4 ACUTE ACCENT */
+XK_mu =                          0x00b5, /* U+00B5 MICRO SIGN */
+XK_paragraph =                   0x00b6, /* U+00B6 PILCROW SIGN */
+XK_periodcentered =              0x00b7, /* U+00B7 MIDDLE DOT */
+XK_cedilla =                     0x00b8, /* U+00B8 CEDILLA */
+XK_onesuperior =                 0x00b9, /* U+00B9 SUPERSCRIPT ONE */
+XK_masculine =                   0x00ba, /* U+00BA MASCULINE ORDINAL INDICATOR */
+XK_guillemotright =              0x00bb, /* U+00BB RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK */
+XK_onequarter =                  0x00bc, /* U+00BC VULGAR FRACTION ONE QUARTER */
+XK_onehalf =                     0x00bd, /* U+00BD VULGAR FRACTION ONE HALF */
+XK_threequarters =               0x00be, /* U+00BE VULGAR FRACTION THREE QUARTERS */
+XK_questiondown =                0x00bf, /* U+00BF INVERTED QUESTION MARK */
+XK_Agrave =                      0x00c0, /* U+00C0 LATIN CAPITAL LETTER A WITH GRAVE */
+XK_Aacute =                      0x00c1, /* U+00C1 LATIN CAPITAL LETTER A WITH ACUTE */
+XK_Acircumflex =                 0x00c2, /* U+00C2 LATIN CAPITAL LETTER A WITH CIRCUMFLEX */
+XK_Atilde =                      0x00c3, /* U+00C3 LATIN CAPITAL LETTER A WITH TILDE */
+XK_Adiaeresis =                  0x00c4, /* U+00C4 LATIN CAPITAL LETTER A WITH DIAERESIS */
+XK_Aring =                       0x00c5, /* U+00C5 LATIN CAPITAL LETTER A WITH RING ABOVE */
+XK_AE =                          0x00c6, /* U+00C6 LATIN CAPITAL LETTER AE */
+XK_Ccedilla =                    0x00c7, /* U+00C7 LATIN CAPITAL LETTER C WITH CEDILLA */
+XK_Egrave =                      0x00c8, /* U+00C8 LATIN CAPITAL LETTER E WITH GRAVE */
+XK_Eacute =                      0x00c9, /* U+00C9 LATIN CAPITAL LETTER E WITH ACUTE */
+XK_Ecircumflex =                 0x00ca, /* U+00CA LATIN CAPITAL LETTER E WITH CIRCUMFLEX */
+XK_Ediaeresis =                  0x00cb, /* U+00CB LATIN CAPITAL LETTER E WITH DIAERESIS */
+XK_Igrave =                      0x00cc, /* U+00CC LATIN CAPITAL LETTER I WITH GRAVE */
+XK_Iacute =                      0x00cd, /* U+00CD LATIN CAPITAL LETTER I WITH ACUTE */
+XK_Icircumflex =                 0x00ce, /* U+00CE LATIN CAPITAL LETTER I WITH CIRCUMFLEX */
+XK_Idiaeresis =                  0x00cf, /* U+00CF LATIN CAPITAL LETTER I WITH DIAERESIS */
+XK_ETH =                         0x00d0, /* U+00D0 LATIN CAPITAL LETTER ETH */
+XK_Eth =                         0x00d0, /* deprecated */
+XK_Ntilde =                      0x00d1, /* U+00D1 LATIN CAPITAL LETTER N WITH TILDE */
+XK_Ograve =                      0x00d2, /* U+00D2 LATIN CAPITAL LETTER O WITH GRAVE */
+XK_Oacute =                      0x00d3, /* U+00D3 LATIN CAPITAL LETTER O WITH ACUTE */
+XK_Ocircumflex =                 0x00d4, /* U+00D4 LATIN CAPITAL LETTER O WITH CIRCUMFLEX */
+XK_Otilde =                      0x00d5, /* U+00D5 LATIN CAPITAL LETTER O WITH TILDE */
+XK_Odiaeresis =                  0x00d6, /* U+00D6 LATIN CAPITAL LETTER O WITH DIAERESIS */
+XK_multiply =                    0x00d7, /* U+00D7 MULTIPLICATION SIGN */
+XK_Oslash =                      0x00d8, /* U+00D8 LATIN CAPITAL LETTER O WITH STROKE */
+XK_Ooblique =                    0x00d8, /* U+00D8 LATIN CAPITAL LETTER O WITH STROKE */
+XK_Ugrave =                      0x00d9, /* U+00D9 LATIN CAPITAL LETTER U WITH GRAVE */
+XK_Uacute =                      0x00da, /* U+00DA LATIN CAPITAL LETTER U WITH ACUTE */
+XK_Ucircumflex =                 0x00db, /* U+00DB LATIN CAPITAL LETTER U WITH CIRCUMFLEX */
+XK_Udiaeresis =                  0x00dc, /* U+00DC LATIN CAPITAL LETTER U WITH DIAERESIS */
+XK_Yacute =                      0x00dd, /* U+00DD LATIN CAPITAL LETTER Y WITH ACUTE */
+XK_THORN =                       0x00de, /* U+00DE LATIN CAPITAL LETTER THORN */
+XK_Thorn =                       0x00de, /* deprecated */
+XK_ssharp =                      0x00df, /* U+00DF LATIN SMALL LETTER SHARP S */
+XK_agrave =                      0x00e0, /* U+00E0 LATIN SMALL LETTER A WITH GRAVE */
+XK_aacute =                      0x00e1, /* U+00E1 LATIN SMALL LETTER A WITH ACUTE */
+XK_acircumflex =                 0x00e2, /* U+00E2 LATIN SMALL LETTER A WITH CIRCUMFLEX */
+XK_atilde =                      0x00e3, /* U+00E3 LATIN SMALL LETTER A WITH TILDE */
+XK_adiaeresis =                  0x00e4, /* U+00E4 LATIN SMALL LETTER A WITH DIAERESIS */
+XK_aring =                       0x00e5, /* U+00E5 LATIN SMALL LETTER A WITH RING ABOVE */
+XK_ae =                          0x00e6, /* U+00E6 LATIN SMALL LETTER AE */
+XK_ccedilla =                    0x00e7, /* U+00E7 LATIN SMALL LETTER C WITH CEDILLA */
+XK_egrave =                      0x00e8, /* U+00E8 LATIN SMALL LETTER E WITH GRAVE */
+XK_eacute =                      0x00e9, /* U+00E9 LATIN SMALL LETTER E WITH ACUTE */
+XK_ecircumflex =                 0x00ea, /* U+00EA LATIN SMALL LETTER E WITH CIRCUMFLEX */
+XK_ediaeresis =                  0x00eb, /* U+00EB LATIN SMALL LETTER E WITH DIAERESIS */
+XK_igrave =                      0x00ec, /* U+00EC LATIN SMALL LETTER I WITH GRAVE */
+XK_iacute =                      0x00ed, /* U+00ED LATIN SMALL LETTER I WITH ACUTE */
+XK_icircumflex =                 0x00ee, /* U+00EE LATIN SMALL LETTER I WITH CIRCUMFLEX */
+XK_idiaeresis =                  0x00ef, /* U+00EF LATIN SMALL LETTER I WITH DIAERESIS */
+XK_eth =                         0x00f0, /* U+00F0 LATIN SMALL LETTER ETH */
+XK_ntilde =                      0x00f1, /* U+00F1 LATIN SMALL LETTER N WITH TILDE */
+XK_ograve =                      0x00f2, /* U+00F2 LATIN SMALL LETTER O WITH GRAVE */
+XK_oacute =                      0x00f3, /* U+00F3 LATIN SMALL LETTER O WITH ACUTE */
+XK_ocircumflex =                 0x00f4, /* U+00F4 LATIN SMALL LETTER O WITH CIRCUMFLEX */
+XK_otilde =                      0x00f5, /* U+00F5 LATIN SMALL LETTER O WITH TILDE */
+XK_odiaeresis =                  0x00f6, /* U+00F6 LATIN SMALL LETTER O WITH DIAERESIS */
+XK_division =                    0x00f7, /* U+00F7 DIVISION SIGN */
+XK_oslash =                      0x00f8, /* U+00F8 LATIN SMALL LETTER O WITH STROKE */
+XK_ooblique =                    0x00f8, /* U+00F8 LATIN SMALL LETTER O WITH STROKE */
+XK_ugrave =                      0x00f9, /* U+00F9 LATIN SMALL LETTER U WITH GRAVE */
+XK_uacute =                      0x00fa, /* U+00FA LATIN SMALL LETTER U WITH ACUTE */
+XK_ucircumflex =                 0x00fb, /* U+00FB LATIN SMALL LETTER U WITH CIRCUMFLEX */
+XK_udiaeresis =                  0x00fc, /* U+00FC LATIN SMALL LETTER U WITH DIAERESIS */
+XK_yacute =                      0x00fd, /* U+00FD LATIN SMALL LETTER Y WITH ACUTE */
+XK_thorn =                       0x00fe, /* U+00FE LATIN SMALL LETTER THORN */
+XK_ydiaeresis =                  0x00ff; /* U+00FF LATIN SMALL LETTER Y WITH DIAERESIS */
diff --git a/include/ui.js b/include/ui.js
index 50ca430e..45a6beb4 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -14,7 +14,8 @@
 // Load supporting scripts
 window.onscriptsload = function () { UI.load(); };
 Util.load_scripts(["webutil.js", "base64.js", "websock.js", "des.js",
-                   "input.js", "display.js", "jsunzip.js", "rfb.js"]);
+                   "input.js", "display.js", "jsunzip.js", "rfb.js",
+                   "keysym.js"]);
 
 var UI = {
 
@@ -764,43 +765,39 @@ showExtraKeys: function() {
 },
 
 toggleCtrl: function() {
-    var ctrlKeysum = 0xFFE3;
     UI.keepKeyboard();
     if(UI.ctrlOn === false) {
-        UI.rfb.sendKey(ctrlKeysum, true);
+        UI.rfb.sendKey(XK_Control_L, true);
         $D('toggleCtrlButton').className = "noVNC_status_button_selected";
         UI.ctrlOn = true;
     } else if(UI.ctrlOn === true) {
-        UI.rfb.sendKey(ctrlKeysum, false);
+        UI.rfb.sendKey(XK_Control_L, false);
         $D('toggleCtrlButton').className = "noVNC_status_button";
         UI.ctrlOn = false;
     }
 },
 
 toggleAlt: function() {
-    var altKeysum = 0xFFE9;
     UI.keepKeyboard();
     if(UI.altOn === false) {
-        UI.rfb.sendKey(altKeysum, true);
+        UI.rfb.sendKey(XK_Alt_L, true);
         $D('toggleAltButton').className = "noVNC_status_button_selected";
         UI.altOn = true;
     } else if(UI.altOn === true) {
-        UI.rfb.sendKey(altKeysum, false);
+        UI.rfb.sendKey(XK_Alt_L, false);
         $D('toggleAltButton').className = "noVNC_status_button";
         UI.altOn = false;
     }
 },
 
 sendTab: function() {
-    var tabKeysum = 0xFF09;
     UI.keepKeyboard();
-    UI.rfb.sendKey(tabKeysum);
+    UI.rfb.sendKey(XK_Tab);
 },
 
 sendEsc: function() {
-    var escKeysum = 0xFF1B;
     UI.keepKeyboard();
-    UI.rfb.sendKey(escKeysum);
+    UI.rfb.sendKey(XK_Escape);
 },
 
 setKeyboard: function() {

From 968431dd46246ea03d9d4c7f5c7be03ad7b0c88b Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Tue, 17 Sep 2013 15:01:52 +0200
Subject: [PATCH 24/30] Catch input events to make the onscreen keyboard work
 in chrome on android.

---
 include/ui.js | 45 ++++++++++++++++++++++++++++++++++++++++-----
 vnc.html      |  2 +-
 2 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/include/ui.js b/include/ui.js
index b933d312..1dfc67cf 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -155,7 +155,8 @@ addMouseHandlers: function() {
     $D("noVNC_mouse_button2").onclick = function () { UI.setMouseButton(4); };
     $D("noVNC_mouse_button4").onclick = function () { UI.setMouseButton(0); };
     $D("showKeyboard").onclick = UI.showKeyboard;
-    //$D("keyboardinput").onkeydown = function (event) { onKeyDown(event); };
+
+    $D("keyboardinput").oninput = UI.keyInput;
     $D("keyboardinput").onblur = UI.keyInputBlur;
 
     $D("sendCtrlAltDelButton").onclick = UI.sendCtrlAltDel;
@@ -701,17 +702,51 @@ setViewDrag: function(drag) {
 
 // On touch devices, show the OS keyboard
 showKeyboard: function() {
+    var kbi, skb, l;
+    kbi = $D('keyboardinput');
+    skb = $D('showKeyboard');
+    l = kbi.value.length;
     if(UI.keyboardVisible === false) {
-        $D('keyboardinput').focus();
+        kbi.focus();
+        kbi.setSelectionRange(l, l); // Move the caret to the end
         UI.keyboardVisible = true;
-        $D('showKeyboard').className = "noVNC_status_button_selected";
+        skb.className = "noVNC_status_button_selected";
     } else if(UI.keyboardVisible === true) {
-        $D('keyboardinput').blur();
-        $D('showKeyboard').className = "noVNC_status_button";
+        kbi.blur();
+        skb.className = "noVNC_status_button";
         UI.keyboardVisible = false;
     }
 },
 
+// When keypress events are left uncought, catch the input events from
+// the keyboardinput element instead and send the corresponding key events.
+keyInput: function(event) {
+    var elem, input, len;
+    elem = $D('keyboardinput');
+    input = event.target.value;
+    len = (elem.selectionStart > input.length) ? elem.selectionStart : input.length;
+
+    if (len < 1) { // something removed?
+        UI.rfb.sendKey(0xff08); // send BACKSPACE
+    } else if (len > 1) { // new input?
+        for (var i = len-1; i > 0; i -= 1) {
+            // HTML does not consider trailing whitespaces as a part of the string
+            // and they are therefore undefined.
+            if (input[len-i] !== undefined) {
+                UI.rfb.sendKey(input.charCodeAt(len-i)); // send charCode
+            } else {
+                UI.rfb.sendKey(0x0020); // send SPACE
+            }
+        }
+    }
+
+    // In order to be able to delete text which has been written in
+    // another session there has to always be text in the
+    // keyboardinput element with which backspace can interact.
+    // We also need to reset the input field text to avoid overflow.
+    elem.value = "x";
+},
+
 keyInputBlur: function() {
     $D('showKeyboard').className = "noVNC_status_button";
     //Weird bug in iOS if you change keyboardVisible
diff --git a/vnc.html b/vnc.html
index 66b70259..89349f22 100644
--- a/vnc.html
+++ b/vnc.html
@@ -67,7 +67,7 @@
                     id="showKeyboard" class="noVNC_status_button"
                     value="Keyboard" title="Show Keyboard"/>
                 <input type="email" autocapitalize="off" autocorrect="off"
-                    id="keyboardinput" class=""/>
+                    id="keyboardinput" class="" value="&nbsp;"/>
             </div>
         </div>
 

From eb955f8c20b64991e90b2b6f04148a98f1fb9321 Mon Sep 17 00:00:00 2001
From: John Dewey <john@dewey.ws>
Date: Sat, 21 Sep 2013 12:19:09 -0700
Subject: [PATCH 25/30] The https check should come first

A similar change was made to ui.js in #252.
---
 vnc_auto.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/vnc_auto.html b/vnc_auto.html
index 2aa21889..bd905ffa 100644
--- a/vnc_auto.html
+++ b/vnc_auto.html
@@ -128,12 +128,12 @@
             // if port == 80 (or 443) then it won't be present and should be
             // set manually
             if (!port) {
-                if (window.location.protocol.substring(0,4) == 'http') {            
-                    port = 80;
-                }
-                else if (window.location.protocol.substring(0,5) == 'https') {            
+                if (window.location.protocol.substring(0,5) == 'https') {            
                     port = 443;
                 }
+                else if (window.location.protocol.substring(0,4) == 'http') {            
+                    port = 80;
+                }
             }
 
             // If a token variable is passed in, set the parameter in a cookie.

From 82744aa8ee760520dafad8a3bd299879927d3398 Mon Sep 17 00:00:00 2001
From: John Dewey <john@dewey.ws>
Date: Sat, 21 Sep 2013 12:19:59 -0700
Subject: [PATCH 26/30] Removed trailing white space terds

---
 vnc_auto.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/vnc_auto.html b/vnc_auto.html
index bd905ffa..7704bf69 100644
--- a/vnc_auto.html
+++ b/vnc_auto.html
@@ -2,7 +2,7 @@
 <html>
 <head>
 
-    <!-- 
+    <!--
     noVNC example: simple example using default UI
     Copyright (C) 2012 Joel Martin
     Copyright (C) 2013 Samuel Mannehed for Cendio AB
@@ -128,10 +128,10 @@
             // if port == 80 (or 443) then it won't be present and should be
             // set manually
             if (!port) {
-                if (window.location.protocol.substring(0,5) == 'https') {            
+                if (window.location.protocol.substring(0,5) == 'https') {
                     port = 443;
                 }
-                else if (window.location.protocol.substring(0,4) == 'http') {            
+                else if (window.location.protocol.substring(0,4) == 'http') {
                     port = 80;
                 }
             }

From 97aefe5f83e104eb27d0e8ac4dc08dad73e7315f Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Mon, 23 Sep 2013 11:48:16 +0200
Subject: [PATCH 27/30] Enables local cursor by default.

---
 include/ui.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/include/ui.js b/include/ui.js
index b933d312..35334cba 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -75,7 +75,7 @@ start: function(callback) {
     UI.initSetting('password', '');
     UI.initSetting('encrypt', (window.location.protocol === "https:"));
     UI.initSetting('true_color', true);
-    UI.initSetting('cursor', false);
+    UI.initSetting('cursor', true);
     UI.initSetting('shared', true);
     UI.initSetting('view_only', false);
     UI.initSetting('connectTimeout', 2);
@@ -356,8 +356,8 @@ toggleSettingsPanel: function() {
         if (UI.rfb.get_display().get_cursor_uri()) {
             UI.updateSetting('cursor');
         } else {
-            UI.updateSetting('cursor', false);
-            $D('noVNC_cursor').disabled = true;
+            UI.updateSetting('cursor', true);
+            $D('noVNC_cursor').disabled = false;
         }
         UI.updateSetting('clip');
         UI.updateSetting('shared');
@@ -518,8 +518,8 @@ updateVisualState: function() {
         UI.rfb.get_display().get_cursor_uri()) {
         $D('noVNC_cursor').disabled = connected;
     } else {
-        UI.updateSetting('cursor', false);
-        $D('noVNC_cursor').disabled = true;
+        UI.updateSetting('cursor', true);
+        $D('noVNC_cursor').disabled = false;
     }
     $D('noVNC_shared').disabled = connected;
     $D('noVNC_view_only').disabled = connected;

From 9b9e741b8cc5ebdd2754f4103ef54db864a347b2 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Tue, 24 Sep 2013 11:19:17 +0200
Subject: [PATCH 28/30] On touch devices the default should be to use a remote
 cursor.

---
 include/ui.js | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/include/ui.js b/include/ui.js
index 35334cba..c3436dc6 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -24,6 +24,7 @@ connSettingsOpen : false,
 popupStatusOpen : false,
 clipboardOpen: false,
 keyboardVisible: false,
+isTouchDevice: false,
 
 // Setup rfb object, load settings from browser storage, then call
 // UI.init to setup the UI/menus
@@ -35,6 +36,8 @@ load: function (callback) {
 start: function(callback) {
     var html = '', i, sheet, sheets, llevels, port;
 
+    UI.isTouchDevice = 'ontouchstart' in document.documentElement;
+
     // Stylesheet selection dropdown
     sheet = WebUtil.selectStylesheet();
     sheets = WebUtil.getStylesheets();
@@ -75,7 +78,7 @@ start: function(callback) {
     UI.initSetting('password', '');
     UI.initSetting('encrypt', (window.location.protocol === "https:"));
     UI.initSetting('true_color', true);
-    UI.initSetting('cursor', true);
+    UI.initSetting('cursor', !UI.isTouchDevice);
     UI.initSetting('shared', true);
     UI.initSetting('view_only', false);
     UI.initSetting('connectTimeout', 2);
@@ -97,7 +100,7 @@ start: function(callback) {
     //    };
 
     // Show mouse selector buttons on touch screen devices
-    if ('ontouchstart' in document.documentElement) {
+    if (UI.isTouchDevice) {
         // Show mobile buttons
         $D('noVNC_mobile_buttons').style.display = "inline";
         UI.setMouseButton();
@@ -356,8 +359,8 @@ toggleSettingsPanel: function() {
         if (UI.rfb.get_display().get_cursor_uri()) {
             UI.updateSetting('cursor');
         } else {
-            UI.updateSetting('cursor', true);
-            $D('noVNC_cursor').disabled = false;
+            UI.updateSetting('cursor', !UI.isTouchDevice);
+            $D('noVNC_cursor').disabled = true;
         }
         UI.updateSetting('clip');
         UI.updateSetting('shared');
@@ -518,8 +521,8 @@ updateVisualState: function() {
         UI.rfb.get_display().get_cursor_uri()) {
         $D('noVNC_cursor').disabled = connected;
     } else {
-        UI.updateSetting('cursor', true);
-        $D('noVNC_cursor').disabled = false;
+        UI.updateSetting('cursor', !UI.isTouchDevice);
+        $D('noVNC_cursor').disabled = true;
     }
     $D('noVNC_shared').disabled = connected;
     $D('noVNC_view_only').disabled = connected;

From f8ddfc732da670dd8756f285ab409d7fdd8b477d Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Fri, 4 Oct 2013 17:59:03 +0200
Subject: [PATCH 29/30] Autoconnect option as URL query

---
 include/ui.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/include/ui.js b/include/ui.js
index b933d312..3449bc48 100644
--- a/include/ui.js
+++ b/include/ui.js
@@ -33,7 +33,7 @@ load: function (callback) {
 
 // Render default UI and initialize settings menu
 start: function(callback) {
-    var html = '', i, sheet, sheets, llevels, port;
+    var html = '', i, sheet, sheets, llevels, port, autoconnect;
 
     // Stylesheet selection dropdown
     sheet = WebUtil.selectStylesheet();
@@ -86,6 +86,15 @@ start: function(callback) {
                   'onUpdateState': UI.updateState,
                   'onClipboard': UI.clipReceive,
                   'onDesktopName': UI.updateDocumentTitle});
+
+    autoconnect = WebUtil.getQueryVar('autoconnect', false);
+    if (autoconnect === 'true' || autoconnect == '1') {
+        autoconnect = true;
+        UI.connect();
+    } else {
+        autoconnect = false;
+    }
+
     UI.updateVisualState();
 
     // Unfocus clipboard when over the VNC area
@@ -135,8 +144,10 @@ start: function(callback) {
         // Open the description dialog
         $D('noVNC_description').style.display = "block";
     } else {
-        // Open the connect panel on first load
-        UI.toggleConnectPanel();
+        // Show the connect panel on first load unless autoconnecting
+        if (autoconnect === UI.connSettingsOpen) {
+            UI.toggleConnectPanel();
+        }
     }
 
     // Add mouse event click/focus/blur event handlers to the UI

From 3346f9229b698d49c97baf98bdb6a31e310a7949 Mon Sep 17 00:00:00 2001
From: samhed <samuel@cendio.se>
Date: Wed, 9 Oct 2013 11:35:43 +0200
Subject: [PATCH 30/30] Fix so that parentheses can be written from iOS
 devices.     * changed the type of the input field (which is used for
 bringing up the       on-screen keyboards on touch devices) from email to
 text     * when typing in an input field of type email the user is not
 allowed to       write parentheses on iOS devices, the keys are disabled.    
 * tested on iOS 6, iOS 7 and Android 4.3.

---
 vnc.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vnc.html b/vnc.html
index 89349f22..f85a27fb 100644
--- a/vnc.html
+++ b/vnc.html
@@ -66,7 +66,7 @@
                 <input type="image" src="images/keyboard.png"
                     id="showKeyboard" class="noVNC_status_button"
                     value="Keyboard" title="Show Keyboard"/>
-                <input type="email" autocapitalize="off" autocorrect="off"
+                <input type="text" autocapitalize="off" autocorrect="off"
                     id="keyboardinput" class="" value="&nbsp;"/>
             </div>
         </div>