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