]>
Commit | Line | Data |
---|---|---|
1 | <!DOCTYPE html> | |
2 | <html> | |
3 | <head> | |
4 | ||
5 | <!-- | |
6 | noVNC example: simple example using default UI | |
7 | Copyright (C) 2012 Joel Martin | |
8 | Copyright (C) 2013 Samuel Mannehed for Cendio AB | |
9 | noVNC is licensed under the MPL 2.0 (see LICENSE.txt) | |
10 | This file is licensed under the 2-Clause BSD license (see LICENSE.txt). | |
11 | ||
12 | Connect parameters are provided in query string: | |
13 | http://example.com/?host=HOST&port=PORT&encrypt=1&true_color=1 | |
14 | or the fragment: | |
15 | http://example.com/#host=HOST&port=PORT&encrypt=1&true_color=1 | |
16 | --> | |
17 | <title>noVNC</title> | |
18 | ||
19 | <meta charset="utf-8"> | |
20 | ||
21 | <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame | |
22 | Remove this if you use the .htaccess --> | |
23 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
24 | ||
25 | <!-- Apple iOS Safari settings --> | |
26 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | |
27 | <meta name="apple-mobile-web-app-capable" content="yes" /> | |
28 | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | |
29 | <!-- App Start Icon --> | |
30 | <link rel="apple-touch-startup-image" href="app/images/screen_320x460.png" /> | |
31 | <!-- For iOS devices set the icon to use if user bookmarks app on their homescreen --> | |
32 | <link rel="apple-touch-icon" href="app/images/screen_57x57.png"> | |
33 | <!-- | |
34 | <link rel="apple-touch-icon-precomposed" href="app/images/screen_57x57.png" /> | |
35 | --> | |
36 | ||
37 | ||
38 | <!-- Stylesheets --> | |
39 | <link rel="stylesheet" href="app/styles/auto.css"> | |
40 | ||
41 | <!-- | |
42 | <script type='text/javascript' | |
43 | src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> | |
44 | --> | |
45 | <script src="core/util.js"></script> | |
46 | <script src="app/webutil.js"></script> | |
47 | </head> | |
48 | ||
49 | <body style="margin: 0px;"> | |
50 | <div id="noVNC_container"> | |
51 | <div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;"> | |
52 | <table border=0 width="100%"><tr> | |
53 | <td><div id="noVNC_status" style="position: relative; height: auto;"> | |
54 | Loading | |
55 | </div></td> | |
56 | <td width="1%"><div id="noVNC_buttons"> | |
57 | <input type=button value="Send CtrlAltDel" | |
58 | id="sendCtrlAltDelButton"> | |
59 | <span id="noVNC_xvp_buttons"> | |
60 | <input type=button value="Shutdown" | |
61 | id="xvpShutdownButton"> | |
62 | <input type=button value="Reboot" | |
63 | id="xvpRebootButton"> | |
64 | <input type=button value="Reset" | |
65 | id="xvpResetButton"> | |
66 | </span> | |
67 | </div></td> | |
68 | </tr></table> | |
69 | </div> | |
70 | <canvas id="noVNC_canvas" width="640px" height="20px"> | |
71 | Canvas not supported. | |
72 | </canvas> | |
73 | </div> | |
74 | ||
75 | <script> | |
76 | /*jslint white: false */ | |
77 | /*global window, $, Util, RFB, */ | |
78 | "use strict"; | |
79 | ||
80 | // Load supporting scripts | |
81 | WebUtil.load_scripts({ | |
82 | 'core': ["base64.js", "websock.js", "des.js", "input/keysymdef.js", | |
83 | "input/xtscancodes.js", "input/util.js", "input/devices.js", | |
84 | "display.js", "inflator.js", "rfb.js", "input/keysym.js"], | |
85 | 'app': ["webutil.js"]}); | |
86 | ||
87 | var rfb; | |
88 | var resizeTimeout; | |
89 | ||
90 | ||
91 | function UIresize() { | |
92 | if (WebUtil.getConfigVar('resize', false)) { | |
93 | var innerW = window.innerWidth; | |
94 | var innerH = window.innerHeight; | |
95 | var controlbarH = document.getElementById('noVNC_status_bar').offsetHeight; | |
96 | var padding = 5; | |
97 | if (innerW !== undefined && innerH !== undefined) | |
98 | rfb.requestDesktopSize(innerW, innerH - controlbarH - padding); | |
99 | } | |
100 | } | |
101 | function FBUComplete(rfb, fbu) { | |
102 | UIresize(); | |
103 | rfb.set_onFBUComplete(function() { }); | |
104 | } | |
105 | function passwordRequired(rfb) { | |
106 | var msg; | |
107 | msg = '<form onsubmit="return setPassword();"'; | |
108 | msg += ' style="margin-bottom: 0px">'; | |
109 | msg += 'Password Required: '; | |
110 | msg += '<input type=password size=10 id="password_input" class="noVNC_status">'; | |
111 | msg += '<\/form>'; | |
112 | document.getElementById('noVNC_status_bar').setAttribute("class", "noVNC_status_warn"); | |
113 | document.getElementById('noVNC_status').innerHTML = msg; | |
114 | } | |
115 | function setPassword() { | |
116 | rfb.sendPassword(document.getElementById('password_input').value); | |
117 | return false; | |
118 | } | |
119 | function sendCtrlAltDel() { | |
120 | rfb.sendCtrlAltDel(); | |
121 | return false; | |
122 | } | |
123 | function xvpShutdown() { | |
124 | rfb.xvpShutdown(); | |
125 | return false; | |
126 | } | |
127 | function xvpReboot() { | |
128 | rfb.xvpReboot(); | |
129 | return false; | |
130 | } | |
131 | function xvpReset() { | |
132 | rfb.xvpReset(); | |
133 | return false; | |
134 | } | |
135 | function updateState(rfb, state, oldstate, msg) { | |
136 | var s, sb, cad, level; | |
137 | s = document.getElementById('noVNC_status'); | |
138 | sb = document.getElementById('noVNC_status_bar'); | |
139 | cad = document.getElementById('sendCtrlAltDelButton'); | |
140 | switch (state) { | |
141 | case 'failed': level = "error"; break; | |
142 | case 'fatal': level = "error"; break; | |
143 | case 'normal': level = "normal"; break; | |
144 | case 'disconnected': level = "normal"; break; | |
145 | case 'loaded': level = "normal"; break; | |
146 | default: level = "warn"; break; | |
147 | } | |
148 | ||
149 | if (state === "normal") { | |
150 | cad.disabled = false; | |
151 | } else { | |
152 | cad.disabled = true; | |
153 | xvpInit(0); | |
154 | } | |
155 | ||
156 | if (typeof(msg) !== 'undefined') { | |
157 | sb.setAttribute("class", "noVNC_status_" + level); | |
158 | s.innerHTML = msg; | |
159 | } | |
160 | } | |
161 | ||
162 | window.onresize = function () { | |
163 | // When the window has been resized, wait until the size remains | |
164 | // the same for 0.5 seconds before sending the request for changing | |
165 | // the resolution of the session | |
166 | clearTimeout(resizeTimeout); | |
167 | resizeTimeout = setTimeout(function(){ | |
168 | UIresize(); | |
169 | }, 500); | |
170 | }; | |
171 | ||
172 | function xvpInit(ver) { | |
173 | var xvpbuttons; | |
174 | xvpbuttons = document.getElementById('noVNC_xvp_buttons'); | |
175 | if (ver >= 1) { | |
176 | xvpbuttons.style.display = 'inline'; | |
177 | } else { | |
178 | xvpbuttons.style.display = 'none'; | |
179 | } | |
180 | } | |
181 | ||
182 | window.onscriptsload = function () { | |
183 | var host, port, password, path, token; | |
184 | ||
185 | document.getElementById('sendCtrlAltDelButton').style.display = "inline"; | |
186 | document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel; | |
187 | document.getElementById('xvpShutdownButton').onclick = xvpShutdown; | |
188 | document.getElementById('xvpRebootButton').onclick = xvpReboot; | |
189 | document.getElementById('xvpResetButton').onclick = xvpReset; | |
190 | ||
191 | WebUtil.init_logging(WebUtil.getConfigVar('logging', 'warn')); | |
192 | document.title = unescape(WebUtil.getConfigVar('title', 'noVNC')); | |
193 | // By default, use the host and port of server that served this file | |
194 | host = WebUtil.getConfigVar('host', window.location.hostname); | |
195 | port = WebUtil.getConfigVar('port', window.location.port); | |
196 | ||
197 | // if port == 80 (or 443) then it won't be present and should be | |
198 | // set manually | |
199 | if (!port) { | |
200 | if (window.location.protocol.substring(0,5) == 'https') { | |
201 | port = 443; | |
202 | } | |
203 | else if (window.location.protocol.substring(0,4) == 'http') { | |
204 | port = 80; | |
205 | } | |
206 | } | |
207 | ||
208 | password = WebUtil.getConfigVar('password', ''); | |
209 | path = WebUtil.getConfigVar('path', 'websockify'); | |
210 | ||
211 | // If a token variable is passed in, set the parameter in a cookie. | |
212 | // This is used by nova-novncproxy. | |
213 | token = WebUtil.getConfigVar('token', null); | |
214 | if (token) { | |
215 | ||
216 | // if token is already present in the path we should use it | |
217 | path = WebUtil.injectParamIfMissing(path, "token", token); | |
218 | ||
219 | WebUtil.createCookie('token', token, 1) | |
220 | } | |
221 | ||
222 | if ((!host) || (!port)) { | |
223 | updateState(null, 'fatal', null, 'Must specify host and port in URL'); | |
224 | return; | |
225 | } | |
226 | ||
227 | try { | |
228 | rfb = new RFB({'target': document.getElementById('noVNC_canvas'), | |
229 | 'encrypt': WebUtil.getConfigVar('encrypt', | |
230 | (window.location.protocol === "https:")), | |
231 | 'repeaterID': WebUtil.getConfigVar('repeaterID', ''), | |
232 | 'true_color': WebUtil.getConfigVar('true_color', true), | |
233 | 'local_cursor': WebUtil.getConfigVar('cursor', true), | |
234 | 'shared': WebUtil.getConfigVar('shared', true), | |
235 | 'view_only': WebUtil.getConfigVar('view_only', false), | |
236 | 'onUpdateState': updateState, | |
237 | 'onXvpInit': xvpInit, | |
238 | 'onPasswordRequired': passwordRequired, | |
239 | 'onFBUComplete': FBUComplete}); | |
240 | } catch (exc) { | |
241 | updateState(null, 'fatal', null, 'Unable to create RFB client -- ' + exc); | |
242 | return; // don't continue trying to connect | |
243 | } | |
244 | ||
245 | rfb.connect(host, port, password, path); | |
246 | }; | |
247 | </script> | |
248 | ||
249 | </body> | |
250 | </html> |