vnc.html

<!DOCTYPE html>
<html>
<head>

    <!--
    noVNC example: simple example using default UI
    Copyright (C) 2012 Joel Martin
    Copyright (C) 2016 Samuel Mannehed for Cendio AB
    Copyright (C) 2016 Pierre Ossman 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
    or the fragment:
        http://example.com/#host=HOST&port=PORT&encrypt=1&true_color=1
    -->
    <title>noVNC</title>

    <meta charset="utf-8" />

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
                Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <!-- 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 name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- App Start Icon  -->
    <link rel="apple-touch-startup-image" href="app/images/screen_320x460.png" />
    <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
    <link rel="apple-touch-icon" href="app/images/screen_57x57.png" />
    <!--
    <link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" />
    -->


    <!-- Stylesheets -->
    <link rel="stylesheet" href="app/styles/base.css" />
    <link rel="alternate stylesheet" href="app/styles/black.css" TITLE="Black" />
    <link rel="alternate stylesheet" href="app/styles/blue.css" TITLE="Blue" />

    <!--
    <script type='text/javascript'
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
    -->

</head>

<body>
    <!-- noVNC Control Bar -->
    <div id="noVNC_control_bar" class="noVNC_status_normal">

        <div class="noVNC_buttons">

            <!-- Drag/Pan the viewport -->
            <input type="image" alt="viewport drag" src="app/images/drag.svg"
                id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"
                title="Move/Drag Viewport" />

            <!--noVNC Touch Device only buttons-->
            <div id="noVNC_mobile_buttons" class="noVNC_hidden">
                <input type="image" alt="No mousebutton" src="app/images/mouse_none.svg"
                    id="noVNC_mouse_button0" class="noVNC_button" />
                <input type="image" alt="Left mousebutton" src="app/images/mouse_left.svg"
                    id="noVNC_mouse_button1" class="noVNC_button" />
                <input type="image" alt="Middle mousebutton" src="app/images/mouse_middle.svg"
                    id="noVNC_mouse_button2" class="noVNC_button" />
                <input type="image" alt="Right mousebutton" src="app/images/mouse_right.svg"
                    id="noVNC_mouse_button4" class="noVNC_button" />
                <input type="image" alt="Keyboard" src="app/images/keyboard.svg"
                    id="noVNC_keyboard_button" class="noVNC_button"
                    value="Keyboard" title="Show Keyboard" />
                <div id="noVNC_extra_keys">
                    <input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"
                        id="noVNC_toggle_extra_keys_button" class="noVNC_button" />
                    <div id="noVNC_modifiers">
                        <input type="image" alt="Ctrl" src="app/images/ctrl.svg"
                            id="noVNC_toggle_ctrl_button" class="noVNC_button" />
                        <input type="image" alt="Alt" src="app/images/alt.svg"
                            id="noVNC_toggle_alt_button" class="noVNC_button" />
                        <input type="image" alt="Tab" src="app/images/tab.svg"
                            id="noVNC_send_tab_button" class="noVNC_button" />
                        <input type="image" alt="Esc" src="app/images/esc.svg"
                            id="noVNC_send_esc_button" class="noVNC_button" />
                    </div>
                </div>
            </div>

            <!-- Send Ctrl+Alt+Delete -->
            <input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.svg"
                id="noVNC_send_ctrl_alt_del_button" class="noVNC_button"
                title="Send Ctrl-Alt-Del" />

            <!-- XVP Shutdown/Reboot -->
            <input type="image" alt="Shutdown/Reboot" src="app/images/power.svg"
                id="noVNC_xvp_button" class="noVNC_button"
                title="Shutdown/Reboot..." />
            <div id="noVNC_xvp" class="noVNC_panel">
                <input type="button" id="noVNC_xvp_shutdown_button" value="Shutdown" />
                <input type="button" id="noVNC_xvp_reboot_button" value="Reboot" />
                <input type="button" id="noVNC_xvp_reset_button" value="Reset" />
            </div>

            <!-- Clipboard -->
            <input type="image" alt="Clipboard" src="app/images/clipboard.svg"
                id="noVNC_clipboard_button" class="noVNC_button"
                title="Clipboard" />
            <div id="noVNC_clipboard" class="noVNC_panel">
                <textarea id="noVNC_clipboard_text" rows=5>
                </textarea>
                <br />
                <input id="noVNC_clipboard_clear_button" type="button"
                    value="Clear" class="noVNC_submit" />
            </div>

            <!-- Toggle fullscreen -->
            <input type="image" alt="Fullscreen" src="app/images/fullscreen.svg"
                id="noVNC_fullscreen_button" class="noVNC_button noVNC_hidden"
                title="Fullscreen" />

            <!-- Settings -->
            <input type="image" alt="Settings" src="app/images/settings.svg"
                id="noVNC_settings_button" class="noVNC_button"
                title="Settings" />
            <div id="noVNC_settings" class="noVNC_panel">
                <ul>
                    <li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li>
                    <li><input id="noVNC_setting_true_color" type="checkbox" checked /> True Color</li>
                    <li><input id="noVNC_setting_cursor" type="checkbox" /> Local Cursor</li>
                    <li><input id="noVNC_setting_clip" type="checkbox" /> Clip to Window</li>
                    <li><input id="noVNC_setting_shared" type="checkbox" /> Shared Mode</li>
                    <li><input id="noVNC_setting_view_only" type="checkbox" /> View Only</li>
                    <hr>
                    <li><input id="noVNC_setting_path" type="input" value="websockify" /> Path</li>
                    <li><label>
                            <select id="noVNC_setting_resize" name="vncResize">
                                <option value="off">None</option>
                                <option value="scale">Local Scaling</option>
                                <option value="downscale">Local Downscaling</option>
                                <option value="remote">Remote Resizing</option>
                            </select> Scaling Mode</label>
                    </li>
                    <li><input id="noVNC_setting_repeaterID" type="input" value="" /> Repeater ID</li>
                    <hr>
                    <!-- Stylesheet selection dropdown -->
                    <li><label><strong>Style: </strong>
                            <select id="noVNC_setting_stylesheet" name="vncStyle">
                                <option value="default">default</option>
                        </select></label>
                    </li>
                    <!-- Logging selection dropdown -->
                    <li><label><strong>Logging: </strong>
                            <select id="noVNC_setting_logging" name="vncLogging">
                        </select></label>
                    </li>
                    <hr>
                    <li><input type="button" id="noVNC_settings_apply" value="Apply" class="noVNC_submit" /></li>
                </ul>
            </div>

            <!-- Connection Controls -->
            <input type="image" alt="Connect" src="app/images/connect.svg"
                id="noVNC_connect_controls_button" class="noVNC_button"
                title="Connect" />
            <input type="image" alt="Disconnect" src="app/images/disconnect.svg"
                id="noVNC_disconnect_button" class="noVNC_button"
                title="Disconnect" />
            <div id="noVNC_connect_controls" class="noVNC_panel">
                <ul>
                    <li><label><strong>Host: </strong><input id="noVNC_setting_host" /></label></li>
                    <li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li>
                    <li><label><strong>Password: </strong><input id="noVNC_setting_password" type="password" /></label></li>
                    <li><label><strong>Token: </strong><input id="noVNC_setting_token" /></label></li>
                    <li><input id="noVNC_connect_button" type="button" value="Connect" class="noVNC_submit" /></li>
                </ul>
            </div>
        </div>

        <!-- Status Dialog -->
        <div id="noVNC_status"></div>

    </div> <!-- End of noVNC_control_bar -->

    <!-- Password Dialog -->
    <div class="noVNC_center">
    <div id="noVNC_password_dlg" class="noVNC_panel">
        <ul>
            <li><label><strong>Password: </strong><input id="noVNC_password_input" type="password" /></label></li>
            <li><input id="noVNC_password_button" type="button" value="Send Password" class="noVNC_submit" /></li>
        </ul>
    </div>
    </div>

    <div id="noVNC_container">
        <h1 id="noVNC_logo"><span>no</span><br />VNC</h1>

        <!-- HTML5 Canvas -->
        <div id="noVNC_screen" class="noVNC_hidden">
            <!-- 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="noVNC_keyboardinput" autocapitalize="off"
                autocorrect="off" autocomplete="off" spellcheck="false"
                mozactionhint="Enter"></textarea>

            <canvas id="noVNC_canvas" width="0" height="0">
                        Canvas not supported.
            </canvas>
        </div>

    </div>
    <!-- begin scripts -->
    <script src="core/util.js"></script>
    <script src="app/webutil.js"></script>
    <script src="app/ui.js"></script>
    <!-- end scripts -->

 </body>
