diff options
Diffstat (limited to 'webclients/novnc/vnc.html')
| -rw-r--r-- | webclients/novnc/vnc.html | 143 |
1 files changed, 78 insertions, 65 deletions
diff --git a/webclients/novnc/vnc.html b/webclients/novnc/vnc.html index eb73c92..adb0157 100644 --- a/webclients/novnc/vnc.html +++ b/webclients/novnc/vnc.html @@ -1,12 +1,16 @@ -<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd"> +<!DOCTYPE html> <html> <head> <!-- noVNC example: simple example using default UI Copyright (C) 2012 Joel Martin - noVNC is licensed under the LGPL-3 (see LICENSE.txt) + 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). + + Connect parameters are provided in query string: + http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1 --> <title>noVNC</title> @@ -19,7 +23,7 @@ <!-- Apple iOS Safari settings --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> - <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" /> + <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- App Start Icon --> <link rel="apple-touch-startup-image" href="images/screen_320x460.png" /> <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen --> @@ -39,73 +43,80 @@ src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> --> - <script src="include/vnc.js"></script> - <script src="include/ui.js"></script> - </head> <body> <div id="noVNC-control-bar"> <!--noVNC Mobile Device only Buttons--> <div class="noVNC-buttons-left"> - <input type="image" src="images/drag.png" + <input type="image" alt="viewport drag" src="images/drag.png" id="noVNC_view_drag_button" class="noVNC_status_button" - title="Move/Drag Viewport" - onclick="UI.setViewDrag();"> + title="Move/Drag Viewport"> <div id="noVNC_mobile_buttons"> - <input type="image" src="images/mouse_none.png" - id="noVNC_mouse_button0" class="noVNC_status_button" - onclick="UI.setMouseButton(1);"> - <input type="image" src="images/mouse_left.png" - id="noVNC_mouse_button1" class="noVNC_status_button" - onclick="UI.setMouseButton(2);"> - <input type="image" src="images/mouse_middle.png" - id="noVNC_mouse_button2" class="noVNC_status_button" - onclick="UI.setMouseButton(4);"> - <input type="image" src="images/mouse_right.png" - id="noVNC_mouse_button4" class="noVNC_status_button" - onclick="UI.setMouseButton(0);"> - <input type="image" src="images/keyboard.png" + <input type="image" alt="No mousebutton" src="images/mouse_none.png" + id="noVNC_mouse_button0" class="noVNC_status_button"> + <input type="image" alt="Left mousebutton" src="images/mouse_left.png" + id="noVNC_mouse_button1" class="noVNC_status_button"> + <input type="image" alt="Middle mousebutton" src="images/mouse_middle.png" + id="noVNC_mouse_button2" class="noVNC_status_button"> + <input type="image" alt="Right mousebutton" src="images/mouse_right.png" + id="noVNC_mouse_button4" class="noVNC_status_button"> + <input type="image" alt="Keyboard" src="images/keyboard.png" id="showKeyboard" class="noVNC_status_button" - value="Keyboard" title="Show Keyboard" - onclick="UI.showKeyboard()"/> - <input type="email" - autocapitalize="off" autocorrect="off" - id="keyboardinput" class="noVNC_status_button" - onKeyDown="onKeyDown(event);" onblur="UI.keyInputBlur();"/> + value="Keyboard" title="Show Keyboard"/> + <!-- Note that Google Chrome on Android doesn't respect any of these, + html attributes which attempt to disable text suggestions on the + on-screen keyboard. Let's hope Chrome implements the ime-mode + style for example --> + <textarea id="keyboardinput" autocapitalize="off" + autocorrect="off" autocomplete="off" spellcheck="false" + mozactionhint="Enter" onsubmit="return false;" + style="ime-mode: disabled;"></textarea> + <div id="noVNC_extra_keys"> + <input type="image" alt="Extra keys" src="images/showextrakeys.png" + id="showExtraKeysButton" class="noVNC_status_button"> + <input type="image" alt="Ctrl" src="images/ctrl.png" + id="toggleCtrlButton" class="noVNC_status_button"> + <input type="image" alt="Alt" src="images/alt.png" + id="toggleAltButton" class="noVNC_status_button"> + <input type="image" alt="Tab" src="images/tab.png" + id="sendTabButton" class="noVNC_status_button"> + <input type="image" alt="Esc" src="images/esc.png" + id="sendEscButton" class="noVNC_status_button"> + </div> </div> </div> + <div id="noVNC_status">Loading</div> + <!--noVNC Buttons--> <div class="noVNC-buttons-right"> - <input type="image" src="images/ctrlaltdel.png" - id="sendCtrlAltDelButton" class="noVNC_status_button" - title="Send Ctrl-Alt-Del" - onclick="UI.sendCtrlAltDel();" /> - <input type="image" src="images/clipboard.png" + <input type="image" alt="Ctrl+Alt+Del" src="images/ctrlaltdel.png" + id="sendCtrlAltDelButton" class="noVNC_status_button" + title="Send Ctrl-Alt-Del" /> + <input type="image" alt="Shutdown/Reboot" src="images/power.png" + id="xvpButton" class="noVNC_status_button" + title="Shutdown/Reboot..." /> + <input type="image" alt="Clipboard" src="images/clipboard.png" id="clipboardButton" class="noVNC_status_button" - title="Clipboard" - onclick="UI.toggleClipboardPanel();" /> - <input type="image" src="images/settings.png" + title="Clipboard" /> + <input type="image" alt="Settings" src="images/settings.png" id="settingsButton" class="noVNC_status_button" - title="Settings" - onclick="UI.toggleSettingsPanel();" /> - <input type="image" src="images/connect.png" + title="Settings" /> + <input type="image" alt="Connect" src="images/connect.png" id="connectButton" class="noVNC_status_button" - title="Connect" - onclick="UI.toggleConnectPanel()" /> - <input type="image" src="images/disconnect.png" + title="Connect" /> + <input type="image" alt="Disconnect" src="images/disconnect.png" id="disconnectButton" class="noVNC_status_button" - title="Disconnect" - onclick="UI.disconnect()" /> + title="Disconnect" /> </div> <!-- Description Panel --> <!-- Shown by default when hosted at for kanaka.github.com --> - <div id="noVNC_description" style="display:none;" class=""> + <div id="noVNC_description" class=""> noVNC is a browser based VNC client implemented using HTML5 Canvas and WebSockets. You will either need a VNC server with WebSockets - support (such as <a href="http://libvnc.gtihub.io">libvncserver</a>) + support (such as <a href="http://libvncserver.sourceforge.net/">libvncserver</a>) or you will need to use <a href="https://github.com/kanaka/websockify">websockify</a> to bridge between your browser and VNC server. See the noVNC @@ -113,25 +124,34 @@ and <a href="http://kanaka.github.com/noVNC">website</a> for more information. <br /> - <input type="button" value="Close" - onclick="UI.toggleConnectPanel();"> + <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 - onfocus="UI.displayBlur();" onblur="UI.displayFocus();" - onchange="UI.clipSend();"> + <textarea id="noVNC_clipboard_text" rows=5> </textarea> <br /> <input id="noVNC_clipboard_clear_button" type="button" - value="Clear" onclick="UI.clipClear();"> + value="Clear"> + </div> + + <!-- XVP Shutdown/Reboot Panel --> + <div id="noVNC_xvp" class="triangle-right top"> + <span id="noVNC_xvp_menu"> + <input type="button" id="xvpShutdownButton" value="Shutdown" /> + <input type="button" id="xvpRebootButton" value="Reboot" /> + <input type="button" id="xvpResetButton" value="Reset" /> + </span> </div> <!-- Settings Panel --> <div id="noVNC_settings" class="triangle-right top"> - <span id="noVNC_settings_menu" onmouseover="UI.displayBlur();" - onmouseout="UI.displayFocus();"> + <span id="noVNC_settings_menu"> <ul> <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li> <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li> @@ -139,7 +159,6 @@ <li><input id="noVNC_clip" type="checkbox"> Clip to Window</li> <li><input id="noVNC_shared" type="checkbox"> Shared Mode</li> <li><input id="noVNC_view_only" type="checkbox"> View Only</li> - <li><input id="noVNC_connectTimeout" type="input"> Connect Timeout (s)</li> <li><input id="noVNC_path" type="input" value="websockify"> Path</li> <li><input id="noVNC_repeaterID" type="input" value=""> Repeater ID</li> <hr> @@ -156,8 +175,7 @@ </select></label> </li> <hr> - <li><input type="button" id="noVNC_apply" value="Apply" - onclick="UI.settingsApply()"></li> + <li><input type="button" id="noVNC_apply" value="Apply"></li> </ul> </span> </div> @@ -168,7 +186,7 @@ <li><label><strong>Host: </strong><input id="noVNC_host" /></label></li> <li><label><strong>Port: </strong><input id="noVNC_port" /></label></li> <li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li> - <li><input id="noVNC_connect_button" type="button" value="Connect" onclick="UI.connect();"></li> + <li><input id="noVNC_connect_button" type="button" value="Connect"></li> </ul> </div> @@ -178,10 +196,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 --> @@ -192,9 +206,8 @@ </div> </div> + <script src="include/util.js"></script> + <script src="include/ui.js"></script> - <script> - window.onload = UI.load; - </script> </body> </html> |
