[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
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4
	5	<!--
	6	noVNC example: simple example using default UI
	7	Copyright (C) 2012 Joel Martin
	8	Copyright (C) 2013 Samuel Mannehed for Cendio AB
	9	noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
	10	This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
	11
	12	Connect parameters are provided in query string:
	13	http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1
	14	or the fragment:
	15	http://example.com/#host=HOST&port=PORT&encrypt=1&true_color=1
	16	-->
	17	<title>noVNC</title>
	18
	19	<meta charset="utf-8">
	20
	21	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
	22	Remove this if you use the .htaccess -->
	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 -->
	30	<link rel="apple-touch-startup-image" href="app/images/screen_320x460.png" />
	31	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
	32	<link rel="apple-touch-icon" href="app/images/screen_57x57.png">
	33	<!--
	34	<link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" />
	35	-->
	36
	37
	38	<!-- Stylesheets -->
	39	<link rel="stylesheet" href="app/styles/auto.css">
	40
	41	<!--
	42	<script type='text/javascript'
	43	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	44	-->
	45	<script src="core/util.js"></script>
	46	<script src="app/webutil.js"></script>
	47	</head>
	48
	49	<body style="margin: 0px;">
	50	<div id="noVNC_container">
	51	<div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
	52	<table border=0 width="100%"><tr>
	53	<td><div id="noVNC_status" style="position: relative; height: auto;">
	54	Loading
	55	</div></td>
	56	<td width="1%"><div id="noVNC_buttons">
	57	<input type=button value="Send CtrlAltDel"
	58	id="sendCtrlAltDelButton">
	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>
	67	</div></td>
	68	</tr></table>
	69	</div>
	70	<canvas id="noVNC_canvas" width="640px" height="20px">
	71	Canvas not supported.
	72	</canvas>
	73	</div>
	74
	75	<script>
	76	/jslint white: false /
	77	/global window, $, Util, RFB, /
	78	"use strict";
	79
	80	// Load supporting scripts
	81	WebUtil.load_scripts({
	82	'core': ["base64.js", "websock.js", "des.js", "input/keysymdef.js",
	83	"input/xtscancodes.js", "input/util.js", "input/devices.js",
	84	"display.js", "inflator.js", "rfb.js", "input/keysym.js"]});
	85
	86	var rfb;
	87	var resizeTimeout;
	88	var desktopName;
	89
	90
	91	function UIresize() {
	92	if (WebUtil.getConfigVar('resize', false)) {
	93	var innerW = window.innerWidth;
	94	var innerH = window.innerHeight;
	95	var controlbarH = document.getElementById('noVNC_status_bar').offsetHeight;
	96	if (innerW !== undefined && innerH !== undefined)
	97	rfb.requestDesktopSize(innerW, innerH - controlbarH);
	98	}
	99	}
	100	function FBUComplete(rfb, fbu) {
	101	UIresize();
	102	rfb.set_onFBUComplete(function() { });
	103	}
	104	function updateDesktopName(rfb, name) {
	105	desktopName = name;
	106	}
	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>';
	117	status(html, "warn");
	118	}
	119	function setPassword() {
	120	rfb.sendPassword(document.getElementById('password_input').value);
	121	return false;
	122	}
	123	function sendCtrlAltDel() {
	124	rfb.sendCtrlAltDel();
	125	return false;
	126	}
	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	}
	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');
	153	switch (state) {
	154	case 'connecting':
	155	status("Connecting", "normal");
	156	break;
	157	case 'connected':
	158	if (rfb && rfb.get_encrypt()) {
	159	status("Connected (encrypted) to " +
	160	desktopName, "normal");
	161	} else {
	162	status("Connected (unencrypted) to " +
	163	desktopName, "normal");
	164	}
	165	break;
	166	case 'disconnecting':
	167	status("Disconnecting", "normal");
	168	break;
	169	case 'disconnected':
	170	status("Disconnected", "normal");
	171	break;
	172	default:
	173	status(state, "warn");
	174	break;
	175	}
	176
	177	if (state === 'connected') {
	178	cad.disabled = false;
	179	} else {
	180	cad.disabled = true;
	181	xvpInit(0);
	182	}
	183
	184	}
	185	function disconnected(rfb, reason) {
	186	if (typeof(reason) !== 'undefined') {
	187	status(reason, "error");
	188	}
	189	}
	190	function notification(rfb, msg, level, options) {
	191	status(msg, level);
	192	}
	193
	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
	204	function xvpInit(ver) {
	205	var xvpbuttons;
	206	xvpbuttons = document.getElementById('noVNC_xvp_buttons');
	207	if (ver >= 1) {
	208	xvpbuttons.style.display = 'inline';
	209	} else {
	210	xvpbuttons.style.display = 'none';
	211	}
	212	}
	213
	214	window.onscriptsload = function () {
	215	var host, port, password, path, token;
	216
	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;
	222
	223	WebUtil.init_logging(WebUtil.getConfigVar('logging', 'warn'));
	224	document.title = unescape(WebUtil.getConfigVar('title', 'noVNC'));
	225	// By default, use the host and port of server that served this file
	226	host = WebUtil.getConfigVar('host', window.location.hostname);
	227	port = WebUtil.getConfigVar('port', window.location.port);
	228
	229	// if port == 80 (or 443) then it won't be present and should be
	230	// set manually
	231	if (!port) {
	232	if (window.location.protocol.substring(0,5) == 'https') {
	233	port = 443;
	234	}
	235	else if (window.location.protocol.substring(0,4) == 'http') {
	236	port = 80;
	237	}
	238	}
	239
	240	password = WebUtil.getConfigVar('password', '');
	241	path = WebUtil.getConfigVar('path', 'websockify');
	242
	243	// If a token variable is passed in, set the parameter in a cookie.
	244	// This is used by nova-novncproxy.
	245	token = WebUtil.getConfigVar('token', null);
	246	if (token) {
	247
	248	// if token is already present in the path we should use it
	249	path = WebUtil.injectParamIfMissing(path, "token", token);
	250
	251	WebUtil.createCookie('token', token, 1)
	252	}
	253
	254	if ((!host) \|\| (!port)) {
	255	status('Must specify host and port in URL', 'error');
	256	return;
	257	}
	258
	259	try {
	260	rfb = new RFB({'target': document.getElementById('noVNC_canvas'),
	261	'encrypt': WebUtil.getConfigVar('encrypt',
	262	(window.location.protocol === "https:")),
	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),
	268	'onNotification': notification,
	269	'onUpdateState': updateState,
	270	'onDisconnected': disconnected,
	271	'onXvpInit': xvpInit,
	272	'onPasswordRequired': passwordRequired,
	273	'onFBUComplete': FBUComplete,
	274	'onDesktopName': updateDesktopName});
	275	} catch (exc) {
	276	status('Unable to create RFB client -- ' + exc, 'error');
	277	return; // don't continue trying to connect
	278	}
	279
	280	rfb.connect(host, port, password, path);
	281	};
	282	</script>
	283
	284	</body>
	285	</html>