[mirror_novnc.git] / vnc.html

<!DOCTYPE html>
<html>
<head>

    <!--
    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).

    Connect parameters are provided in query string:
        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="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="images/screen_57x57.png">
    <!--
    <link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" />
    -->


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

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

</head>

<body>
    <div id="noVNC-control-bar" class="noVNC_status_normal">
        <!--noVNC Mobile Device only Buttons-->
        <div class="noVNC-buttons-left">
            <input type="image" alt="viewport drag" src="images/drag.png"
                id="noVNC_view_drag_button" class="noVNC_status_button"
                title="Move/Drag Viewport">
            <div id="noVNC_mobile_buttons">
                <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"/>
                <!-- 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"></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"></div>

        <!--noVNC Buttons-->
        <div class="noVNC-buttons-right">
            <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" />
            <input type="image" alt="Fullscreen" src="images/fullscreen.png"
                id="fullscreenButton" class="noVNC_status_button"
                title="Fullscreen" />
            <input type="image" alt="Settings" src="images/settings.png"
                id="settingsButton" class="noVNC_status_button"
                title="Settings" />
            <input type="image" alt="Connect" src="images/connect.png"
                id="connectButton" class="noVNC_status_button"
                title="Connect" />
            <input type="image" alt="Disconnect" src="images/disconnect.png"
                id="disconnectButton" class="noVNC_status_button"
                title="Disconnect" />
        </div>

        <!-- Description Panel -->
        <!-- Shown by default when hosted at for kanaka.github.com -->
        <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://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
            <a href="https://github.com/kanaka/noVNC">README</a>
            and <a href="http://kanaka.github.com/noVNC">website</a>
            for more information.
            <br />
            <input id="descriptionButton" type="button" value="Close">
        </div>

        <!-- Popup Status -->
        <div id="noVNC_popup_status" class="">
        </div>

        <!-- Clipboard Panel -->
        <div id="noVNC_clipboard" class="triangle-right top">
            <textarea id="noVNC_clipboard_text" rows=5>
            </textarea>
            <br />
            <input id="noVNC_clipboard_clear_button" type="button"
                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">
                <ul>
                    <li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
                    <li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
                    <li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
                    <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>
                    <hr>
                    <li><input id="noVNC_path" type="input" value="websockify"> Path</li>
                    <li><label>
                        <select id="noVNC_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_repeaterID" type="input" value=""> Repeater ID</li>
                    <hr>
                    <!-- Stylesheet selection dropdown -->
                    <li><label><strong>Style: </strong>
                        <select id="noVNC_stylesheet" name="vncStyle">
                            <option value="default">default</option>
                        </select></label>
                    </li>

                    <!-- Logging selection dropdown -->
                    <li><label><strong>Logging: </strong>
                        <select id="noVNC_logging" name="vncLogging">
                        </select></label>
                    </li>
                    <hr>
                    <li><input type="button" id="noVNC_apply" value="Apply"></li>
                </ul>
            </span>
        </div>

        <!-- Connection Panel -->
        <div id="noVNC_controls" class="triangle-right top">
            <ul>
                <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"></li>
            </ul>
        </div>

    </div> <!-- End of noVNC-control-bar -->


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

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

    </div>
    <script src="include/util.js"></script>
    <script src="include/ui.js"></script>

 </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
0019d3b0	8	Copyright (C) 2013 Samuel Mannehed for Cendio AB
1d728ace	9	noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
d58f8b51	10	This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
9f0d23de PÅ	11
	12	Connect parameters are provided in query string:
	13	http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
d595e656	14	-->
01a9eee9	15	<title>noVNC</title>
53fc7392	16
01a9eee9 JM	17	<meta charset="utf-8">
	18
	19	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
	20	Remove this if you use the .htaccess -->
	21	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	22
a5df24b4 JM	23	<!-- Apple iOS Safari settings -->
a5df24b4 JM	24	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
01a9eee9	25	<meta name="apple-mobile-web-app-capable" content="yes" />
b597bdd1	26	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
a5df24b4	27	<!-- App Start Icon -->
5299db1a	28	<link rel="apple-touch-startup-image" href="images/screen_320x460.png" />
a5df24b4 JM	29	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
a5df24b4 JM	30	<link rel="apple-touch-icon" href="images/screen_57x57.png">
01a9eee9	31	<!--
5299db1a	32	<link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" />
01a9eee9	33	-->
a5df24b4	34
5299db1a	35
01a9eee9 JM	36	<!-- Stylesheets -->
01a9eee9 JM	37	<link rel="stylesheet" href="include/base.css" />
53fc7392	38	<link rel="alternate stylesheet" href="include/black.css" TITLE="Black" />
01a9eee9 JM	39	<link rel="alternate stylesheet" href="include/blue.css" TITLE="Blue" />
01a9eee9 JM	40
01a9eee9	41	<!--
5299db1a	42	<script type='text/javascript'
01a9eee9 JM	43	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	44	-->
	45
