[mirror_novnc.git] / vnc_lite.html

<!DOCTYPE html>
<html>
<head>

    <!--
    noVNC example: lightweight example using minimal UI and features
    Copyright (C) 2012 Joel Martin
    Copyright (C) 2017 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
    or the fragment:
        http://example.com/#host=HOST&port=PORT&encrypt=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">

    <!-- Icons (see Makefile for what the sizes are for) -->
    <link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16x16.png">
    <link rel="icon" sizes="24x24" type="image/png" href="app/images/icons/novnc-24x24.png">
    <link rel="icon" sizes="32x32" type="image/png" href="app/images/icons/novnc-32x32.png">
    <link rel="icon" sizes="48x48" type="image/png" href="app/images/icons/novnc-48x48.png">
    <link rel="icon" sizes="60x60" type="image/png" href="app/images/icons/novnc-60x60.png">
    <link rel="icon" sizes="64x64" type="image/png" href="app/images/icons/novnc-64x64.png">
    <link rel="icon" sizes="72x72" type="image/png" href="app/images/icons/novnc-72x72.png">
    <link rel="icon" sizes="76x76" type="image/png" href="app/images/icons/novnc-76x76.png">
    <link rel="icon" sizes="96x96" type="image/png" href="app/images/icons/novnc-96x96.png">
    <link rel="icon" sizes="120x120" type="image/png" href="app/images/icons/novnc-120x120.png">
    <link rel="icon" sizes="144x144" type="image/png" href="app/images/icons/novnc-144x144.png">
    <link rel="icon" sizes="152x152" type="image/png" href="app/images/icons/novnc-152x152.png">
    <link rel="icon" sizes="192x192" type="image/png" href="app/images/icons/novnc-192x192.png">
    <link rel="icon" sizes="any" type="image/svg+xml" href="app/images/icons/novnc-icon.svg">
    <!-- Repeated last so that legacy handling will pick this -->
    <link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16x16.png">

    <!-- 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" />
    <!-- Home Screen Icons (favourites and bookmarks use the normal icons) -->
    <link rel="apple-touch-icon" sizes="60x60" type="image/png" href="app/images/icons/novnc-60x60.png">
    <link rel="apple-touch-icon" sizes="76x76" type="image/png" href="app/images/icons/novnc-76x76.png">
    <link rel="apple-touch-icon" sizes="120x120" type="image/png" href="app/images/icons/novnc-120x120.png">
    <link rel="apple-touch-icon" sizes="152x152" type="image/png" href="app/images/icons/novnc-152x152.png">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="app/styles/lite.css">

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

    <!-- promise polyfills promises for IE11 -->
    <script src="vendor/promise.js"></script>
    <!-- ES2015/ES6 modules polyfill -->
    <script type="module">
        window._noVNC_has_module_support = true;
    </script>
    <script>
        window.addEventListener("load", function() {
            if (window._noVNC_has_module_support) return;
            var loader = document.createElement("script");
            loader.src = "vendor/browser-es-module-loader/dist/browser-es-module-loader.js";
            document.head.appendChild(loader);
        });
    </script>

    <!-- actual script modules -->
    <script type="module" crossorigin="anonymous">
        // Load supporting scripts
        import * as WebUtil from './app/webutil.js';
        import RFB from './core/rfb.js';

        var rfb;
        var desktopName;

        function updateDesktopName(e) {
            desktopName = e.detail.name;
        }
        function credentials(e) {
            var html;

            var form = document.createElement('form');
            form.innerHTML = '<label></label>';
            form.innerHTML += '<input type=password size=10 id="password_input">';
            form.onsubmit = setPassword;

            // bypass status() because it sets text content
            document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
            document.getElementById('noVNC_status').innerHTML = '';
            document.getElementById('noVNC_status').appendChild(form);
            document.getElementById('noVNC_status').querySelector('label').textContent = 'Password Required: ';
        }
        function setPassword() {
            rfb.sendCredentials({ password: document.getElementById('password_input').value });
            return false;
        }
        function sendCtrlAltDel() {
            rfb.sendCtrlAltDel();
            return false;
        }
        function machineShutdown() {
            rfb.machineShutdown();
            return false;
        }
        function machineReboot() {
            rfb.machineReboot();
            return false;
        }
        function machineReset() {
            rfb.machineReset();
            return false;
        }
        function status(text, level) {
            switch (level) {
                case 'normal':
                case 'warn':
                case 'error':
                    break;
                default:
                    level = "warn";
            }
            document.getElementById('noVNC_status_bar').className = "noVNC_status_" + level;
            document.getElementById('noVNC_status').textContent = text;
        }

        function connected(e) {
            document.getElementById('sendCtrlAltDelButton').disabled = false;
            if (WebUtil.getConfigVar('encrypt',
                                     (window.location.protocol === "https:"))) {
                status("Connected (encrypted) to " + desktopName, "normal");
            } else {
                status("Connected (unencrypted) to " + desktopName, "normal");
            }
        }

        function disconnected(e) {
            document.getElementById('sendCtrlAltDelButton').disabled = true;
            updatePowerButtons();
            if (e.detail.clean) {
                status("Disconnected", "normal");
            } else {
                status("Something went wrong, connection is closed", "error");
            }
        }

        function updatePowerButtons() {
            var powerbuttons;
            powerbuttons = document.getElementById('noVNC_power_buttons');
            if (rfb.capabilities.power) {
                powerbuttons.className= "noVNC_shown";
            } else {
                powerbuttons.className = "noVNC_hidden";
            }
        }

        document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
        document.getElementById('machineShutdownButton').onclick = machineShutdown;
        document.getElementById('machineRebootButton').onclick = machineReboot;
        document.getElementById('machineResetButton').onclick = machineReset;

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

        var password = WebUtil.getConfigVar('password', '');
        var path = WebUtil.getConfigVar('path', 'websockify');

        // If a token variable is passed in, set the parameter in a cookie.
        // This is used by nova-novncproxy.
        var 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)
        }

        (function() {

            status("Connecting", "normal");

            if ((!host) || (!port)) {
                status('Must specify host and port in URL', 'error');
            }

            var url;

            if (WebUtil.getConfigVar('encrypt',
                                     (window.location.protocol === "https:"))) {
                url = 'wss';
            } else {
                url = 'ws';
            }

            url += '://' + host;
            if(port) {
                url += ':' + port;
            }
            url += '/' + path;

            rfb = new RFB(document.body, url,
                          { repeaterID: WebUtil.getConfigVar('repeaterID', ''),
                            shared: WebUtil.getConfigVar('shared', true),
                            credentials: { password: password } });
            rfb.viewOnly = WebUtil.getConfigVar('view_only', false);
            rfb.addEventListener("connect",  connected);
            rfb.addEventListener("disconnect", disconnected);
            rfb.addEventListener("capabilities", function () { updatePowerButtons(); });
            rfb.addEventListener("credentialsrequired", credentials);
            rfb.addEventListener("desktopname", updateDesktopName);
            rfb.scaleViewport = WebUtil.getConfigVar('scale', false);
            rfb.resizeSession = WebUtil.getConfigVar('resize', false);
        })();
    </script>
