[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">
        <div id="noVNC-menu-bar" style="display:none;">
        </div>
        <!--noVNC Mobile Device only Buttons-->
        <div class="noVNC-buttons-left">
            <input type="image" 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" src="images/mouse_none.png"
                    id="noVNC_mouse_button0" class="noVNC_status_button">
                <input type="image" src="images/mouse_left.png"
                    id="noVNC_mouse_button1" class="noVNC_status_button">
                <input type="image" src="images/mouse_middle.png"
                    id="noVNC_mouse_button2" class="noVNC_status_button">
                <input type="image" src="images/mouse_right.png"
                    id="noVNC_mouse_button4" class="noVNC_status_button">
                <input type="image" src="images/keyboard.png"
                    id="showKeyboard" class="noVNC_status_button"
                    value="Keyboard" title="Show Keyboard"/>
                <input type="text" autocapitalize="off" autocorrect="off"
                    id="keyboardinput" class=""/>
                <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>

        <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" />
            <input type="image" src="images/power.png"
                id="xvpButton" class="noVNC_status_button"
                title="Shutdown/Reboot..." />
            <input type="image" src="images/clipboard.png"
                id="clipboardButton" class="noVNC_status_button"
                title="Clipboard" />
            <input type="image" src="images/settings.png"
                id="settingsButton" class="noVNC_status_button"
                title="Settings" />
            <input type="image" src="images/connect.png"
                id="connectButton" class="noVNC_status_button"
                title="Connect" />
            <input type="image" 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" style="display:none;" 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 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>
            </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>
                    <li><input id="noVNC_path" type="input" value="websockify"> Path</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">
        <div id="noVNC_screen_pad"></div>

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

        <!-- HTML5 Canvas -->
        <div id="noVNC_container">
            <canvas id="noVNC_canvas" width="640px" height="20px">
                        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>
01a9eee9	49	<div id="noVNC-control-bar">
26945049 JM	50	<div id="noVNC-menu-bar" style="display:none;">
26945049 JM	51	</div>
01a9eee9	52	<!--noVNC Mobile Device only Buttons-->
a5df24b4	53	<div class="noVNC-buttons-left">
5299db1a	54	<input type="image" src="images/drag.png"
a5df24b4	55	id="noVNC_view_drag_button" class="noVNC_status_button"
26945049	56	title="Move/Drag Viewport">
a5df24b4	57	<div id="noVNC_mobile_buttons">
5299db1a	58	<input type="image" src="images/mouse_none.png"
26945049	59	id="noVNC_mouse_button0" class="noVNC_status_button">
5299db1a	60	<input type="image" src="images/mouse_left.png"
26945049	61	id="noVNC_mouse_button1" class="noVNC_status_button">
5299db1a	62	<input type="image" src="images/mouse_middle.png"
26945049	63	id="noVNC_mouse_button2" class="noVNC_status_button">
5299db1a	64	<input type="image" src="images/mouse_right.png"
26945049	65	id="noVNC_mouse_button4" class="noVNC_status_button">
5299db1a JM	66	<input type="image" src="images/keyboard.png"
5299db1a JM	67	id="showKeyboard" class="noVNC_status_button"
26945049	68	value="Keyboard" title="Show Keyboard"/>
3346f922	69	<input type="text" autocapitalize="off" autocorrect="off"
35b29c98	70	id="keyboardinput" class=""/>
bd88b943	71	<div id="noVNC_extra_keys">
	72	<input type="image" src="images/showextrakeys.png"
	73	id="showExtraKeysButton"
	74	class="noVNC_status_button">
	75	<input type="image" src="images/ctrl.png"
	76	id="toggleCtrlButton"
	77	class="noVNC_status_button">
	78	<input type="image" src="images/alt.png"
	79	id="toggleAltButton"
	80	class="noVNC_status_button">
	81	<input type="image" src="images/tab.png"
	82	id="sendTabButton"
	83	class="noVNC_status_button">
	84	<input type="image" src="images/esc.png"
	85	id="sendEscButton"
	86	class="noVNC_status_button">
	87	</div>
a5df24b4	88	</div>
01a9eee9 JM	89	</div>
01a9eee9 JM	90
35b29c98	91	<div id="noVNC_status">Loading</div>
0fa4e0a9	92
01a9eee9	93	<!--noVNC Buttons-->
608e0f52	94	<div class="noVNC-buttons-right">
5299db1a JM	95	<input type="image" src="images/ctrlaltdel.png"
5299db1a JM	96	id="sendCtrlAltDelButton" class="noVNC_status_button"
26945049	97	title="Send Ctrl-Alt-Del" />
fb35d50f MS	98	<input type="image" src="images/power.png"
	99	id="xvpButton" class="noVNC_status_button"
	100	title="Shutdown/Reboot..." />
5299db1a	101	<input type="image" src="images/clipboard.png"
a5df24b4	102	id="clipboardButton" class="noVNC_status_button"
26945049	103	title="Clipboard" />
5299db1a	104	<input type="image" src="images/settings.png"
c506a481	105	id="settingsButton" class="noVNC_status_button"
26945049	106	title="Settings" />
5299db1a	107	<input type="image" src="images/connect.png"
0ce93900	108	id="connectButton" class="noVNC_status_button"
26945049	109	title="Connect" />
5299db1a	110	<input type="image" src="images/disconnect.png"
a5df24b4	111	id="disconnectButton" class="noVNC_status_button"
26945049	112	title="Disconnect" />
01a9eee9 JM	113	</div>
01a9eee9 JM	114
0ce93900 JM	115	<!-- Description Panel -->
	116	<!-- Shown by default when hosted at for kanaka.github.com -->
	117	<div id="noVNC_description" style="display:none;" class="">
	118	noVNC is a browser based VNC client implemented using HTML5 Canvas
	119	and WebSockets. You will either need a VNC server with WebSockets
	120	support (such as <a href="http://libvncserver.sourceforge.net/">libvncserver</a>)
	121	or you will need to use
	122	<a href="https://github.com/kanaka/websockify">websockify</a>
	123	to bridge between your browser and VNC server. See the noVNC
	124	<a href="https://github.com/kanaka/noVNC">README</a>
	125	and <a href="http://kanaka.github.com/noVNC">website</a>
	126	for more information.
	127	<br />
26945049	128	<input id="descriptionButton" type="button" value="Close">
0ce93900 JM	129	</div>
0ce93900 JM	130
0fa4e0a9 SM	131	<!-- Popup Status Panel -->
	132	<div id="noVNC_popup_status_panel" class="">
	133	</div>
	134
01a9eee9 JM	135	<!-- Clipboard Panel -->
01a9eee9 JM	136	<div id="noVNC_clipboard" class="triangle-right top">
26945049	137	<textarea id="noVNC_clipboard_text" rows=5>
01a9eee9 JM	138	</textarea>
	139	<br />
	140	<input id="noVNC_clipboard_clear_button" type="button"
26945049	141	value="Clear">
01a9eee9 JM	142	</div>
01a9eee9 JM	143
fb35d50f MS	144	<!-- XVP Shutdown/Reboot Panel -->
	145	<div id="noVNC_xvp" class="triangle-right top">
	146	<span id="noVNC_xvp_menu">
	147	<input type="button" id="xvpShutdownButton" value="Shutdown" />
	148	<input type="button" id="xvpRebootButton" value="Reboot" />
	149	<input type="button" id="xvpResetButton" value="Reset" />
	150	</span>
	151	</div>
	152
01a9eee9	153	<!-- Settings Panel -->
a5df24b4	154	<div id="noVNC_settings" class="triangle-right top">
26945049	155	<span id="noVNC_settings_menu">
01a9eee9 JM	156	<ul>
	157	<li><input id="noVNC_encrypt" type="checkbox"> Encrypt</li>
	158	<li><input id="noVNC_true_color" type="checkbox" checked> True Color</li>
	159	<li><input id="noVNC_cursor" type="checkbox"> Local Cursor</li>
06a9ef0c	160	<li><input id="noVNC_clip" type="checkbox"> Clip to Window</li>
01a9eee9	161	<li><input id="noVNC_shared" type="checkbox"> Shared Mode</li>
06a9ef0c	162	<li><input id="noVNC_view_only" type="checkbox"> View Only</li>
523cc4d6	163	<li><input id="noVNC_path" type="input" value="websockify"> Path</li>
a997c5fd	164	<li><input id="noVNC_repeaterID" type="input" value=""> Repeater ID</li>
01a9eee9 JM	165	<hr>
	166	<!-- Stylesheet selection dropdown -->
	167	<li><label><strong>Style: </strong>
	168	<select id="noVNC_stylesheet" name="vncStyle">
	169	<option value="default">default</option>
	170	</select></label>
	171	</li>
	172
	173	<!-- Logging selection dropdown -->
	174	<li><label><strong>Logging: </strong>
	175	<select id="noVNC_logging" name="vncLogging">
	176	</select></label>
	177	</li>
	178	<hr>
26945049	179	<li><input type="button" id="noVNC_apply" value="Apply"></li>
01a9eee9 JM	180	</ul>
	181	</span>
	182	</div>
	183
	184	<!-- Connection Panel -->
	185	<div id="noVNC_controls" class="triangle-right top">
	186	<ul>
	187	<li><label><strong>Host: </strong><input id="noVNC_host" /></label></li>
	188	<li><label><strong>Port: </strong><input id="noVNC_port" /></label></li>
	189	<li><label><strong>Password: </strong><input id="noVNC_password" type="password" /></label></li>
26945049	190	<li><input id="noVNC_connect_button" type="button" value="Connect"></li>
01a9eee9 JM	191	</ul>
	192	</div>
	193
	194	</div> <!-- End of noVNC-control-bar -->
	195
b70ce077	196
01a9eee9	197	<div id="noVNC_screen">
b70ce077 JM	198	<div id="noVNC_screen_pad"></div>
b70ce077 JM	199
b70ce077	200	<h1 id="noVNC_logo"><span>no</span><br />VNC</h1>
a5df24b4 JM	201
	202	<!-- HTML5 Canvas -->
	203	<div id="noVNC_container">
	204	<canvas id="noVNC_canvas" width="640px" height="20px">
	205	Canvas not supported.
	206	</canvas>
	207	</div>
	208
01a9eee9	209	</div>
6f4b1e40 JM	210	<script src="include/util.js"></script>
	211	<script src="include/ui.js"></script>
	212
53fc7392	213	</body>
65e27ddd	214	</html>