[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">
                            </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"]);

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

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

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

            $D('sendCtrlAltDelButton').style.display = "inline";
            $D('sendCtrlAltDelButton').onclick = sendCtrlAltDel;

            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),
                           'updateState':  updateState,
                           '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 JM	55	id="sendCtrlAltDelButton">
8db09746 JM	56	</div></td>
63708ff5 JM	57	</tr></table>
63708ff5 JM	58	</div>
a7f55899	59	<canvas id="noVNC_canvas" width="640px" height="20px">
91308399 JM	60	Canvas not supported.
	61	</canvas>
	62	</div>
91308399	63
8db09746 JM	64	<script>
	65	/jslint white: false /
	66	/global window, $, Util, RFB, /
	67	"use strict";
	68
6f4b1e40 JM	69	// Load supporting scripts
6f4b1e40 JM	70	Util.load_scripts(["webutil.js", "base64.js", "websock.js", "des.js",
2ea40fdf	71	"keysymdef.js", "keyboard.js", "input.js", "display.js",
2ea40fdf	72	"jsunzip.js", "rfb.js"]);
6f4b1e40	73
8db09746 JM	74	var rfb;
8db09746 JM	75
d890e864 JM	76	function passwordRequired(rfb) {
	77	var msg;
	78	msg = '<form onsubmit="return setPassword();"';
	79	msg += ' style="margin-bottom: 0px">';
	80	msg += 'Password Required: ';
a7f55899	81	msg += '<input type=password size=10 id="password_input" class="noVNC_status">';
d890e864	82	msg += '<\/form>';
a7f55899 JM	83	$D('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
a7f55899 JM	84	$D('noVNC_status').innerHTML = msg;
d890e864	85	}
91308399	86	function setPassword() {
e4671910	87	rfb.sendPassword($D('password_input').value);
91308399 JM	88	return false;
91308399 JM	89	}
63708ff5	90	function sendCtrlAltDel() {
8db09746	91	rfb.sendCtrlAltDel();
a8edf9d8	92	return false;
63708ff5	93	}
8db09746	94	function updateState(rfb, state, oldstate, msg) {
d890e864	95	var s, sb, cad, level;
a7f55899 JM	96	s = $D('noVNC_status');
a7f55899 JM	97	sb = $D('noVNC_status_bar');
e4671910	98	cad = $D('sendCtrlAltDelButton');
91308399	99	switch (state) {
d890e864 JM	100	case 'failed': level = "error"; break;
	101	case 'fatal': level = "error"; break;
	102	case 'normal': level = "normal"; break;
	103	case 'disconnected': level = "normal"; break;
	104	case 'loaded': level = "normal"; break;
	105	default: level = "warn"; break;
91308399 JM	106	}
91308399 JM	107
160fabf6 JM	108	if (state === "normal") { cad.disabled = false; }
	109	else { cad.disabled = true; }
	110
91308399	111	if (typeof(msg) !== 'undefined') {
a7f55899	112	sb.setAttribute("class", "noVNC_status_" + level);
91308399 JM	113	s.innerHTML = msg;
91308399 JM	114	}
91308399 JM	115	}
91308399 JM	116
6f4b1e40	117	window.onscriptsload = function () {
9ebc84f2	118	var host, port, password, path, token;
91308399	119
a7f55899	120	$D('sendCtrlAltDelButton').style.display = "inline";
e4671910	121	$D('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
8db09746	122
2cde6e43	123	WebUtil.init_logging(WebUtil.getQueryVar('logging', 'warn'));
2270c7b5	124	document.title = unescape(WebUtil.getQueryVar('title', 'noVNC'));
bd96e919 JM	125	// By default, use the host and port of server that served this file
	126	host = WebUtil.getQueryVar('host', window.location.hostname);
	127	port = WebUtil.getQueryVar('port', window.location.port);
0139b256	128
e83b9e03 WR	129	// if port == 80 (or 443) then it won't be present and should be
	130	// set manually
	131	if (!port) {
82744aa8	132	if (window.location.protocol.substring(0,5) == 'https') {
e83b9e03 WR	133	port = 443;
e83b9e03 WR	134	}
82744aa8	135	else if (window.location.protocol.substring(0,4) == 'http') {
eb955f8c JD	136	port = 80;
eb955f8c JD	137	}
e83b9e03 WR	138	}
e83b9e03 WR	139
0139b256 AY	140	// If a token variable is passed in, set the parameter in a cookie.
0139b256 AY	141	// This is used by nova-novncproxy.
4c75210a	142	token = WebUtil.getQueryVar('token', null);
0139b256	143	if (token) {
0139b256 AY	144	WebUtil.createCookie('token', token, 1)
	145	}
	146
8d5d2c82	147	password = WebUtil.getQueryVar('password', '');
523cc4d6	148	path = WebUtil.getQueryVar('path', 'websockify');
b50f3406	149
91308399 JM	150	if ((!host) \|\| (!port)) {
	151	updateState('failed',
	152	"Must specify host and port in URL");
	153	return;
	154	}
	155
a7f55899	156	rfb = new RFB({'target': $D('noVNC_canvas'),
1af3e54b JM	157	'encrypt': WebUtil.getQueryVar('encrypt',
1af3e54b JM	158	(window.location.protocol === "https:")),
9ebc84f2	159	'repeaterID': WebUtil.getQueryVar('repeaterID', ''),
f1a9971c JM	160	'true_color': WebUtil.getQueryVar('true_color', true),
	161	'local_cursor': WebUtil.getQueryVar('cursor', true),
	162	'shared': WebUtil.getQueryVar('shared', true),
06a9ef0c	163	'view_only': WebUtil.getQueryVar('view_only', false),
d890e864 JM	164	'updateState': updateState,
d890e864 JM	165	'onPasswordRequired': passwordRequired});
9ebc84f2	166	rfb.connect(host, port, password, path);
8db09746 JM	167	};
8db09746 JM	168	</script>
da6dd893	169
8db09746	170	</body>
91308399	171	</html>