</html>
vnc.html: use standard HTML5 doctype. 2012-10-19 12:18:48 -05:00			`<!DOCTYPE html>`
Formatting. Image renames/cleanup. 2011-09-29 09:32:09 -05:00			`<html>`
Modifed UI. Move HTML from ui.js to vnc.html. 2011-09-05 09:46:13 +10:00			`<head>`

License clarification: HTML,CSS,images,fonts under permissive licenses. 2012-06-24 16:23:58 -05:00			`<!--`
Rename default_controls.js to ui.js. 2010-11-10 16:02:19 -06:00			`noVNC example: simple example using default UI`
License clarification: HTML,CSS,images,fonts under permissive licenses. 2012-06-24 16:23:58 -05:00			`Copyright (C) 2012 Joel Martin`
Change the names of settings-elements 2016-04-30 04:35:19 +02:00			`Copyright (C) 2016 Samuel Mannehed for Cendio AB`
Simplify modifier button display 2016-08-25 17:32:57 +02:00			`Copyright (C) 2016 Pierre Ossman for Cendio AB`
Change noVNC license to from LGPLv3 to MPL 2.0 2012-10-11 12:16:58 -05:00			`noVNC is licensed under the MPL 2.0 (see LICENSE.txt)`
License clarification: HTML,CSS,images,fonts under permissive licenses. 2012-06-24 16:23:58 -05:00			`This file is licensed under the 2-Clause BSD license (see LICENSE.txt).`
Move over comment about URL connect parameters from vnc_auto.html. 2013-04-05 09:29:08 +02:00
			`Connect parameters are provided in query string:`
			`http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1`