</head>

<body>
  <div id="noVNC_status_bar">
    <div id="noVNC_left_dummy_elem"></div>
    <div id="noVNC_status">Loading</div>
    <div id="noVNC_buttons">
      <input type=button value="Send CtrlAltDel"
             id="sendCtrlAltDelButton" class="noVNC_shown">
      <span id="noVNC_power_buttons" class="noVNC_hidden">
        <input type=button value="Shutdown"
               id="machineShutdownButton">
        <input type=button value="Reboot"
               id="machineRebootButton">
        <input type=button value="Reset"
               id="machineResetButton">
      </span>
    </div>
  </div>
</body>
</html>
Commit	Line	Data
40f281eb	1	<!DOCTYPE html>
91308399	2	<html>
e84101b3 PÅ	3	<head>
e84101b3 PÅ	4
82744aa8	5	<!--
83391ffc	6	noVNC example: lightweight example using minimal UI and features
d58f8b51	7	Copyright (C) 2012 Joel Martin
178bf8ec	8	Copyright (C) 2017 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
d595e656 JM	12	Connect parameters are provided in query string:
26586b9d	13	http://example.com/?host=HOST&port=PORT&encrypt=1
494b407a	14	or the fragment:
26586b9d	15	http://example.com/#host=HOST&port=PORT&encrypt=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">
33f5d3bd PÅ	24
7569cdc2 SR	25	<!-- Icons (see Makefile for what the sizes are for) -->
	26	<link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16x16.png">
	27	<link rel="icon" sizes="24x24" type="image/png" href="app/images/icons/novnc-24x24.png">
	28	<link rel="icon" sizes="32x32" type="image/png" href="app/images/icons/novnc-32x32.png">
	29	<link rel="icon" sizes="48x48" type="image/png" href="app/images/icons/novnc-48x48.png">
	30	<link rel="icon" sizes="60x60" type="image/png" href="app/images/icons/novnc-60x60.png">
	31	<link rel="icon" sizes="64x64" type="image/png" href="app/images/icons/novnc-64x64.png">
	32	<link rel="icon" sizes="72x72" type="image/png" href="app/images/icons/novnc-72x72.png">
	33	<link rel="icon" sizes="76x76" type="image/png" href="app/images/icons/novnc-76x76.png">
	34	<link rel="icon" sizes="96x96" type="image/png" href="app/images/icons/novnc-96x96.png">
	35	<link rel="icon" sizes="120x120" type="image/png" href="app/images/icons/novnc-120x120.png">
	36	<link rel="icon" sizes="144x144" type="image/png" href="app/images/icons/novnc-144x144.png">
	37	<link rel="icon" sizes="152x152" type="image/png" href="app/images/icons/novnc-152x152.png">
	38	<link rel="icon" sizes="192x192" type="image/png" href="app/images/icons/novnc-192x192.png">
	39	<link rel="icon" sizes="any" type="image/svg+xml" href="app/images/icons/novnc-icon.svg">
	40	<!-- Repeated last so that legacy handling will pick this -->
	41	<link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16x16.png">
	42
