]> git.proxmox.com Git - mirror_novnc.git/blame - vnc_auto.html
Add missing semi colon
[mirror_novnc.git] / vnc_auto.html
CommitLineData
40f281eb 1<!DOCTYPE html>
91308399 2<html>
e84101b3
3<head>
4
82744aa8 5 <!--
d58f8b51
JM
6 noVNC example: simple example using default UI
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:
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
17 <title>noVNC</title>
18
33f5d3bd
19 <meta charset="utf-8">
20
e84101b3
21 <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
22 Remove this if you use the .htaccess -->
33f5d3bd
23 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
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
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
52
53 <!-- Stylesheets -->
ecd49c15 54 <link rel="stylesheet" href="app/styles/auto.css">
e84101b3
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 -->
62 <script src="vendor/promise.js"></script>
63 <script src="vendor/browser-es-module-loader/dist/browser-es-module-loader.js"></script>
64 <script type="module">
6f4b1e40 65 // Load supporting scripts
7569cdc2
SR
66 import * as WebUtil from './app/webutil.js';
67 import RFB from './core/rfb.js';
6f4b1e40 68
8db09746 69 var rfb;
f8b399d7 70 var resizeTimeout;
3bb12056 71 var desktopName;
8db09746 72
f8b399d7 73 function UIresize() {
494b407a 74 if (WebUtil.getConfigVar('resize', false)) {
f8b399d7 75 var innerW = window.innerWidth;
76 var innerH = window.innerHeight;
ae510306 77 var controlbarH = document.getElementById('noVNC_status_bar').offsetHeight;
f8b399d7 78 if (innerW !== undefined && innerH !== undefined)
67453ade 79 rfb.requestDesktopSize(innerW, innerH - controlbarH);
f8b399d7 80 }
81 }
82 function FBUComplete(rfb, fbu) {
83 UIresize();
84 rfb.set_onFBUComplete(function() { });
85 }
3bb12056
SM
86 function updateDesktopName(rfb, name) {
87 desktopName = name;
88 }
7d714b15
SM
89 function passwordRequired(rfb, msg) {
90 if (typeof msg === 'undefined') {
91 msg = 'Password Required: ';
92 }
93 var html;
7569cdc2
SR
94
95 var form = document.createElement('form');
96 form.style = 'margin-bottom: 0px';
97 form.innerHTML = '<label></label>'
98 form.innerHTML += '<input type=password size=10 id="password_input" class="noVNC_status">';
99 form.onsubmit = setPassword;
6048299a
SR
100
101 // bypass status() because it sets text content
102 document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
7569cdc2
SR
103 document.getElementById('noVNC_status').innerHTML = '';
104 document.getElementById('noVNC_status').appendChild(form);
6048299a 105 document.getElementById('noVNC_status').querySelector('label').textContent = msg;
d890e864 106 }
91308399 107 function setPassword() {
ae510306 108 rfb.sendPassword(document.getElementById('password_input').value);
91308399
JM
109 return false;
110 }
63708ff5 111 function sendCtrlAltDel() {
8db09746 112 rfb.sendCtrlAltDel();
a8edf9d8 113 return false;
63708ff5 114 }
fb35d50f
MS
115 function xvpShutdown() {
116 rfb.xvpShutdown();
117 return false;
118 }
119 function xvpReboot() {
120 rfb.xvpReboot();
121 return false;
122 }
123 function xvpReset() {
124 rfb.xvpReset();
125 return false;
126 }
3bb12056
SM
127 function status(text, level) {
128 switch (level) {
129 case 'normal':
130 case 'warn':
131 case 'error':
132 break;
133 default:
134 level = "warn";
135 }
136 document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_" + level);
6048299a 137 document.getElementById('noVNC_status').textContent = text;
3bb12056
SM
138 }
139 function updateState(rfb, state, oldstate) {
140 var cad = document.getElementById('sendCtrlAltDelButton');
91308399 141 switch (state) {
3bb12056 142 case 'connecting':
3cdc603a 143 status("Connecting", "normal");
3bb12056
SM
144 break;
145 case 'connected':
733d5009 146 if (rfb && rfb.get_encrypt()) {
3cdc603a 147 status("Connected (encrypted) to " +
733d5009
SM
148 desktopName, "normal");
149 } else {
3cdc603a 150 status("Connected (unencrypted) to " +
733d5009
SM
151 desktopName, "normal");
152 }
3bb12056
SM
153 break;
154 case 'disconnecting':
3cdc603a 155 status("Disconnecting", "normal");
3bb12056
SM
156 break;
157 case 'disconnected':
3cdc603a 158 status("Disconnected", "normal");
3bb12056
SM
159 break;
160 default:
161 status(state, "warn");
162 break;
91308399
JM
163 }
164
c2a4d3ef 165 if (state === 'connected') {
fb35d50f
MS
166 cad.disabled = false;
167 } else {
168 cad.disabled = true;
169 xvpInit(0);
170 }
160fabf6 171
3bb12056
SM
172 }
173 function disconnected(rfb, reason) {
174 if (typeof(reason) !== 'undefined') {
175 status(reason, "error");
91308399 176 }
91308399 177 }
a7127fee 178 function notification(rfb, msg, level, options) {
3bb12056 179 status(msg, level);
a7127fee 180 }
91308399 181
f8b399d7 182 window.onresize = function () {
183 // When the window has been resized, wait until the size remains
184 // the same for 0.5 seconds before sending the request for changing
185 // the resolution of the session
186 clearTimeout(resizeTimeout);
187 resizeTimeout = setTimeout(function(){
188 UIresize();
189 }, 500);
190 };
191
fb35d50f
MS
192 function xvpInit(ver) {
193 var xvpbuttons;
ae510306 194 xvpbuttons = document.getElementById('noVNC_xvp_buttons');
fb35d50f
MS
195 if (ver >= 1) {
196 xvpbuttons.style.display = 'inline';
197 } else {
198 xvpbuttons.style.display = 'none';
199 }
200 }
201
7569cdc2
SR
202 document.getElementById('sendCtrlAltDelButton').style.display = "inline";
203 document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
204 document.getElementById('xvpShutdownButton').onclick = xvpShutdown;
205 document.getElementById('xvpRebootButton').onclick = xvpReboot;
206 document.getElementById('xvpResetButton').onclick = xvpReset;
91308399 207
7569cdc2 208 WebUtil.init_logging(WebUtil.getConfigVar('logging', 'warn'));
08cd672e 209 document.title = WebUtil.getConfigVar('title', 'noVNC');
7569cdc2
SR
210 // By default, use the host and port of server that served this file
211 var host = WebUtil.getConfigVar('host', window.location.hostname);
212 var port = WebUtil.getConfigVar('port', window.location.port);
8db09746 213
7569cdc2
SR
214 // if port == 80 (or 443) then it won't be present and should be
215 // set manually
216 if (!port) {
217 if (window.location.protocol.substring(0,5) == 'https') {
218 port = 443;
219 }
220 else if (window.location.protocol.substring(0,4) == 'http') {
221 port = 80;
e83b9e03 222 }
7569cdc2 223 }
e83b9e03 224
7569cdc2
SR
225 var password = WebUtil.getConfigVar('password', '');
226 var path = WebUtil.getConfigVar('path', 'websockify');
c55f05f6 227
7569cdc2
SR
228 // If a token variable is passed in, set the parameter in a cookie.
229 // This is used by nova-novncproxy.
230 var token = WebUtil.getConfigVar('token', null);
231 if (token) {
232 // if token is already present in the path we should use it
233 path = WebUtil.injectParamIfMissing(path, "token", token);
c55f05f6 234
7569cdc2
SR
235 WebUtil.createCookie('token', token, 1)
236 }
c55f05f6 237
7569cdc2 238 (function() {
0139b256 239
91308399 240 if ((!host) || (!port)) {
3bb12056 241 status('Must specify host and port in URL', 'error');
91308399
JM
242 }
243
d9fc1c7b 244 try {
ae510306 245 rfb = new RFB({'target': document.getElementById('noVNC_canvas'),
494b407a 246 'encrypt': WebUtil.getConfigVar('encrypt',
d9fc1c7b 247 (window.location.protocol === "https:")),
494b407a 248 'repeaterID': WebUtil.getConfigVar('repeaterID', ''),
494b407a
GV
249 'local_cursor': WebUtil.getConfigVar('cursor', true),
250 'shared': WebUtil.getConfigVar('shared', true),
251 'view_only': WebUtil.getConfigVar('view_only', false),
3bb12056 252 'onNotification': notification,
d9fc1c7b 253 'onUpdateState': updateState,
3bb12056 254 'onDisconnected': disconnected,
d9fc1c7b
SR
255 'onXvpInit': xvpInit,
256 'onPasswordRequired': passwordRequired,
3bb12056
SM
257 'onFBUComplete': FBUComplete,
258 'onDesktopName': updateDesktopName});
d9fc1c7b 259 } catch (exc) {
3bb12056 260 status('Unable to create RFB client -- ' + exc, 'error');
d9fc1c7b
SR
261 return; // don't continue trying to connect
262 }
263
9ebc84f2 264 rfb.connect(host, port, password, path);
7569cdc2
SR
265 })();
266 </script>
267</head>
268
269<body style="margin: 0px;">
270 <div id="noVNC_container">
271 <div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
272 <table border=0 width="100%"><tr>
273 <td><div id="noVNC_status" style="position: relative; height: auto;">
274 Loading
275 </div></td>
276 <td width="1%"><div id="noVNC_buttons">
277 <input type=button value="Send CtrlAltDel"
278 id="sendCtrlAltDelButton">
279 <span id="noVNC_xvp_buttons">
280 <input type=button value="Shutdown"
281 id="xvpShutdownButton">
282 <input type=button value="Reboot"
283 id="xvpRebootButton">
284 <input type=button value="Reset"
285 id="xvpResetButton">
286 </span>
287 </div></td>
288 </tr></table>
289 </div>
290 <canvas id="noVNC_canvas" width="640px" height="20px">
291 Canvas not supported.
292 </canvas>
293 </div>
da6dd893 294
8db09746 295 </body>
91308399 296</html>