[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"],
            'app': ["webutil.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;
                var padding = 5;
                if (innerW !== undefined && innerH !== undefined)
                    rfb.requestDesktopSize(innerW, innerH - controlbarH - padding);
            }
        }
        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');
            var encrypt = (rfb && rfb.get_encrypt()) ? 'encrypted' : 'unencrypted';
            switch (state) {
                case 'connecting':
                    status("Connecting", "normal");
                    break;
                case 'connected':
                    status("Connected (" + encrypt + ") 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",
	83	"input/xtscancodes.js", "input/util.js", "input/devices.js",
	84	"display.js", "inflator.js", "rfb.js", "input/keysym.js"],
ae510306	85	'app': ["webutil.js"]});
6f4b1e40	86
8db09746	87	var rfb;
f8b399d7	88	var resizeTimeout;
3bb12056	89	var desktopName;
8db09746	90
f8b399d7	91
f8b399d7	92	function UIresize() {
494b407a	93	if (WebUtil.getConfigVar('resize', false)) {
f8b399d7	94	var innerW = window.innerWidth;
f8b399d7	95	var innerH = window.innerHeight;
ae510306	96	var controlbarH = document.getElementById('noVNC_status_bar').offsetHeight;
f8b399d7	97	var padding = 5;
f8b399d7	98	if (innerW !== undefined && innerH !== undefined)
ae116051	99	rfb.requestDesktopSize(innerW, innerH - controlbarH - padding);
f8b399d7	100	}
	101	}
	102	function FBUComplete(rfb, fbu) {
	103	UIresize();
	104	rfb.set_onFBUComplete(function() { });
	105	}
3bb12056 SM	106	function updateDesktopName(rfb, name) {
	107	desktopName = name;
	108	}
7d714b15 SM	109	function passwordRequired(rfb, msg) {
	110	if (typeof msg === 'undefined') {
	111	msg = 'Password Required: ';
	112	}
	113	var html;
	114	html = '<form onsubmit="return setPassword();"';
	115	html += ' style="margin-bottom: 0px">';
	116	html += msg;
	117	html += '<input type=password size=10 id="password_input" class="noVNC_status">';
	118	html += '<\/form>';
3bb12056	119	status(html, "warn");
d890e864	120	}
91308399	121	function setPassword() {
ae510306	122	rfb.sendPassword(document.getElementById('password_input').value);
91308399 JM	123	return false;
91308399 JM	124	}
63708ff5	125	function sendCtrlAltDel() {
8db09746	126	rfb.sendCtrlAltDel();
a8edf9d8	127	return false;
63708ff5	128	}
fb35d50f MS	129	function xvpShutdown() {
	130	rfb.xvpShutdown();
	131	return false;
	132	}
	133	function xvpReboot() {
	134	rfb.xvpReboot();
	135	return false;
	136	}
	137	function xvpReset() {
	138	rfb.xvpReset();
	139	return false;
	140	}
3bb12056 SM	141	function status(text, level) {
	142	switch (level) {
	143	case 'normal':
	144	case 'warn':
	145	case 'error':
	146	break;
	147	default:
	148	level = "warn";
	149	}
	150	document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_" + level);
	151	document.getElementById('noVNC_status').innerHTML = text;
	152	}
	153	function updateState(rfb, state, oldstate) {
	154	var cad = document.getElementById('sendCtrlAltDelButton');
	155	var encrypt = (rfb && rfb.get_encrypt()) ? 'encrypted' : 'unencrypted';
91308399	156	switch (state) {
3bb12056 SM	157	case 'connecting':
	158	status("Connecting", "normal");
	159	break;
	160	case 'connected':
	161	status("Connected (" + encrypt + ") to: " + desktopName, "normal");
	162	break;
	163	case 'disconnecting':
	164	status("Disconnecting", "normal");
	165	break;
	166	case 'disconnected':
	167	status("Disconnected", "normal");
	168	break;
	169	default:
	170	status(state, "warn");
	171	break;
91308399 JM	172	}
91308399 JM	173
c2a4d3ef	174	if (state === 'connected') {
fb35d50f MS	175	cad.disabled = false;
	176	} else {
	177	cad.disabled = true;
	178	xvpInit(0);
	179	}
160fabf6	180
3bb12056 SM	181	}
	182	function disconnected(rfb, reason) {
	183	if (typeof(reason) !== 'undefined') {
	184	status(reason, "error");
91308399	185	}
91308399	186	}
a7127fee	187	function notification(rfb, msg, level, options) {
3bb12056	188	status(msg, level);
a7127fee	189	}
91308399	190
f8b399d7	191	window.onresize = function () {
	192	// When the window has been resized, wait until the size remains
	193	// the same for 0.5 seconds before sending the request for changing
	194	// the resolution of the session
	195	clearTimeout(resizeTimeout);
	196	resizeTimeout = setTimeout(function(){
	197	UIresize();
	198	}, 500);
	199	};
	200