33f5d3bd PÅ	43	<!-- Apple iOS Safari settings -->
	44	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	45	<meta name="apple-mobile-web-app-capable" content="yes" />
	46	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
7569cdc2 SR	47	<!-- Home Screen Icons (favourites and bookmarks use the normal icons) -->
	48	<link rel="apple-touch-icon" sizes="60x60" type="image/png" href="app/images/icons/novnc-60x60.png">
	49	<link rel="apple-touch-icon" sizes="76x76" type="image/png" href="app/images/icons/novnc-76x76.png">
	50	<link rel="apple-touch-icon" sizes="120x120" type="image/png" href="app/images/icons/novnc-120x120.png">
	51	<link rel="apple-touch-icon" sizes="152x152" type="image/png" href="app/images/icons/novnc-152x152.png">
e84101b3 PÅ	52
e84101b3 PÅ	53	<!-- Stylesheets -->
83391ffc	54	<link rel="stylesheet" href="app/styles/lite.css">
e84101b3 PÅ	55
	56	<!--
	57	<script type='text/javascript'
	58	src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
	59	-->
8db09746	60
7569cdc2 SR	61	<!-- promise polyfills promises for IE11 -->
7569cdc2 SR	62	<script src="vendor/promise.js"></script>
14ecdc62 FC	63	<!-- ES2015/ES6 modules polyfill -->
	64	<script type="module">
	65	window._noVNC_has_module_support = true;
	66	</script>
	67	<script>
	68	window.addEventListener("load", function() {
	69	if (window._noVNC_has_module_support) return;
	70	var loader = document.createElement("script");
	71	loader.src = "vendor/browser-es-module-loader/dist/browser-es-module-loader.js";
	72	document.head.appendChild(loader);
	73	});
	74	</script>
	75
	76	<!-- actual script modules -->