Add hash fragment as an optional method to supply config variables. 2015-10-22 19:57:07 +05:30			`or the fragment:`
			`http://example.com/#host=HOST&port=PORT&encrypt=1&true_color=1`
JSLint. 2010-09-08 10:11:11 -05:00			`-->`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`<title>noVNC</title>`
Modifed UI. Move HTML from ui.js to vnc.html. 2011-09-05 09:46:13 +10:00
Consistent closing tags for void elements 2016-05-27 09:36:00 +02:00			`<meta charset="utf-8" />`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00
			`<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame`
			`Remove this if you use the .htaccess -->`
Consistent closing tags for void elements 2016-05-27 09:36:00 +02:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00
Viewport clip/drag for mobile/touchscreen devices. 2011-09-22 10:36:23 -05:00			`<!-- Apple iOS Safari settings -->`
Consistent closing tags for void elements 2016-05-27 09:36:00 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`<meta name="apple-mobile-web-app-capable" content="yes" />`
Fix typo: 2013-04-05 09:22:19 +02:00			`<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />`
Viewport clip/drag for mobile/touchscreen devices. 2011-09-22 10:36:23 -05:00			`<!-- App Start Icon -->`
Enable noVNC to become Browserifiable 2016-09-14 13:52:53 -04:00			`<link rel="apple-touch-startup-image" href="app/images/screen_320x460.png" />`
Viewport clip/drag for mobile/touchscreen devices. 2011-09-22 10:36:23 -05:00			`<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->`
Enable noVNC to become Browserifiable 2016-09-14 13:52:53 -04:00			`<link rel="apple-touch-icon" href="app/images/screen_57x57.png" />`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`<!--`
Enable noVNC to become Browserifiable 2016-09-14 13:52:53 -04:00			`<link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" />`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`-->`
Viewport clip/drag for mobile/touchscreen devices. 2011-09-22 10:36:23 -05:00
Formatting. Image renames/cleanup. 2011-09-29 09:32:09 -05:00
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`<!-- Stylesheets -->`
Enable noVNC to become Browserifiable 2016-09-14 13:52:53 -04:00			`<link rel="stylesheet" href="app/styles/base.css" />`
			`<link rel="alternate stylesheet" href="app/styles/black.css" TITLE="Black" />`
			`<link rel="alternate stylesheet" href="app/styles/blue.css" TITLE="Blue" />`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00
			`<!--`
