vnc_auto.html

   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     -->
  15     <title>noVNC</title>
  16
  17     <meta charset="utf-8">
  18
  19     <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
  20                 Remove this if you use the .htaccess -->
  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     -->
  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     -->
  43         <script src="include/util.js"></script>
  44 </head>
  45
  46 <body style="margin: 0px;">
  47     <div id="noVNC_screen">
  48             <div id="noVNC_status_bar" class="noVNC_status_bar" style="margin-top: 0px;">
  49                 <table border=0 width="100%"><tr>
  50                     <td><div id="noVNC_status" style="position: relative; height: auto;">
  51                         Loading
  52                     </div></td>
  53                     <td width="1%"><div id="noVNC_buttons">
  54                         <input type=button value="Send CtrlAltDel"
  55                             id="sendCtrlAltDelButton">
  56                         <span id="noVNC_xvp_buttons">
  57                         <input type=button value="Shutdown"
  58                             id="xvpShutdownButton">
  59                         <input type=button value="Reboot"
  60                             id="xvpRebootButton">
  61                         <input type=button value="Reset"
  62                             id="xvpResetButton">
  63                         </span>
  64                             </div></td>
  65                 </tr></table>
  66             </div>
  67             <canvas id="noVNC_canvas" width="640px" height="20px">
  68                 Canvas not supported.
  69             </canvas>
  70         </div>
  71
  72         <script>
  73         /*jslint white: false */
  74         /*global window, $, Util, RFB, */
  75         "use strict";
  76
  77         // Load supporting scripts
  78         Util.load_scripts(["webutil.js", "base64.js", "websock.js", "des.js",
  79                            "keysymdef.js", "keyboard.js", "input.js", "display.js",
  80                            "jsunzip.js", "rfb.js"]);
  81
  82         var rfb;
  83
  84         function passwordRequired(rfb) {
  85             var msg;
  86             msg = '<form onsubmit="return setPassword();"';
  87             msg += '  style="margin-bottom: 0px">';
  88             msg += 'Password Required: ';
  89             msg += '<input type=password size=10 id="password_input" class="noVNC_status">';
  90             msg += '<\/form>';
  91             $D('noVNC_status_bar').setAttribute("class", "noVNC_status_warn");
  92             $D('noVNC_status').innerHTML = msg;
  93         }
  94         function setPassword() {
  95             rfb.sendPassword($D('password_input').value);
  96             return false;
  97         }
  98         function sendCtrlAltDel() {
  99             rfb.sendCtrlAltDel();
 100             return false;
 101         }
 102         function xvpShutdown() {
 103             rfb.xvpShutdown();
 104             return false;
 105         }
 106         function xvpReboot() {
 107             rfb.xvpReboot();
 108             return false;
 109         }
 110         function xvpReset() {
 111             rfb.xvpReset();
 112             return false;
 113         }
 114         function updateState(rfb, state, oldstate, msg) {
 115             var s, sb, cad, level;
 116             s = $D('noVNC_status');
 117             sb = $D('noVNC_status_bar');
 118             cad = $D('sendCtrlAltDelButton');
 119             switch (state) {
 120                 case 'failed':       level = "error";  break;
 121                 case 'fatal':        level = "error";  break;
 122                 case 'normal':       level = "normal"; break;
 123                 case 'disconnected': level = "normal"; break;
 124                 case 'loaded':       level = "normal"; break;
 125                 default:             level = "warn";   break;
 126             }
 127
 128             if (state === "normal") {
 129                 cad.disabled = false;
 130             } else {
 131                 cad.disabled = true;
 132                 xvpInit(0);
 133             }
 134
 135             if (typeof(msg) !== 'undefined') {
 136                 sb.setAttribute("class", "noVNC_status_" + level);
 137                 s.innerHTML = msg;
 138             }
 139         }
 140
 141         function xvpInit(ver) {
 142             var xvpbuttons;
 143             xvpbuttons = $D('noVNC_xvp_buttons');
 144             if (ver >= 1) {
 145                 xvpbuttons.style.display = 'inline';
 146             } else {
 147                 xvpbuttons.style.display = 'none';
 148             }
 149         }
 150
 151         window.onscriptsload = function () {
 152             var host, port, password, path, token;
 153
 154             $D('sendCtrlAltDelButton').style.display = "inline";
 155             $D('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
 156             $D('xvpShutdownButton').onclick = xvpShutdown;
 157             $D('xvpRebootButton').onclick = xvpReboot;
 158             $D('xvpResetButton').onclick = xvpReset;
 159
 160             WebUtil.init_logging(WebUtil.getQueryVar('logging', 'warn'));
 161             document.title = unescape(WebUtil.getQueryVar('title', 'noVNC'));
 162             // By default, use the host and port of server that served this file
 163             host = WebUtil.getQueryVar('host', window.location.hostname);
 164             port = WebUtil.getQueryVar('port', window.location.port);
 165
 166             // if port == 80 (or 443) then it won't be present and should be
 167             // set manually
 168             if (!port) {
 169                 if (window.location.protocol.substring(0,5) == 'https') {
 170                     port = 443;
 171                 }
 172                 else if (window.location.protocol.substring(0,4) == 'http') {
 173                     port = 80;
 174                 }
 175             }
 176
 177             // If a token variable is passed in, set the parameter in a cookie.
 178             // This is used by nova-novncproxy.
 179             token = WebUtil.getQueryVar('token', null);
 180             if (token) {
 181                 WebUtil.createCookie('token', token, 1)
 182             }
 183
 184             password = WebUtil.getQueryVar('password', '');
 185             path = WebUtil.getQueryVar('path', 'websockify');
 186
 187             if ((!host) || (!port)) {
 188                 updateState('failed',
 189                     "Must specify host and port in URL");
 190                 return;
 191             }
 192
 193             rfb = new RFB({'target':       $D('noVNC_canvas'),
 194                            'encrypt':      WebUtil.getQueryVar('encrypt',
 195                                     (window.location.protocol === "https:")),
 196                            'repeaterID':   WebUtil.getQueryVar('repeaterID', ''),
 197                            'true_color':   WebUtil.getQueryVar('true_color', true),
 198                            'local_cursor': WebUtil.getQueryVar('cursor', true),
 199                            'shared':       WebUtil.getQueryVar('shared', true),
 200                            'view_only':    WebUtil.getQueryVar('view_only', false),
 201                            'updateState':  updateState,
 202                            'onXvpInit':    xvpInit,
 203                            'onPasswordRequired':  passwordRequired});
 204             rfb.connect(host, port, password, path);
 205         };
 206         </script>
 207
 208     </body>
 209 </html>