[mirror_novnc.git] / vnc_auto.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
    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/auto.css">

     <!--
    <script type='text/javascript'
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
    -->
        <script src="core/util.js"></script>
        <script src="app/webutil.js"></script>
</head>

<body style="margin: 0px;">
    <div id="noVNC_container">
            <div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
                <table border=0 width="100%"><tr>
                    <td><div id="noVNC_status" style="position: relative; height: auto;">
                        Loading
                    </div></td>
                    <td width="1%"><div id="noVNC_buttons">
                        <input type=button value="Send CtrlAltDel"
                            id="sendCtrlAltDelButton">
                        <span id="noVNC_xvp_buttons">
                        <input type=button value="Shutdown"
                            id="xvpShutdownButton">
                        <input type=button value="Reboot"
                            id="xvpRebootButton">
                        <input type=button value="Reset"
                            id="xvpResetButton">
                        </span>
                            </div></td>
                </tr></table>
            </div>
            <canvas id="noVNC_canvas" width="640px" height="20px">
                Canvas not supported.
            </canvas>
        </div>

        <script>
        /*jslint white: false */
        /*global window, $, Util, RFB, */
        "use strict";

        // Load supporting scripts
        WebUtil.load_scripts({
            'core': ["base64.js", "websock.js", "des.js", "input/keysymdef.js",
                     "input/xtscancodes.js", "input/util.js", "input/devices.js",
                     "display.js", "inflator.js", "rfb.js", "input/keysym.js"]});

        var rfb;
        var resizeTimeout;
        var desktopName;


        function UIresize() {
            if (WebUtil.getConfigVar('resize', false)) {
                var innerW = window.innerWidth;
                var innerH = window.innerHeight;
                var controlbarH = document.getElementById('noVNC_status_bar').offsetHeight;
                if (innerW !== undefined && innerH !== undefined)
                    rfb.requestDesktopSize(innerW, innerH - controlbarH);
            }
        }
        function FBUComplete(rfb, fbu) {
            UIresize();
            rfb.set_onFBUComplete(function() { });
        }
        function updateDesktopName(rfb, name) {
            desktopName = name;
        }
        function passwordRequired(rfb, msg) {
            if (typeof msg === 'undefined') {
                msg = 'Password Required: ';
            }
            var html;
            html = '<form onsubmit="return setPassword();"';
            html += '  style="margin-bottom: 0px">';
            html += msg;
            html += '<input type=password size=10 id="password_input" class="noVNC_status">';
            html += '<\/form>';
            status(html, "warn");
        }
        function setPassword() {
            rfb.sendPassword(document.getElementById('password_input').value);
            return false;
        }
        function sendCtrlAltDel() {
            rfb.sendCtrlAltDel();
            return false;
        }
        function xvpShutdown() {
            rfb.xvpShutdown();
            return false;
        }
        function xvpReboot() {
            rfb.xvpReboot();
            return false;
        }
        function xvpReset() {
            rfb.xvpReset();
            return false;
        }
        function status(text, level) {
            switch (level) {
                case 'normal':
                case 'warn':
                case 'error':
                    break;
                default:
                    level = "warn";
            }
            document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_" + level);
            document.getElementById('noVNC_status').innerHTML = text;
        }
        function updateState(rfb, state, oldstate) {
            var cad = document.getElementById('sendCtrlAltDelButton');
            switch (state) {
                case 'connecting':
                    status("Connecting", "normal");
                    break;
                case 'connected':
                    if (rfb && rfb.get_encrypt()) {
                        status("Connected (encrypted) to " +
                               desktopName, "normal");
                    } else {
                        status("Connected (unencrypted) to " +
                               desktopName, "normal");
                    }
                    break;
                case 'disconnecting':
                    status("Disconnecting", "normal");
                    break;
                case 'disconnected':
                    status("Disconnected", "normal");
                    break;
                default:
                    status(state, "warn");
                    break;
            }

            if (state === 'connected') {
                cad.disabled = false;
            } else {
                cad.disabled = true;
                xvpInit(0);
            }

        }
        function disconnected(rfb, reason) {
            if (typeof(reason) !== 'undefined') {
                status(reason, "error");
            }
        }
        function notification(rfb, msg, level, options) {
            status(msg, level);
        }

        window.onresize = function () {
            // When the window has been resized, wait until the size remains
            // the same for 0.5 seconds before sending the request for changing
            // the resolution of the session
            clearTimeout(resizeTimeout);
            resizeTimeout = setTimeout(function(){
                UIresize();
            }, 500);
        };

        function xvpInit(ver) {
            var xvpbuttons;
            xvpbuttons = document.getElementById('noVNC_xvp_buttons');
            if (ver >= 1) {
                xvpbuttons.style.display = 'inline';
            } else {
                xvpbuttons.style.display = 'none';
            }
        }

        window.onscriptsload = function () {
            var host, port, password, path, token;

            document.getElementById('sendCtrlAltDelButton').style.display = "inline";
            document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
            document.getElementById('xvpShutdownButton').onclick = xvpShutdown;
            document.getElementById('xvpRebootButton').onclick = xvpReboot;
            document.getElementById('xvpResetButton').onclick = xvpReset;

            WebUtil.init_logging(WebUtil.getConfigVar('logging', 'warn'));
            document.title = unescape(WebUtil.getConfigVar('title', 'noVNC'));
            // By default, use the host and port of server that served this file
            host = WebUtil.getConfigVar('host', window.location.hostname);
            port = WebUtil.getConfigVar('port', window.location.port);

            // if port == 80 (or 443) then it won't be present and should be
            // set manually
            if (!port) {
                if (window.location.protocol.substring(0,5) == 'https') {
                    port = 443;
                }
                else if (window.location.protocol.substring(0,4) == 'http') {
                    port = 80;
                }
            }

            password = WebUtil.getConfigVar('password', '');
            path = WebUtil.getConfigVar('path', 'websockify');

            // If a token variable is passed in, set the parameter in a cookie.
            // This is used by nova-novncproxy.
            token = WebUtil.getConfigVar('token', null);
            if (token) {

                // if token is already present in the path we should use it
                path = WebUtil.injectParamIfMissing(path, "token", token);

                WebUtil.createCookie('token', token, 1)
            }

            if ((!host) || (!port)) {
                status('Must specify host and port in URL', 'error');
                return;
            }

            try {
                rfb = new RFB({'target':       document.getElementById('noVNC_canvas'),
                               'encrypt':      WebUtil.getConfigVar('encrypt',
                                        (window.location.protocol === "https:")),
                               'repeaterID':   WebUtil.getConfigVar('repeaterID', ''),
                               'true_color':   WebUtil.getConfigVar('true_color', true),
                               'local_cursor': WebUtil.getConfigVar('cursor', true),
                               'shared':       WebUtil.getConfigVar('shared', true),
                               'view_only':    WebUtil.getConfigVar('view_only', false),
                               'onNotification':  notification,
                               'onUpdateState':  updateState,
                               'onDisconnected': disconnected,
                               'onXvpInit':    xvpInit,
                               'onPasswordRequired':  passwordRequired,
                               'onFBUComplete': FBUComplete,
                               'onDesktopName': updateDesktopName});
            } catch (exc) {
                status('Unable to create RFB client -- ' + exc, 'error');
                return; // don't continue trying to connect
            }

            rfb.connect(host, port, password, path);
        };
        </script>

    </body>