5299db1a	46	</head>
65e27ddd	47
53fc7392	48	<body>
58ded70d	49	<div id="noVNC-control-bar" class="noVNC_status_normal">
01a9eee9	50	<!--noVNC Mobile Device only Buttons-->
a5df24b4	51	<div class="noVNC-buttons-left">
23817e15	52	<input type="image" alt="viewport drag" src="images/drag.png"
a5df24b4	53	id="noVNC_view_drag_button" class="noVNC_status_button"
26945049	54	title="Move/Drag Viewport">
a5df24b4	55	<div id="noVNC_mobile_buttons">
23817e15	56	<input type="image" alt="No mousebutton" src="images/mouse_none.png"
26945049	57	id="noVNC_mouse_button0" class="noVNC_status_button">
23817e15	58	<input type="image" alt="Left mousebutton" src="images/mouse_left.png"
26945049	59	id="noVNC_mouse_button1" class="noVNC_status_button">
23817e15	60	<input type="image" alt="Middle mousebutton" src="images/mouse_middle.png"
26945049	61	id="noVNC_mouse_button2" class="noVNC_status_button">
23817e15	62	<input type="image" alt="Right mousebutton" src="images/mouse_right.png"
26945049	63	id="noVNC_mouse_button4" class="noVNC_status_button">
23817e15	64	<input type="image" alt="Keyboard" src="images/keyboard.png"
5299db1a	65	id="showKeyboard" class="noVNC_status_button"
26945049	66	value="Keyboard" title="Show Keyboard"/>
8f4a291b	67	<!-- Note that Google Chrome on Android doesn't respect any of these,
	68	html attributes which attempt to disable text suggestions on the
	69	on-screen keyboard. Let's hope Chrome implements the ime-mode
	70	style for example -->
eeda79d3	71	<textarea id="keyboardinput" autocapitalize="off"
de8edde4	72	autocorrect="off" autocomplete="off" spellcheck="false"
48d26b2d	73	mozactionhint="Enter"></textarea>
bd88b943	74	<div id="noVNC_extra_keys">
23817e15	75	<input type="image" alt="Extra keys" src="images/showextrakeys.png"
	76	id="showExtraKeysButton" class="noVNC_status_button">
	77	<input type="image" alt="Ctrl" src="images/ctrl.png"
	78	id="toggleCtrlButton" class="noVNC_status_button">
	79	<input type="image" alt="Alt" src="images/alt.png"
	80	id="toggleAltButton" class="noVNC_status_button">
	81	<input type="image" alt="Tab" src="images/tab.png"
	82	id="sendTabButton" class="noVNC_status_button">
	83	<input type="image" alt="Esc" src="images/esc.png"
	84	id="sendEscButton" class="noVNC_status_button">
bd88b943	85	</div>
a5df24b4	86	</div>
01a9eee9 JM	87	</div>
01a9eee9 JM	88
58ded70d	89	<div id="noVNC_status"></div>
0fa4e0a9	90
01a9eee9	91	<!--noVNC Buttons-->
608e0f52	92	<div class="noVNC-buttons-right">
23817e15	93	<input type="image" alt="Ctrl+Alt+Del" src="images/ctrlaltdel.png"
23817e15	94	id="sendCtrlAltDelButton" class="noVNC_status_button"
26945049	95	title="Send Ctrl-Alt-Del" />
23817e15	96	<input type="image" alt="Shutdown/Reboot" src="images/power.png"
fb35d50f MS	97	id="xvpButton" class="noVNC_status_button"
fb35d50f MS	98	title="Shutdown/Reboot..." />
23817e15	99	<input type="image" alt="Clipboard" src="images/clipboard.png"
a5df24b4	100	id="clipboardButton" class="noVNC_status_button"
26945049	101	title="Clipboard" />
7d1dc09a	102	<input type="image" alt="Fullscreen" src="images/fullscreen.png"
	103	id="fullscreenButton" class="noVNC_status_button"
	104	title="Fullscreen" />
23817e15	105	<input type="image" alt="Settings" src="images/settings.png"
c506a481	106	id="settingsButton" class="noVNC_status_button"
26945049	107	title="Settings" />
23817e15	108	<input type="image" alt="Connect" src="images/connect.png"
0ce93900	109	id="connectButton" class="noVNC_status_button"
26945049	110	title="Connect" />
23817e15	111	<input type="image" alt="Disconnect" src="images/disconnect.png"
a5df24b4	112	id="disconnectButton" class="noVNC_status_button"
26945049	113	title="Disconnect" />
01a9eee9 JM	114	</div>
01a9eee9 JM	115
0ce93900 JM	116	<!-- Description Panel -->
0ce93900 JM	117	<!-- Shown by default when hosted at for kanaka.github.com -->
2fa1c098	118	<div id="noVNC_description" class="">
0ce93900 JM	119	noVNC is a browser based VNC client implemented using HTML5 Canvas
	120	and WebSockets. You will either need a VNC server with WebSockets
	121	support (such as <a href="http://libvncserver.sourceforge.net/">libvncserver</a>)
	122	or you will need to use
	123	<a href="https://github.com/kanaka/websockify">websockify</a>
	124	to bridge between your browser and VNC server. See the noVNC
	125	<a href="https://github.com/kanaka/noVNC">README</a>
	126	and <a href="http://kanaka.github.com/noVNC">website</a>
	127	for more information.
	128	<br />
