[mirror_novnc.git] / 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_left">

            <!-- 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>
        </div>

        <div class="noVNC_buttons_right">
            <!-- 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 -->

    <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>
Commit	Line	Data
5514d299	1	<!DOCTYPE html>
5299db1a	2	<html>
53fc7392 CG	3	<head>
53fc7392 CG	4
d58f8b51	5	<!--
f7ec5b2c	6	noVNC example: simple example using default UI
d58f8b51	7	Copyright (C) 2012 Joel Martin
682fd02b	8	Copyright (C) 2016 Samuel Mannehed for Cendio AB
6cba147d	9	Copyright (C) 2016 Pierre Ossman for Cendio AB
1d728ace	10	noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
d58f8b51	11	This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
9f0d23de PÅ	12
	13	Connect parameters are provided in query string:
	14	http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
494b407a GV	15	or the fragment:
494b407a GV	16	http://example.com/#host=HOST&port=PORT&encrypt=1&true_color=1
d595e656	17	-->
01a9eee9	18	<title>noVNC</title>
53fc7392	19
a1dbbcc1	20	<meta charset="utf-8" />
01a9eee9 JM	21
	22	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
	23	Remove this if you use the .htaccess -->
a1dbbcc1	24	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
01a9eee9	25
a5df24b4	26	<!-- Apple iOS Safari settings -->
a1dbbcc1	27	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
01a9eee9	28	<meta name="apple-mobile-web-app-capable" content="yes" />
b597bdd1	29	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
a5df24b4	30	<!-- App Start Icon -->
ae510306	31	<link rel="apple-touch-startup-image" href="app/images/screen_320x460.png" />
a5df24b4	32	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
ae510306	33	<link rel="apple-touch-icon" href="app/images/screen_57x57.png" />
01a9eee9	34	<!--
ae510306	35	<link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" />
01a9eee9	36	-->
a5df24b4	37
5299db1a	38
01a9eee9	39	<!-- Stylesheets -->
ae510306 SR	40	<link rel="stylesheet" href="app/styles/base.css" />
	41	<link rel="alternate stylesheet" href="app/styles/black.css" TITLE="Black" />
	42	<link rel="alternate stylesheet" href="app/styles/blue.css" TITLE="Blue" />
01a9eee9	43
01a9eee9	44	<!--
5299db1a	45	<script type='text/javascript'
01a9eee9 JM	46	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	47	-->
	48