</html>
Commit	Line	Data
40f281eb	1	<!DOCTYPE html>
91308399	2	<html>
e84101b3 PÅ	3	<head>
e84101b3 PÅ	4
82744aa8	5	<!--
d58f8b51 JM	6	noVNC example: simple example using default UI
d58f8b51 JM	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).
d595e656 JM	11
	12	Connect parameters are provided in query string:
	13	http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
494b407a GV	14	or the fragment:
494b407a GV	15	http://example.com/#host=HOST&port=PORT&encrypt=1&true_color=1
d595e656	16	-->
e84101b3 PÅ	17	<title>noVNC</title>
e84101b3 PÅ	18
33f5d3bd PÅ	19	<meta charset="utf-8">
33f5d3bd PÅ	20
e84101b3 PÅ	21	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
e84101b3 PÅ	22	Remove this if you use the .htaccess -->
33f5d3bd PÅ	23	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	24
	25	<!-- Apple iOS Safari settings -->
	26	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	27	<meta name="apple-mobile-web-app-capable" content="yes" />
	28	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	29	<!-- App Start Icon -->
ae510306	30	<link rel="apple-touch-startup-image" href="app/images/screen_320x460.png" />
33f5d3bd	31	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
ae510306	32	<link rel="apple-touch-icon" href="app/images/screen_57x57.png">
33f5d3bd	33	<!--
ae510306	34	<link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" />
33f5d3bd	35	-->
e84101b3 PÅ	36
	37
	38	<!-- Stylesheets -->
