[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;


        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 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>';
            document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
            document.getElementById('noVNC_status').innerHTML = html;
        }
        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 updateState(rfb, state, oldstate, msg) {
            var s, sb, cad, level;
            s = document.getElementById('noVNC_status');
            sb = document.getElementById('noVNC_status_bar');
            cad = document.getElementById('sendCtrlAltDelButton');
            switch (state) {
                case 'failed':       level = "error";  break;
                case 'fatal':        level = "error";  break;
                case 'normal':       level = "normal"; break;
                case 'disconnected': level = "normal"; break;
                case 'loaded':       level = "normal"; break;
                default:             level = "warn";   break;
            }

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

            if (typeof(msg) !== 'undefined') {
                sb.setAttribute("class", "noVNC_status_" + level);
                s.innerHTML = msg;
            }
        }

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