Formatting. Image renames/cleanup. 2011-09-29 09:32:09 -05:00			`<script type='text/javascript'`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>`
			`-->`

Formatting. Image renames/cleanup. 2011-09-29 09:32:09 -05:00			`</head>`
First RFB protocol stub implementation. 2010-04-01 11:36:22 -05:00
Modifed UI. Move HTML from ui.js to vnc.html. 2011-09-05 09:46:13 +10:00			`<body>`
Place related elements together 2016-08-24 11:10:40 +02:00			`<!-- noVNC Control Bar -->`
Use a consistent naming convention for elements 2016-05-26 23:15:39 +02:00			`<div id="noVNC_control_bar" class="noVNC_status_normal">`
Place related elements together 2016-08-24 11:10:40 +02:00
Merge control bar sections 2016-08-25 20:49:52 +02:00			`<div class="noVNC_buttons">`
Place related elements together 2016-08-24 11:10:40 +02:00
			`<!-- Drag/Pan the viewport -->`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="viewport drag" src="app/images/drag.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"`
Consistent closing tags for void elements 2016-05-27 09:36:00 +02:00			`title="Move/Drag Viewport" />`
Place related elements together 2016-08-24 11:10:40 +02:00
			`<!--noVNC Touch Device only buttons-->`
Let CSS control what it means to be hidden/closed 2016-08-25 14:22:44 +02:00			`<div id="noVNC_mobile_buttons" class="noVNC_hidden">`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="No mousebutton" src="app/images/mouse_none.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_mouse_button0" class="noVNC_button" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Left mousebutton" src="app/images/mouse_left.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_mouse_button1" class="noVNC_button" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Middle mousebutton" src="app/images/mouse_middle.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_mouse_button2" class="noVNC_button" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Right mousebutton" src="app/images/mouse_right.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_mouse_button4" class="noVNC_button" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Keyboard" src="app/images/keyboard.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_keyboard_button" class="noVNC_button"`
Consistent closing tags for void elements 2016-05-27 09:36:00 +02:00			`value="Keyboard" title="Show Keyboard" />`
Switched from using a list to absolute positions to achieve more 2013-07-25 15:34:16 +02:00			`<div id="noVNC_extra_keys">`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_toggle_extra_keys_button" class="noVNC_button" />`
Simplify modifier button display 2016-08-25 17:32:57 +02:00			`<div id="noVNC_modifiers">`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Ctrl" src="app/images/ctrl.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_toggle_ctrl_button" class="noVNC_button" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Alt" src="app/images/alt.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_toggle_alt_button" class="noVNC_button" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Tab" src="app/images/tab.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_send_tab_button" class="noVNC_button" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Esc" src="app/images/esc.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_send_esc_button" class="noVNC_button" />`
Simplify modifier button display 2016-08-25 17:32:57 +02:00			`</div>`
Switched from using a list to absolute positions to achieve more 2013-07-25 15:34:16 +02:00			`</div>`
Viewport clip/drag for mobile/touchscreen devices. 2011-09-22 10:36:23 -05:00			`</div>`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00
Place related elements together 2016-08-24 11:10:40 +02:00			`<!-- Send Ctrl+Alt+Delete -->`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_send_ctrl_alt_del_button" class="noVNC_button"`
vnc.html, ui.js: move all Javascript to ui.js. 2012-09-14 16:27:35 -05:00			`title="Send Ctrl-Alt-Del" />`
Place related elements together 2016-08-24 11:10:40 +02:00
			`<!-- XVP Shutdown/Reboot -->`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Shutdown/Reboot" src="app/images/power.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_xvp_button" class="noVNC_button"`
Implement XVP UI in HTML 2013-09-28 19:25:15 +01:00			`title="Shutdown/Reboot..." />`
Fix name for panel CSS class 2016-08-25 11:10:25 +02:00			`<div id="noVNC_xvp" class="noVNC_panel">`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`<input type="button" id="noVNC_xvp_shutdown_button" value="Shutdown" />`
			`<input type="button" id="noVNC_xvp_reboot_button" value="Reboot" />`
			`<input type="button" id="noVNC_xvp_reset_button" value="Reset" />`