ecd49c15	39	<link rel="stylesheet" href="app/styles/auto.css">
e84101b3 PÅ	40
	41	<!--
	42	<script type='text/javascript'
	43	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	44	-->
ae510306	45	<script src="core/util.js"></script>
72bdd06e	46	<script src="app/webutil.js"></script>
e84101b3	47	</head>
91308399	48
e84101b3	49	<body style="margin: 0px;">
3daa86cb	50	<div id="noVNC_container">
a7f55899	51	<div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
8db09746	52	<table border=0 width="100%"><tr>
35b29c98	53	<td><div id="noVNC_status" style="position: relative; height: auto;">
	54	Loading
	55	</div></td>
a7f55899	56	<td width="1%"><div id="noVNC_buttons">
63708ff5	57	<input type=button value="Send CtrlAltDel"
8db09746	58	id="sendCtrlAltDelButton">
fb35d50f MS	59	<span id="noVNC_xvp_buttons">
	60	<input type=button value="Shutdown"
	61	id="xvpShutdownButton">
	62	<input type=button value="Reboot"
	63	id="xvpRebootButton">
	64	<input type=button value="Reset"
	65	id="xvpResetButton">
	66	</span>
8db09746	67	</div></td>
63708ff5 JM	68	</tr></table>
63708ff5 JM	69	</div>
a7f55899	70	<canvas id="noVNC_canvas" width="640px" height="20px">
91308399 JM	71	Canvas not supported.
	72	</canvas>
	73	</div>
91308399	74
8db09746 JM	75	<script>
	76	/jslint white: false /
	77	/global window, $, Util, RFB, /
	78	"use strict";
	79
6f4b1e40	80	// Load supporting scripts
72bdd06e	81	WebUtil.load_scripts({
bd5340c7 SR	82	'core': ["base64.js", "websock.js", "des.js", "input/keysymdef.js",
bd5340c7 SR	83	"input/xtscancodes.js", "input/util.js", "input/devices.js",
3cdc603a	84	"display.js", "inflator.js", "rfb.js", "input/keysym.js"]});
6f4b1e40	85
8db09746	86	var rfb;
f8b399d7	87	var resizeTimeout;
3bb12056	88	var desktopName;
8db09746	89
f8b399d7	90
f8b399d7	91	function UIresize() {
494b407a	92	if (WebUtil.getConfigVar('resize', false)) {
f8b399d7	93	var innerW = window.innerWidth;
f8b399d7	94	var innerH = window.innerHeight;
ae510306	95	var controlbarH = document.getElementById('noVNC_status_bar').offsetHeight;
f8b399d7	96	if (innerW !== undefined && innerH !== undefined)
67453ade	97	rfb.requestDesktopSize(innerW, innerH - controlbarH);
f8b399d7	98	}
	99	}
	100	function FBUComplete(rfb, fbu) {
	101	UIresize();
	102	rfb.set_onFBUComplete(function() { });
	103	}