5299db1a	49	</head>
65e27ddd	50
53fc7392	51	<body>
3911256c	52	<!-- noVNC Control Bar -->
3f2c25a6	53	<div id="noVNC_control_bar" class="noVNC_status_normal">
3911256c	54
3f2c25a6	55	<div class="noVNC_buttons_left">
3911256c	56
3911256c	57	<!-- Drag/Pan the viewport -->
8bf68826	58	<input type="image" alt="viewport drag" src="app/images/drag.svg"
a49d9298	59	id="noVNC_view_drag_button" class="noVNC_button noVNC_hidden"
a1dbbcc1	60	title="Move/Drag Viewport" />
3911256c	61
3911256c	62	<!--noVNC Touch Device only buttons-->
e40978c7	63	<div id="noVNC_mobile_buttons" class="noVNC_hidden">
8bf68826	64	<input type="image" alt="No mousebutton" src="app/images/mouse_none.svg"
a49d9298	65	id="noVNC_mouse_button0" class="noVNC_button" />
8bf68826	66	<input type="image" alt="Left mousebutton" src="app/images/mouse_left.svg"
a49d9298	67	id="noVNC_mouse_button1" class="noVNC_button" />
8bf68826	68	<input type="image" alt="Middle mousebutton" src="app/images/mouse_middle.svg"
a49d9298	69	id="noVNC_mouse_button2" class="noVNC_button" />
8bf68826	70	<input type="image" alt="Right mousebutton" src="app/images/mouse_right.svg"
a49d9298	71	id="noVNC_mouse_button4" class="noVNC_button" />
8bf68826	72	<input type="image" alt="Keyboard" src="app/images/keyboard.svg"
a49d9298	73	id="noVNC_keyboard_button" class="noVNC_button"
a1dbbcc1	74	value="Keyboard" title="Show Keyboard" />
bd88b943	75	<div id="noVNC_extra_keys">
8bf68826	76	<input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"
a49d9298	77	id="noVNC_toggle_extra_keys_button" class="noVNC_button" />
6cba147d	78	<div id="noVNC_modifiers">
8bf68826	79	<input type="image" alt="Ctrl" src="app/images/ctrl.svg"
a49d9298	80	id="noVNC_toggle_ctrl_button" class="noVNC_button" />
8bf68826	81	<input type="image" alt="Alt" src="app/images/alt.svg"
a49d9298	82	id="noVNC_toggle_alt_button" class="noVNC_button" />
8bf68826	83	<input type="image" alt="Tab" src="app/images/tab.svg"
a49d9298	84	id="noVNC_send_tab_button" class="noVNC_button" />
8bf68826	85	<input type="image" alt="Esc" src="app/images/esc.svg"
a49d9298	86	id="noVNC_send_esc_button" class="noVNC_button" />
6cba147d	87	</div>
bd88b943	88	</div>
a5df24b4	89	</div>
01a9eee9 JM	90	</div>
01a9eee9 JM	91
3f2c25a6	92	<div class="noVNC_buttons_right">
3911256c	93	<!-- Send Ctrl+Alt+Delete -->
8bf68826	94	<input type="image" alt="Ctrl+Alt+Del" src="app/images/ctrlaltdel.svg"
a49d9298	95	id="noVNC_send_ctrl_alt_del_button" class="noVNC_button"
26945049	96	title="Send Ctrl-Alt-Del" />
3911256c	97
3911256c	98	<!-- XVP Shutdown/Reboot -->
8bf68826	99	<input type="image" alt="Shutdown/Reboot" src="app/images/power.svg"
a49d9298	100	id="noVNC_xvp_button" class="noVNC_button"
fb35d50f	101	title="Shutdown/Reboot..." />
286947cb	102	<div id="noVNC_xvp" class="noVNC_panel">
a49d9298	103	<input type="button" id="noVNC_xvp_shutdown_button" value="Shutdown" />
	104	<input type="button" id="noVNC_xvp_reboot_button" value="Reboot" />
	105	<input type="button" id="noVNC_xvp_reset_button" value="Reset" />
3911256c	106	</div>
	107
	108	<!-- Clipboard -->
8bf68826	109	<input type="image" alt="Clipboard" src="app/images/clipboard.svg"
a49d9298	110	id="noVNC_clipboard_button" class="noVNC_button"
26945049	111	title="Clipboard" />
286947cb	112	<div id="noVNC_clipboard" class="noVNC_panel">
3911256c	113	<textarea id="noVNC_clipboard_text" rows=5>
	114	</textarea>
	115	<br />
	116	<input id="noVNC_clipboard_clear_button" type="button"
79fd3b1f	117	value="Clear" class="noVNC_submit" />
3911256c	118	</div>
	119
	120	<!-- Toggle fullscreen -->