Place related elements together 2016-08-24 11:10:40 +02:00			`</div>`

			`<!-- Clipboard -->`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Clipboard" src="app/images/clipboard.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_clipboard_button" class="noVNC_button"`
vnc.html, ui.js: move all Javascript to ui.js. 2012-09-14 16:27:35 -05:00			`title="Clipboard" />`
Fix name for panel CSS class 2016-08-25 11:10:25 +02:00			`<div id="noVNC_clipboard" class="noVNC_panel">`
Place related elements together 2016-08-24 11:10:40 +02:00			`<textarea id="noVNC_clipboard_text" rows=5>`
			`</textarea>`
			`<br />`
			`<input id="noVNC_clipboard_clear_button" type="button"`
Apply CSS style to input elements 2016-08-30 15:23:20 +02:00			`value="Clear" class="noVNC_submit" />`
Place related elements together 2016-08-24 11:10:40 +02:00			`</div>`

			`<!-- Toggle fullscreen -->`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Fullscreen" src="app/images/fullscreen.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_fullscreen_button" class="noVNC_button noVNC_hidden"`
Fixes #498 - Add the ability to toggle fullscreen mode 2015-06-18 10:45:59 +02:00			`title="Fullscreen" />`
Place related elements together 2016-08-24 11:10:40 +02:00
			`<!-- Settings -->`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Settings" src="app/images/settings.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_settings_button" class="noVNC_button"`
vnc.html, ui.js: move all Javascript to ui.js. 2012-09-14 16:27:35 -05:00			`title="Settings" />`
Fix name for panel CSS class 2016-08-25 11:10:25 +02:00			`<div id="noVNC_settings" class="noVNC_panel">`
Remove unnecessary span:s 2016-08-25 13:02:24 +02:00			`<ul>`
			`<li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li>`
			`<li><input id="noVNC_setting_true_color" type="checkbox" checked /> True Color</li>`
			`<li><input id="noVNC_setting_cursor" type="checkbox" /> Local Cursor</li>`
			`<li><input id="noVNC_setting_clip" type="checkbox" /> Clip to Window</li>`
			`<li><input id="noVNC_setting_shared" type="checkbox" /> Shared Mode</li>`
			`<li><input id="noVNC_setting_view_only" type="checkbox" /> View Only</li>`
			`<hr>`
			`<li><input id="noVNC_setting_path" type="input" value="websockify" /> Path</li>`
			`<li><label>`
			`<select id="noVNC_setting_resize" name="vncResize">`
			`<option value="off">None</option>`
			`<option value="scale">Local Scaling</option>`
			`<option value="downscale">Local Downscaling</option>`
			`<option value="remote">Remote Resizing</option>`
			`</select> Scaling Mode</label>`
			`</li>`
			`<li><input id="noVNC_setting_repeaterID" type="input" value="" /> Repeater ID</li>`
			`<hr>`
			`<!-- Stylesheet selection dropdown -->`
			`<li><label><strong>Style: </strong>`
			`<select id="noVNC_setting_stylesheet" name="vncStyle">`
			`<option value="default">default</option>`
			`</select></label>`
			`</li>`
			`<!-- Logging selection dropdown -->`
			`<li><label><strong>Logging: </strong>`
			`<select id="noVNC_setting_logging" name="vncLogging">`
			`</select></label>`
			`</li>`
			`<hr>`
Apply CSS style to input elements 2016-08-30 15:23:20 +02:00			`<li><input type="button" id="noVNC_settings_apply" value="Apply" class="noVNC_submit" /></li>`
Remove unnecessary span:s 2016-08-25 13:02:24 +02:00			`</ul>`
Place related elements together 2016-08-24 11:10:40 +02:00			`</div>`

			`<!-- Connection Controls -->`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Connect" src="app/images/connect.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_connect_controls_button" class="noVNC_button"`