fb35d50f MS	201	function xvpInit(ver) {
fb35d50f MS	202	var xvpbuttons;
ae510306	203	xvpbuttons = document.getElementById('noVNC_xvp_buttons');
fb35d50f MS	204	if (ver >= 1) {
	205	xvpbuttons.style.display = 'inline';
	206	} else {
	207	xvpbuttons.style.display = 'none';
	208	}
	209	}
	210
6f4b1e40	211	window.onscriptsload = function () {
9ebc84f2	212	var host, port, password, path, token;
91308399	213
ae510306 SR	214	document.getElementById('sendCtrlAltDelButton').style.display = "inline";
	215	document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
	216	document.getElementById('xvpShutdownButton').onclick = xvpShutdown;
	217	document.getElementById('xvpRebootButton').onclick = xvpReboot;
	218	document.getElementById('xvpResetButton').onclick = xvpReset;
8db09746	219
494b407a GV	220	WebUtil.init_logging(WebUtil.getConfigVar('logging', 'warn'));
494b407a GV	221	document.title = unescape(WebUtil.getConfigVar('title', 'noVNC'));
bd96e919	222	// By default, use the host and port of server that served this file
494b407a GV	223	host = WebUtil.getConfigVar('host', window.location.hostname);
494b407a GV	224	port = WebUtil.getConfigVar('port', window.location.port);
0139b256	225
e83b9e03 WR	226	// if port == 80 (or 443) then it won't be present and should be
	227	// set manually
	228	if (!port) {
82744aa8	229	if (window.location.protocol.substring(0,5) == 'https') {
e83b9e03 WR	230	port = 443;
e83b9e03 WR	231	}
82744aa8	232	else if (window.location.protocol.substring(0,4) == 'http') {
eb955f8c JD	233	port = 80;
eb955f8c JD	234	}
e83b9e03 WR	235	}
e83b9e03 WR	236
c55f05f6 MXPN	237	password = WebUtil.getConfigVar('password', '');
	238	path = WebUtil.getConfigVar('path', 'websockify');
	239
0139b256 AY	240	// If a token variable is passed in, set the parameter in a cookie.
0139b256 AY	241	// This is used by nova-novncproxy.
494b407a	242	token = WebUtil.getConfigVar('token', null);
0139b256	243	if (token) {
c55f05f6 MXPN	244
	245	// if token is already present in the path we should use it
	246	path = WebUtil.injectParamIfMissing(path, "token", token);
	247
0139b256 AY	248	WebUtil.createCookie('token', token, 1)
	249	}
	250
91308399	251	if ((!host) \|\| (!port)) {
3bb12056	252	status('Must specify host and port in URL', 'error');
91308399 JM	253	return;
	254	}
	255
d9fc1c7b	256	try {
ae510306	257	rfb = new RFB({'target': document.getElementById('noVNC_canvas'),
494b407a	258	'encrypt': WebUtil.getConfigVar('encrypt',
d9fc1c7b	259	(window.location.protocol === "https:")),
494b407a GV	260	'repeaterID': WebUtil.getConfigVar('repeaterID', ''),
	261	'true_color': WebUtil.getConfigVar('true_color', true),
	262	'local_cursor': WebUtil.getConfigVar('cursor', true),
	263	'shared': WebUtil.getConfigVar('shared', true),
	264	'view_only': WebUtil.getConfigVar('view_only', false),
3bb12056	265	'onNotification': notification,
d9fc1c7b	266	'onUpdateState': updateState,
3bb12056	267	'onDisconnected': disconnected,
d9fc1c7b SR	268	'onXvpInit': xvpInit,
d9fc1c7b SR	269	'onPasswordRequired': passwordRequired,
3bb12056 SM	270	'onFBUComplete': FBUComplete,
3bb12056 SM	271	'onDesktopName': updateDesktopName});
d9fc1c7b	272	} catch (exc) {
3bb12056	273	status('Unable to create RFB client -- ' + exc, 'error');
d9fc1c7b SR	274	return; // don't continue trying to connect
	275	}
	276
9ebc84f2	277	rfb.connect(host, port, password, path);
8db09746 JM	278	};
8db09746 JM	279	</script>
da6dd893	280
8db09746	281	</body>
91308399	282	</html>