8bf68826	121	<input type="image" alt="Fullscreen" src="app/images/fullscreen.svg"
a49d9298	122	id="noVNC_fullscreen_button" class="noVNC_button noVNC_hidden"
7d1dc09a	123	title="Fullscreen" />
3911256c	124
3911256c	125	<!-- Settings -->
8bf68826	126	<input type="image" alt="Settings" src="app/images/settings.svg"
a49d9298	127	id="noVNC_settings_button" class="noVNC_button"
26945049	128	title="Settings" />
286947cb	129	<div id="noVNC_settings" class="noVNC_panel">
eeb395dc	130	<ul>
	131	<li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li>
	132	<li><input id="noVNC_setting_true_color" type="checkbox" checked /> True Color</li>
	133	<li><input id="noVNC_setting_cursor" type="checkbox" /> Local Cursor</li>
	134	<li><input id="noVNC_setting_clip" type="checkbox" /> Clip to Window</li>
	135	<li><input id="noVNC_setting_shared" type="checkbox" /> Shared Mode</li>
	136	<li><input id="noVNC_setting_view_only" type="checkbox" /> View Only</li>
	137	<hr>
	138	<li><input id="noVNC_setting_path" type="input" value="websockify" /> Path</li>
	139	<li><label>
	140	<select id="noVNC_setting_resize" name="vncResize">
	141	<option value="off">None</option>
	142	<option value="scale">Local Scaling</option>
	143	<option value="downscale">Local Downscaling</option>
	144	<option value="remote">Remote Resizing</option>
	145	</select> Scaling Mode</label>
	146	</li>
	147	<li><input id="noVNC_setting_repeaterID" type="input" value="" /> Repeater ID</li>
	148	<hr>
	149	<!-- Stylesheet selection dropdown -->
	150	<li><label><strong>Style: </strong>
	151	<select id="noVNC_setting_stylesheet" name="vncStyle">
	152	<option value="default">default</option>
	153	</select></label>
	154	</li>
	155	<!-- Logging selection dropdown -->
	156	<li><label><strong>Logging: </strong>
	157	<select id="noVNC_setting_logging" name="vncLogging">
	158	</select></label>
	159	</li>
	160	<hr>
79fd3b1f	161	<li><input type="button" id="noVNC_settings_apply" value="Apply" class="noVNC_submit" /></li>
eeb395dc	162	</ul>
3911256c	163	</div>
	164
	165	<!-- Connection Controls -->
8bf68826	166	<input type="image" alt="Connect" src="app/images/connect.svg"
a49d9298	167	id="noVNC_connect_controls_button" class="noVNC_button"
26945049	168	title="Connect" />
8bf68826	169	<input type="image" alt="Disconnect" src="app/images/disconnect.svg"
a49d9298	170	id="noVNC_disconnect_button" class="noVNC_button"
26945049	171	title="Disconnect" />
a49d9298	172	<div id="noVNC_connect_controls" class="noVNC_panel">
3911256c	173	<ul>
	174	<li><label><strong>Host: </strong><input id="noVNC_setting_host" /></label></li>
	175	<li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li>
	176	<li><label><strong>Password: </strong><input id="noVNC_setting_password" type="password" /></label></li>
	177	<li><label><strong>Token: </strong><input id="noVNC_setting_token" /></label></li>
79fd3b1f	178	<li><input id="noVNC_connect_button" type="button" value="Connect" class="noVNC_submit" /></li>
3911256c	179	</ul>
3911256c	180	</div>
01a9eee9 JM	181	</div>
01a9eee9 JM	182
ca5c74ad	183	<!-- Status Dialog -->
ca5c74ad	184	<div id="noVNC_status"></div>
0fa4e0a9	185
3f2c25a6	186	</div> <!-- End of noVNC_control_bar -->
01a9eee9	187
553864e8	188	<div id="noVNC_container">
b70ce077	189	<h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
a5df24b4 JM	190
a5df24b4 JM	191	<!-- HTML5 Canvas -->
e40978c7	192	<div id="noVNC_screen" class="noVNC_hidden">
c8d4402f PO	193	<!-- Note that Google Chrome on Android doesn't respect any of these,
	194	html attributes which attempt to disable text suggestions on the
	195	on-screen keyboard. Let's hope Chrome implements the ime-mode
	196	style for example -->
	197	<textarea id="noVNC_keyboardinput" autocapitalize="off"
	198	autocorrect="off" autocomplete="off" spellcheck="false"
	199	mozactionhint="Enter"></textarea>
	200
fdedbafb	201	<canvas id="noVNC_canvas" width="0" height="0">
a5df24b4 JM	202	Canvas not supported.
	203	</canvas>
	204	</div>
	205
01a9eee9	206	</div>
ae510306 SR	207	<!-- begin scripts -->
ae510306 SR	208	<script src="core/util.js"></script>
72bdd06e	209	<script src="app/webutil.js"></script>
ae510306 SR	210	<script src="app/ui.js"></script>
ae510306 SR	211	<!-- end scripts -->
6f4b1e40	212
53fc7392	213	</body>
65e27ddd	214	</html>