vnc.html, ui.js: move all Javascript to ui.js. 2012-09-14 16:27:35 -05:00			`title="Connect" />`
Replace icons with SVG versions 2016-08-25 16:31:38 +02:00			`<input type="image" alt="Disconnect" src="app/images/disconnect.svg"`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`id="noVNC_disconnect_button" class="noVNC_button"`
vnc.html, ui.js: move all Javascript to ui.js. 2012-09-14 16:27:35 -05:00			`title="Disconnect" />`
Harmonise CSS names 2016-08-25 14:41:53 +02:00			`<div id="noVNC_connect_controls" class="noVNC_panel">`
Place related elements together 2016-08-24 11:10:40 +02:00			`<ul>`
			`<li><label><strong>Host: </strong><input id="noVNC_setting_host" /></label></li>`
			`<li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li>`
			`<li><label><strong>Password: </strong><input id="noVNC_setting_password" type="password" /></label></li>`
			`<li><label><strong>Token: </strong><input id="noVNC_setting_token" /></label></li>`
Apply CSS style to input elements 2016-08-30 15:23:20 +02:00			`<li><input id="noVNC_connect_button" type="button" value="Connect" class="noVNC_submit" /></li>`
Place related elements together 2016-08-24 11:10:40 +02:00			`</ul>`
			`</div>`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`</div>`

Show all status messages in a popup top bar 2016-08-25 16:08:29 +02:00			`<!-- Status Dialog -->`
			`<div id="noVNC_status"></div>`
Merged the control-bar and the status-bar together. 2013-06-28 14:44:58 +02:00
Use a consistent naming convention for elements 2016-05-26 23:15:39 +02:00			`</div> <!-- End of noVNC_control_bar -->`
HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00
Add a separate dialog for the password prompt 2016-08-29 14:46:58 +02:00			`<!-- Password Dialog -->`
			`<div class="noVNC_center">`
			`<div id="noVNC_password_dlg" class="noVNC_panel">`
			`<ul>`
			`<li><label><strong>Password: </strong><input id="noVNC_password_input" type="password" /></label></li>`
			`<li><input id="noVNC_password_button" type="button" value="Send Password" class="noVNC_submit" /></li>`
			`</ul>`
			`</div>`
			`</div>`

Switch names between the container and the screen 2016-04-26 17:27:17 +02:00			`<div id="noVNC_container">`
Fix window/document sizing in firefox. 2011-09-13 13:14:11 -05:00			`<h1 id="noVNC_logo"><span>no</span><br />VNC</h1>`
Viewport clip/drag for mobile/touchscreen devices. 2011-09-22 10:36:23 -05:00
			`<!-- HTML5 Canvas -->`
Let CSS control what it means to be hidden/closed 2016-08-25 14:22:44 +02:00			`<div id="noVNC_screen" class="noVNC_hidden">`
Move touch text input out of control bar 2016-08-25 20:45:52 +02:00			`<!-- 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="noVNC_keyboardinput" autocapitalize="off"`
			`autocorrect="off" autocomplete="off" spellcheck="false"`
			`mozactionhint="Enter"></textarea>`

* Don't check specific html elements from the display code (Fixes #446 ) 2015-03-09 14:30:56 +01:00			`<canvas id="noVNC_canvas" width="0" height="0">`
Viewport clip/drag for mobile/touchscreen devices. 2011-09-22 10:36:23 -05:00			`Canvas not supported.`
			`</canvas>`
			`</div>`

HTML, CSS and Javascript indent/formatting. 2011-09-08 10:00:09 -05:00			`</div>`
Enable noVNC to become Browserifiable 2016-09-14 13:52:53 -04:00			`<!-- begin scripts -->`
			`<script src="core/util.js"></script>`
Clean up Util 2016-09-03 13:39:12 -04:00			`<script src="app/webutil.js"></script>`
Enable noVNC to become Browserifiable 2016-09-14 13:52:53 -04:00			`<script src="app/ui.js"></script>`
			`<!-- end scripts -->`
Refactor dynamic script loading. Add util.js:load_scripts() 2012-10-17 11:47:07 -05:00
Modifed UI. Move HTML from ui.js to vnc.html. 2011-09-05 09:46:13 +10:00			`</body>`
First RFB protocol stub implementation. 2010-04-01 11:36:22 -05:00			`</html>`