26945049	129	<input id="descriptionButton" type="button" value="Close">
0ce93900 JM	130	</div>
0ce93900 JM	131
74f2ac96	132	<!-- Popup Status -->
74f2ac96	133	<div id="noVNC_popup_status" class="">
0fa4e0a9 SM	134	</div>
0fa4e0a9 SM	135
01a9eee9 JM	136	<!-- Clipboard Panel -->
01a9eee9 JM	137	<div id="noVNC_clipboard" class="triangle-right top">
26945049	138	<textarea id="noVNC_clipboard_text" rows=5>
01a9eee9 JM	139	</textarea>
	140	<br />
	141	<input id="noVNC_clipboard_clear_button" type="button"
26945049	142	value="Clear">
01a9eee9 JM	143	</div>
01a9eee9 JM	144
fb35d50f MS	145	<!-- XVP Shutdown/Reboot Panel -->
	146	<div id="noVNC_xvp" class="triangle-right top">
	147	<span id="noVNC_xvp_menu">
	148	<input type="button" id="xvpShutdownButton" value="Shutdown" />
	149	<input type="button" id="xvpRebootButton" value="Reboot" />
	150	<input type="button" id="xvpResetButton" value="Reset" />
	151	</span>
	152	</div>
	153
01a9eee9	154	<!-- Settings Panel -->
a5df24b4	155	<div id="noVNC_settings" class="triangle-right top">
26945049	156	<span id="noVNC_settings_menu">
01a9eee9 JM	157	<ul>
	158	<li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
	159	<li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
	160	<li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
06a9ef0c	161	<li><input id="noVNC_clip" type="checkbox"> Clip to Window</li>
01a9eee9	162	<li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
06a9ef0c	163	<li><input id="noVNC_view_only" type="checkbox"> View Only</li>
8b46c0de	164	<hr>
523cc4d6	165	<li><input id="noVNC_path" type="input" value="websockify"> Path</li>
8b46c0de SR	166	<li><label>
	167	<select id="noVNC_resize" name="vncResize">
	168	<option value="off">None</option>
72747869 SR	169	<option value="scale">Local Scaling</option>
72747869 SR	170	<option value="downscale">Local Downscaling</option>
8b46c0de SR	171	<option value="remote">Remote Resizing</option>
	172	</select> Scaling Mode</label>
	173	</li>
a997c5fd	174	<li><input id="noVNC_repeaterID" type="input" value=""> Repeater ID</li>
01a9eee9 JM	175	<hr>
	176	<!-- Stylesheet selection dropdown -->
	177	<li><label><strong>Style: </strong>
	178	<select id="noVNC_stylesheet" name="vncStyle">
	179	<option value="default">default</option>
	180	</select></label>
	181	</li>
	182
	183	<!-- Logging selection dropdown -->
	184	<li><label><strong>Logging: </strong>
	185	<select id="noVNC_logging" name="vncLogging">
	186	</select></label>
	187	</li>
	188	<hr>
26945049	189	<li><input type="button" id="noVNC_apply" value="Apply"></li>
01a9eee9 JM	190	</ul>
	191	</span>
	192	</div>
	193
	194	<!-- Connection Panel -->
	195	<div id="noVNC_controls" class="triangle-right top">
	196	<ul>
	197	<li><label><strong>Host: </strong><input id="noVNC_host" /></label></li>
	198	<li><label><strong>Port: </strong><input id="noVNC_port" /></label></li>
	199	<li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li>
26945049	200	<li><input id="noVNC_connect_button" type="button" value="Connect"></li>
01a9eee9 JM	201	</ul>
	202	</div>
	203
	204	</div> <!-- End of noVNC-control-bar -->
	205
b70ce077	206
01a9eee9	207	<div id="noVNC_screen">
b70ce077	208	<h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
a5df24b4 JM	209
	210	<!-- HTML5 Canvas -->
	211	<div id="noVNC_container">
fdedbafb	212	<canvas id="noVNC_canvas" width="0" height="0">
a5df24b4 JM	213	Canvas not supported.
	214	</canvas>
	215	</div>
	216
01a9eee9	217	</div>
6f4b1e40 JM	218	<script src="include/util.js"></script>
	219	<script src="include/ui.js"></script>
	220
53fc7392	221	</body>
65e27ddd	222	</html>