bf826444	77	<script type="module" crossorigin="anonymous">
6f4b1e40	78	// Load supporting scripts
7569cdc2 SR	79	import * as WebUtil from './app/webutil.js';
7569cdc2 SR	80	import RFB from './core/rfb.js';
6f4b1e40	81
8db09746	82	var rfb;
3bb12056	83	var desktopName;
8db09746	84
e89eef94 PO	85	function updateDesktopName(e) {
e89eef94 PO	86	desktopName = e.detail.name;
3bb12056	87	}
e89eef94	88	function credentials(e) {
7d714b15	89	var html;
c464f47e	90
7569cdc2	91	var form = document.createElement('form');
cf3b5282	92	form.innerHTML = '<label></label>';
8167e459	93	form.innerHTML += '<input type=password size=10 id="password_input">';
7569cdc2	94	form.onsubmit = setPassword;
6048299a SR	95
	96	// bypass status() because it sets text content
	97	document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
7569cdc2 SR	98	document.getElementById('noVNC_status').innerHTML = '';
7569cdc2 SR	99	document.getElementById('noVNC_status').appendChild(form);
430f00d6	100	document.getElementById('noVNC_status').querySelector('label').textContent = 'Password Required: ';
d890e864	101	}
91308399	102	function setPassword() {
430f00d6	103	rfb.sendCredentials({ password: document.getElementById('password_input').value });
91308399 JM	104	return false;
91308399 JM	105	}
63708ff5	106	function sendCtrlAltDel() {
8db09746	107	rfb.sendCtrlAltDel();
a8edf9d8	108	return false;
63708ff5	109	}
cd523e8f PO	110	function machineShutdown() {
cd523e8f PO	111	rfb.machineShutdown();
fb35d50f MS	112	return false;
fb35d50f MS	113	}
cd523e8f PO	114	function machineReboot() {
cd523e8f PO	115	rfb.machineReboot();
fb35d50f MS	116	return false;
fb35d50f MS	117	}
cd523e8f PO	118	function machineReset() {
cd523e8f PO	119	rfb.machineReset();
fb35d50f MS	120	return false;
fb35d50f MS	121	}
3bb12056 SM	122	function status(text, level) {
	123	switch (level) {
	124	case 'normal':
	125	case 'warn':
	126	case 'error':
	127	break;
	128	default:
	129	level = "warn";
	130	}
dc905e85	131	document.getElementById('noVNC_status_bar').className = "noVNC_status_" + level;
6048299a	132	document.getElementById('noVNC_status').textContent = text;
3bb12056	133	}
91308399	134
ee5cae9f SM	135	function connected(e) {
ee5cae9f SM	136	document.getElementById('sendCtrlAltDelButton').disabled = false;
ee5cae9f SM	137	if (WebUtil.getConfigVar('encrypt',
	138	(window.location.protocol === "https:"))) {
	139	status("Connected (encrypted) to " + desktopName, "normal");
fb35d50f	140	} else {
ee5cae9f	141	status("Connected (unencrypted) to " + desktopName, "normal");
fb35d50f	142	}
3bb12056	143	}
ee5cae9f SM	144
	145	function disconnected(e) {
	146	document.getElementById('sendCtrlAltDelButton').disabled = true;
	147	updatePowerButtons();
d472f3f1	148	if (e.detail.clean) {
ee5cae9f	149	status("Disconnected", "normal");
d472f3f1 SM	150	} else {
d472f3f1 SM	151	status("Something went wrong, connection is closed", "error");
91308399	152	}
91308399 JM	153	}
91308399 JM	154
cd523e8f PO	155	function updatePowerButtons() {
	156	var powerbuttons;
	157	powerbuttons = document.getElementById('noVNC_power_buttons');
747b4623	158	if (rfb.capabilities.power) {
56f21bf7	159	powerbuttons.className= "noVNC_shown";
fb35d50f	160	} else {
56f21bf7	161	powerbuttons.className = "noVNC_hidden";
fb35d50f MS	162	}
	163	}
	164
7569cdc2	165	document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
cd523e8f PO	166	document.getElementById('machineShutdownButton').onclick = machineShutdown;
	167	document.getElementById('machineRebootButton').onclick = machineReboot;
	168	document.getElementById('machineResetButton').onclick = machineReset;
