[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
    -->
    <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" title="plain">

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

<body style="margin: 0px;">
    <div id="noVNC_screen">
            <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
        Util.load_scripts(["webutil.js", "base64.js", "websock.js", "des.js",
                           "keysymdef.js", "keyboard.js", "input.js", "display.js",
                           "jsunzip.js", "rfb.js", "keysym.js"]);

        var rfb;

        function passwordRequired(rfb) {
            var msg;
            msg = '<form onsubmit="return setPassword();"';
            msg += '  style="margin-bottom: 0px">';
            msg += 'Password Required: ';
            msg += '<input type=password size=10 id="password_input" class="noVNC_status">';
            msg += '<\/form>';
            $D('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
            $D('noVNC_status').innerHTML = msg;
        }
        function setPassword() {
            rfb.sendPassword($D('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 = $D('noVNC_status');
            sb = $D('noVNC_status_bar');
            cad = $D('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;
            }
        }

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

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

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

            WebUtil.init_logging(WebUtil.getQueryVar('logging', 'warn'));
            document.title = unescape(WebUtil.getQueryVar('title', 'noVNC'));
            // By default, use the host and port of server that served this file
            host = WebUtil.getQueryVar('host', window.location.hostname);
            port = WebUtil.getQueryVar('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;
                }
            }

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

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

            if ((!host) || (!port)) {
                updateState('failed',
                    "Must specify host and port in URL");
                return;
            }

            rfb = new RFB({'target':       $D('noVNC_canvas'),
                           'encrypt':      WebUtil.getQueryVar('encrypt',
                                    (window.location.protocol === "https:")),
                           'repeaterID':   WebUtil.getQueryVar('repeaterID', ''),
                           'true_color':   WebUtil.getQueryVar('true_color', true),
                           'local_cursor': WebUtil.getQueryVar('cursor', true),
                           'shared':       WebUtil.getQueryVar('shared', true),
                           'view_only':    WebUtil.getQueryVar('view_only', false),
                           'onUpdateState':  updateState,
                           'onXvpInit':    xvpInit,
                           'onPasswordRequired':  passwordRequired});
            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
	14	-->
e84101b3 PÅ	15	<title>noVNC</title>
e84101b3 PÅ	16
33f5d3bd PÅ	17	<meta charset="utf-8">
33f5d3bd PÅ	18
e84101b3 PÅ	19	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
e84101b3 PÅ	20	Remove this if you use the .htaccess -->
33f5d3bd PÅ	21	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	22
	23	<!-- Apple iOS Safari settings -->
	24	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	25	<meta name="apple-mobile-web-app-capable" content="yes" />
	26	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	27	<!-- App Start Icon -->
	28	<link rel="apple-touch-startup-image" href="images/screen_320x460.png" />
	29	<!-- For iOS devices set the icon to use if user bookmarks app on their homescreen -->
	30	<link rel="apple-touch-icon" href="images/screen_57x57.png">
	31	<!--
	32	<link rel="apple-touch-icon-precomposed" href="images/screen_57x57.png" />
	33	-->
e84101b3 PÅ	34
	35
	36	<!-- Stylesheets -->
	37	<link rel="stylesheet" href="include/base.css" title="plain">
	38
	39	<!--
	40	<script type='text/javascript'
	41	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	42	-->
6f4b1e40	43	<script src="include/util.js"></script>
e84101b3	44	</head>
91308399	45
e84101b3 PÅ	46	<body style="margin: 0px;">
e84101b3 PÅ	47	<div id="noVNC_screen">
a7f55899	48	<div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
8db09746	49	<table border=0 width="100%"><tr>
35b29c98	50	<td><div id="noVNC_status" style="position: relative; height: auto;">
	51	Loading
	52	</div></td>
a7f55899	53	<td width="1%"><div id="noVNC_buttons">
63708ff5	54	<input type=button value="Send CtrlAltDel"
8db09746	55	id="sendCtrlAltDelButton">
fb35d50f MS	56	<span id="noVNC_xvp_buttons">
	57	<input type=button value="Shutdown"
	58	id="xvpShutdownButton">
	59	<input type=button value="Reboot"
	60	id="xvpRebootButton">
	61	<input type=button value="Reset"
	62	id="xvpResetButton">
	63	</span>
8db09746	64	</div></td>
63708ff5 JM	65	</tr></table>
63708ff5 JM	66	</div>
a7f55899	67	<canvas id="noVNC_canvas" width="640px" height="20px">
91308399 JM	68	Canvas not supported.
	69	</canvas>
	70	</div>
91308399	71
8db09746 JM	72	<script>
	73	/jslint white: false /
	74	/global window, $, Util, RFB, /
	75	"use strict";
	76
6f4b1e40 JM	77	// Load supporting scripts
6f4b1e40 JM	78	Util.load_scripts(["webutil.js", "base64.js", "websock.js", "des.js",
2ea40fdf	79	"keysymdef.js", "keyboard.js", "input.js", "display.js",
03314953	80	"jsunzip.js", "rfb.js", "keysym.js"]);
6f4b1e40	81
8db09746 JM	82	var rfb;
8db09746 JM	83
d890e864 JM	84	function passwordRequired(rfb) {
	85	var msg;
	86	msg = '<form onsubmit="return setPassword();"';
	87	msg += ' style="margin-bottom: 0px">';
	88	msg += 'Password Required: ';
a7f55899	89	msg += '<input type=password size=10 id="password_input" class="noVNC_status">';
d890e864	90	msg += '<\/form>';
a7f55899 JM	91	$D('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
a7f55899 JM	92	$D('noVNC_status').innerHTML = msg;
d890e864	93	}
91308399	94	function setPassword() {
e4671910	95	rfb.sendPassword($D('password_input').value);
91308399 JM	96	return false;
91308399 JM	97	}
63708ff5	98	function sendCtrlAltDel() {
8db09746	99	rfb.sendCtrlAltDel();
a8edf9d8	100	return false;
63708ff5	101	}
fb35d50f MS	102	function xvpShutdown() {
	103	rfb.xvpShutdown();
	104	return false;
	105	}
	106	function xvpReboot() {
	107	rfb.xvpReboot();
	108	return false;
	109	}
	110	function xvpReset() {
	111	rfb.xvpReset();
	112	return false;
	113	}
8db09746	114	function updateState(rfb, state, oldstate, msg) {
d890e864	115	var s, sb, cad, level;
a7f55899 JM	116	s = $D('noVNC_status');
a7f55899 JM	117	sb = $D('noVNC_status_bar');
e4671910	118	cad = $D('sendCtrlAltDelButton');
91308399	119	switch (state) {
d890e864 JM	120	case 'failed': level = "error"; break;
	121	case 'fatal': level = "error"; break;
	122	case 'normal': level = "normal"; break;
	123	case 'disconnected': level = "normal"; break;
	124	case 'loaded': level = "normal"; break;
	125	default: level = "warn"; break;
91308399 JM	126	}
91308399 JM	127
fb35d50f MS	128	if (state === "normal") {
	129	cad.disabled = false;
	130	} else {
	131	cad.disabled = true;
	132	xvpInit(0);
	133	}
160fabf6	134
91308399	135	if (typeof(msg) !== 'undefined') {
a7f55899	136	sb.setAttribute("class", "noVNC_status_" + level);
91308399 JM	137	s.innerHTML = msg;
91308399 JM	138	}
91308399 JM	139	}
91308399 JM	140
fb35d50f MS	141	function xvpInit(ver) {
	142	var xvpbuttons;
	143	xvpbuttons = $D('noVNC_xvp_buttons');
	144	if (ver >= 1) {
	145	xvpbuttons.style.display = 'inline';
	146	} else {
	147	xvpbuttons.style.display = 'none';
	148	}
	149	}
	150
6f4b1e40	151	window.onscriptsload = function () {
9ebc84f2	152	var host, port, password, path, token;
91308399	153
a7f55899	154	$D('sendCtrlAltDelButton').style.display = "inline";
e4671910	155	$D('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
fb35d50f MS	156	$D('xvpShutdownButton').onclick = xvpShutdown;
	157	$D('xvpRebootButton').onclick = xvpReboot;
	158	$D('xvpResetButton').onclick = xvpReset;
8db09746	159
2cde6e43	160	WebUtil.init_logging(WebUtil.getQueryVar('logging', 'warn'));
2270c7b5	161	document.title = unescape(WebUtil.getQueryVar('title', 'noVNC'));
bd96e919 JM	162	// By default, use the host and port of server that served this file
	163	host = WebUtil.getQueryVar('host', window.location.hostname);
	164	port = WebUtil.getQueryVar('port', window.location.port);
0139b256	165
e83b9e03 WR	166	// if port == 80 (or 443) then it won't be present and should be
	167	// set manually
	168	if (!port) {
82744aa8	169	if (window.location.protocol.substring(0,5) == 'https') {
e83b9e03 WR	170	port = 443;
e83b9e03 WR	171	}
82744aa8	172	else if (window.location.protocol.substring(0,4) == 'http') {
eb955f8c JD	173	port = 80;
eb955f8c JD	174	}
e83b9e03 WR	175	}
e83b9e03 WR	176
0139b256 AY	177	// If a token variable is passed in, set the parameter in a cookie.
0139b256 AY	178	// This is used by nova-novncproxy.
4c75210a	179	token = WebUtil.getQueryVar('token', null);
0139b256	180	if (token) {
0139b256 AY	181	WebUtil.createCookie('token', token, 1)
	182	}
	183
8d5d2c82	184	password = WebUtil.getQueryVar('password', '');
523cc4d6	185	path = WebUtil.getQueryVar('path', 'websockify');
b50f3406	186
91308399 JM	187	if ((!host) \|\| (!port)) {
	188	updateState('failed',
	189	"Must specify host and port in URL");
	190	return;
	191	}
	192
a7f55899	193	rfb = new RFB({'target': $D('noVNC_canvas'),
1af3e54b JM	194	'encrypt': WebUtil.getQueryVar('encrypt',
1af3e54b JM	195	(window.location.protocol === "https:")),
9ebc84f2	196	'repeaterID': WebUtil.getQueryVar('repeaterID', ''),
f1a9971c JM	197	'true_color': WebUtil.getQueryVar('true_color', true),
	198	'local_cursor': WebUtil.getQueryVar('cursor', true),
	199	'shared': WebUtil.getQueryVar('shared', true),
06a9ef0c	200	'view_only': WebUtil.getQueryVar('view_only', false),
77bd04f8	201	'onUpdateState': updateState,
fb35d50f	202	'onXvpInit': xvpInit,
d890e864	203	'onPasswordRequired': passwordRequired});
9ebc84f2	204	rfb.connect(host, port, password, path);
8db09746 JM	205	};
8db09746 JM	206	</script>
da6dd893	207
8db09746	208	</body>
91308399	209	</html>