3bb12056 SM	104	function updateDesktopName(rfb, name) {
	105	desktopName = name;
	106	}
7d714b15 SM	107	function passwordRequired(rfb, msg) {
	108	if (typeof msg === 'undefined') {
	109	msg = 'Password Required: ';
	110	}
	111	var html;
	112	html = '<form onsubmit="return setPassword();"';
	113	html += ' style="margin-bottom: 0px">';
	114	html += msg;
	115	html += '<input type=password size=10 id="password_input" class="noVNC_status">';
	116	html += '<\/form>';
3bb12056	117	status(html, "warn");
d890e864	118	}
91308399	119	function setPassword() {
ae510306	120	rfb.sendPassword(document.getElementById('password_input').value);
91308399 JM	121	return false;
91308399 JM	122	}
63708ff5	123	function sendCtrlAltDel() {
8db09746	124	rfb.sendCtrlAltDel();
a8edf9d8	125	return false;
63708ff5	126	}
fb35d50f MS	127	function xvpShutdown() {
	128	rfb.xvpShutdown();
	129	return false;
	130	}
	131	function xvpReboot() {
	132	rfb.xvpReboot();
	133	return false;
	134	}
	135	function xvpReset() {
	136	rfb.xvpReset();
	137	return false;
	138	}
3bb12056 SM	139	function status(text, level) {
	140	switch (level) {
	141	case 'normal':
	142	case 'warn':
	143	case 'error':
	144	break;
	145	default:
	146	level = "warn";
	147	}
	148	document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_" + level);
	149	document.getElementById('noVNC_status').innerHTML = text;
	150	}
	151	function updateState(rfb, state, oldstate) {
	152	var cad = document.getElementById('sendCtrlAltDelButton');
91308399	153	switch (state) {
3bb12056	154	case 'connecting':
3cdc603a	155	status("Connecting", "normal");
3bb12056 SM	156	break;
3bb12056 SM	157	case 'connected':
733d5009	158	if (rfb && rfb.get_encrypt()) {
3cdc603a	159	status("Connected (encrypted) to " +
733d5009 SM	160	desktopName, "normal");
733d5009 SM	161	} else {
3cdc603a	162	status("Connected (unencrypted) to " +
733d5009 SM	163	desktopName, "normal");
733d5009 SM	164	}
3bb12056 SM	165	break;
3bb12056 SM	166	case 'disconnecting':
3cdc603a	167	status("Disconnecting", "normal");
3bb12056 SM	168	break;
3bb12056 SM	169	case 'disconnected':
3cdc603a	170	status("Disconnected", "normal");
3bb12056 SM	171	break;
	172	default:
	173	status(state, "warn");
	174	break;
91308399 JM	175	}
91308399 JM	176
c2a4d3ef	177	if (state === 'connected') {
fb35d50f MS	178	cad.disabled = false;
	179	} else {
	180	cad.disabled = true;
	181	xvpInit(0);
	182	}
160fabf6	183
3bb12056 SM	184	}
	185	function disconnected(rfb, reason) {
	186	if (typeof(reason) !== 'undefined') {
	187	status(reason, "error");
91308399	188	}
91308399	189	}
a7127fee	190	function notification(rfb, msg, level, options) {
3bb12056	191	status(msg, level);
a7127fee	192	}
91308399	193
f8b399d7	194	window.onresize = function () {
	195	// When the window has been resized, wait until the size remains
	196	// the same for 0.5 seconds before sending the request for changing
	197	// the resolution of the session
	198	clearTimeout(resizeTimeout);
	199	resizeTimeout = setTimeout(function(){
	200	UIresize();
	201	}, 500);
	202	};
	203
fb35d50f MS	204	function xvpInit(ver) {
fb35d50f MS	205	var xvpbuttons;
ae510306	206	xvpbuttons = document.getElementById('noVNC_xvp_buttons');
fb35d50f MS	207	if (ver >= 1) {
	208	xvpbuttons.style.display = 'inline';
	209	} else {
	210	xvpbuttons.style.display = 'none';
	211	}
	212	}
	213