91308399	169
7569cdc2	170	WebUtil.init_logging(WebUtil.getConfigVar('logging', 'warn'));
08cd672e	171	document.title = WebUtil.getConfigVar('title', 'noVNC');
7569cdc2 SR	172	// By default, use the host and port of server that served this file
	173	var host = WebUtil.getConfigVar('host', window.location.hostname);
	174	var port = WebUtil.getConfigVar('port', window.location.port);
8db09746	175
7569cdc2 SR	176	// if port == 80 (or 443) then it won't be present and should be
	177	// set manually
	178	if (!port) {
	179	if (window.location.protocol.substring(0,5) == 'https') {
	180	port = 443;
	181	}
	182	else if (window.location.protocol.substring(0,4) == 'http') {
	183	port = 80;
e83b9e03	184	}
7569cdc2	185	}
e83b9e03	186
7569cdc2 SR	187	var password = WebUtil.getConfigVar('password', '');
7569cdc2 SR	188	var path = WebUtil.getConfigVar('path', 'websockify');
c55f05f6	189
7569cdc2 SR	190	// If a token variable is passed in, set the parameter in a cookie.
	191	// This is used by nova-novncproxy.
	192	var token = WebUtil.getConfigVar('token', null);
	193	if (token) {
	194	// if token is already present in the path we should use it
	195	path = WebUtil.injectParamIfMissing(path, "token", token);
c55f05f6	196
7569cdc2 SR	197	WebUtil.createCookie('token', token, 1)
7569cdc2 SR	198	}
c55f05f6	199
7569cdc2	200	(function() {
0139b256	201
ee5cae9f SM	202	status("Connecting", "normal");
ee5cae9f SM	203
91308399	204	if ((!host) \|\| (!port)) {
3bb12056	205	status('Must specify host and port in URL', 'error');
91308399 JM	206	}
91308399 JM	207
5b4e5d01 PO	208	var url;
	209
	210	if (WebUtil.getConfigVar('encrypt',
	211	(window.location.protocol === "https:"))) {
	212	url = 'wss';
	213	} else {
	214	url = 'ws';
	215	}
	216
	217	url += '://' + host;
	218	if(port) {
	219	url += ':' + port;
d9fc1c7b	220	}
5b4e5d01	221	url += '/' + path;
d9fc1c7b	222
9b84f516	223	rfb = new RFB(document.body, url,
2f4516f2 PO	224	{ repeaterID: WebUtil.getConfigVar('repeaterID', ''),
	225	shared: WebUtil.getConfigVar('shared', true),
	226	credentials: { password: password } });
5b20d338	227	rfb.viewOnly = WebUtil.getConfigVar('view_only', false);
ee5cae9f SM	228	rfb.addEventListener("connect", connected);
ee5cae9f SM	229	rfb.addEventListener("disconnect", disconnected);
9b84f516	230	rfb.addEventListener("capabilities", function () { updatePowerButtons(); });
e89eef94 PO	231	rfb.addEventListener("credentialsrequired", credentials);
e89eef94 PO	232	rfb.addEventListener("desktopname", updateDesktopName);
bd2ce0ca	233	rfb.scaleViewport = WebUtil.getConfigVar('scale', false);
9b84f516	234	rfb.resizeSession = WebUtil.getConfigVar('resize', false);
7569cdc2 SR	235	})();
	236	</script>
	237	</head>
	238
178bf8ec	239	<body>
dc905e85	240	<div id="noVNC_status_bar">
4023a6e1 SM	241	<div id="noVNC_left_dummy_elem"></div>
	242	<div id="noVNC_status">Loading</div>
	243	<div id="noVNC_buttons">
	244	<input type=button value="Send CtrlAltDel"
	245	id="sendCtrlAltDelButton" class="noVNC_shown">
a201bfc5	246	<span id="noVNC_power_buttons" class="noVNC_hidden">
4023a6e1	247	<input type=button value="Shutdown"
a201bfc5	248	id="machineShutdownButton">
4023a6e1	249	<input type=button value="Reboot"
a201bfc5	250	id="machineRebootButton">
4023a6e1	251	<input type=button value="Reset"
a201bfc5	252	id="machineResetButton">
4023a6e1 SM	253	</span>
4023a6e1 SM	254	</div>
178bf8ec	255	</div>
178bf8ec	256	</body>
91308399	257	</html>