6f4b1e40	214	window.onscriptsload = function () {
9ebc84f2	215	var host, port, password, path, token;
91308399	216
ae510306 SR	217	document.getElementById('sendCtrlAltDelButton').style.display = "inline";
	218	document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
	219	document.getElementById('xvpShutdownButton').onclick = xvpShutdown;
	220	document.getElementById('xvpRebootButton').onclick = xvpReboot;
	221	document.getElementById('xvpResetButton').onclick = xvpReset;
8db09746	222
494b407a GV	223	WebUtil.init_logging(WebUtil.getConfigVar('logging', 'warn'));
494b407a GV	224	document.title = unescape(WebUtil.getConfigVar('title', 'noVNC'));
bd96e919	225	// By default, use the host and port of server that served this file
494b407a GV	226	host = WebUtil.getConfigVar('host', window.location.hostname);
494b407a GV	227	port = WebUtil.getConfigVar('port', window.location.port);
0139b256	228
e83b9e03 WR	229	// if port == 80 (or 443) then it won't be present and should be
	230	// set manually
	231	if (!port) {
82744aa8	232	if (window.location.protocol.substring(0,5) == 'https') {
e83b9e03 WR	233	port = 443;
e83b9e03 WR	234	}
82744aa8	235	else if (window.location.protocol.substring(0,4) == 'http') {
eb955f8c JD	236	port = 80;
eb955f8c JD	237	}
e83b9e03 WR	238	}
e83b9e03 WR	239
c55f05f6 MXPN	240	password = WebUtil.getConfigVar('password', '');
	241	path = WebUtil.getConfigVar('path', 'websockify');
	242
0139b256 AY	243	// If a token variable is passed in, set the parameter in a cookie.
0139b256 AY	244	// This is used by nova-novncproxy.
494b407a	245	token = WebUtil.getConfigVar('token', null);
0139b256	246	if (token) {
c55f05f6 MXPN	247
	248	// if token is already present in the path we should use it
	249	path = WebUtil.injectParamIfMissing(path, "token", token);
	250
0139b256 AY	251	WebUtil.createCookie('token', token, 1)
	252	}
	253
91308399	254	if ((!host) \|\| (!port)) {
3bb12056	255	status('Must specify host and port in URL', 'error');
91308399 JM	256	return;
	257	}
	258
d9fc1c7b	259	try {
ae510306	260	rfb = new RFB({'target': document.getElementById('noVNC_canvas'),
494b407a	261	'encrypt': WebUtil.getConfigVar('encrypt',
d9fc1c7b	262	(window.location.protocol === "https:")),
494b407a GV	263	'repeaterID': WebUtil.getConfigVar('repeaterID', ''),
	264	'true_color': WebUtil.getConfigVar('true_color', true),
	265	'local_cursor': WebUtil.getConfigVar('cursor', true),
	266	'shared': WebUtil.getConfigVar('shared', true),
	267	'view_only': WebUtil.getConfigVar('view_only', false),
3bb12056	268	'onNotification': notification,
d9fc1c7b	269	'onUpdateState': updateState,
3bb12056	270	'onDisconnected': disconnected,
d9fc1c7b SR	271	'onXvpInit': xvpInit,
d9fc1c7b SR	272	'onPasswordRequired': passwordRequired,
3bb12056 SM	273	'onFBUComplete': FBUComplete,
3bb12056 SM	274	'onDesktopName': updateDesktopName});
d9fc1c7b	275	} catch (exc) {
3bb12056	276	status('Unable to create RFB client -- ' + exc, 'error');
d9fc1c7b SR	277	return; // don't continue trying to connect
	278	}
	279
9ebc84f2	280	rfb.connect(host, port, password, path);
8db09746 JM	281	};
8db09746 JM	282	</script>
da6dd893	283
8db09746	284	</body>
91308399	285	</html>