mirror of
https://github.com/novnc/noVNC.git
synced 2026-05-27 23:49:39 +00:00
f1a9971c82
If shared mode is false, then the server should disconnect other connections before the current connection is allowed to proceed.
405 lines
13 KiB
JavaScript
405 lines
13 KiB
JavaScript
/*
|
|
* noVNC: HTML5 VNC client
|
|
* Copyright (C) 2010 Joel Martin
|
|
* Licensed under LGPL-3 (see LICENSE.txt)
|
|
*
|
|
* See README.md for usage and integration instructions.
|
|
*/
|
|
"use strict";
|
|
/*jslint white: false */
|
|
/*global $, Util, RFB, Canvas, VNC_uri_prefix, Element, Fx */
|
|
|
|
var DefaultControls = {
|
|
|
|
settingsOpen : false,
|
|
|
|
// Render default controls and initialize settings menu
|
|
load: function(target) {
|
|
var html, i, DC = DefaultControls, sheet, sheets, llevels;
|
|
|
|
/* Populate the 'target' DOM element with default controls */
|
|
if (!target) { target = 'vnc'; }
|
|
|
|
html = "";
|
|
html += '<div id="VNC_controls">';
|
|
html += ' <ul>';
|
|
html += ' <li>Host: <input id="VNC_host"></li>';
|
|
html += ' <li>Port: <input id="VNC_port"></li>';
|
|
html += ' <li>Password: <input id="VNC_password"';
|
|
html += ' type="password"></li>';
|
|
html += ' <li><input id="VNC_connect_button" type="button"';
|
|
html += ' value="Loading" disabled></li>';
|
|
html += ' </ul>';
|
|
html += '</div>';
|
|
html += '<div id="VNC_screen">';
|
|
html += ' <div id="VNC_status_bar" class="VNC_status_bar" style="margin-top: 0px;">';
|
|
html += ' <table border=0 width=100%><tr>';
|
|
html += ' <td><div id="VNC_status">Loading</div></td>';
|
|
html += ' <td width=1%><div class="VNC_buttons_right">';
|
|
html += ' <input type=button class="VNC_status_button" value="Settings"';
|
|
html += ' id="menuButton"';
|
|
html += ' onclick="DefaultControls.clickSettingsMenu();">';
|
|
html += ' <span id="VNC_settings_menu"';
|
|
html += ' onmouseover="DefaultControls.canvasBlur();"';
|
|
html += ' onmouseout="DefaultControls.canvasFocus();">';
|
|
html += ' <ul>';
|
|
html += ' <li><input id="VNC_encrypt"';
|
|
html += ' type="checkbox"> Encrypt</li>';
|
|
html += ' <li><input id="VNC_true_color"';
|
|
html += ' type="checkbox" checked> True Color</li>';
|
|
html += ' <li><input id="VNC_cursor"';
|
|
html += ' type="checkbox"> Local Cursor</li>';
|
|
html += ' <li><input id="VNC_shared"';
|
|
html += ' type="checkbox"> Shared Mode</li>';
|
|
html += ' <li><input id="VNC_connectTimeout"';
|
|
html += ' type="input"> Connect Timeout (s)</li>';
|
|
html += ' <hr>';
|
|
|
|
// Stylesheet selection dropdown
|
|
html += ' <li><select id="VNC_stylesheet" name="vncStyle">';
|
|
html += ' <option value="default">default</option>';
|
|
sheet = WebUtil.selectStylesheet();
|
|
sheets = WebUtil.getStylesheets();
|
|
for (i = 0; i < sheets.length; i += 1) {
|
|
html += '<option value="' + sheets[i].title + '">' + sheets[i].title + '</option>';
|
|
}
|
|
html += ' </select> Style</li>';
|
|
|
|
// Logging selection dropdown
|
|
html += ' <li><select id="VNC_logging" name="vncLogging">';
|
|
llevels = ['error', 'warn', 'info', 'debug'];
|
|
for (i = 0; i < llevels.length; i += 1) {
|
|
html += '<option value="' + llevels[i] + '">' + llevels[i] + '</option>';
|
|
}
|
|
html += ' </select> Logging</li>';
|
|
|
|
html += ' <hr>';
|
|
html += ' <li><input type="button" id="VNC_apply" value="Apply"';
|
|
html += ' onclick="DefaultControls.settingsApply()"></li>';
|
|
html += ' </ul>';
|
|
html += ' </span></div></td>';
|
|
html += ' <td width=1%><div class="VNC_buttons_right">';
|
|
html += ' <input type=button class="VNC_status_button" value="Send CtrlAltDel"';
|
|
html += ' id="sendCtrlAltDelButton"';
|
|
html += ' onclick="DefaultControls.sendCtrlAltDel();"></div></td>';
|
|
html += ' </tr></table>';
|
|
html += ' </div>';
|
|
html += ' <canvas id="VNC_canvas" width="640px" height="20px">';
|
|
html += ' Canvas not supported.';
|
|
html += ' </canvas>';
|
|
html += '</div>';
|
|
html += '<br><br>';
|
|
html += '<div id="VNC_clipboard">';
|
|
html += ' VNC Clipboard:';
|
|
html += ' <input id="VNC_clipboard_clear_button"';
|
|
html += ' type="button" value="Clear"';
|
|
html += ' onclick="DefaultControls.clipClear();">';
|
|
html += ' <br>';
|
|
html += ' <textarea id="VNC_clipboard_text" cols=80 rows=5';
|
|
html += ' onfocus="DefaultControls.canvasBlur();"';
|
|
html += ' onblur="DefaultControls.canvasFocus();"';
|
|
html += ' onchange="DefaultControls.clipSend();"></textarea>';
|
|
html += '</div>';
|
|
$(target).innerHTML = html;
|
|
|
|
// Settings with immediate effects
|
|
DC.initSetting('logging', 'warn');
|
|
WebUtil.init_logging(DC.getSetting('logging'));
|
|
DC.initSetting('stylesheet', 'default');
|
|
|
|
WebUtil.selectStylesheet(null); // call twice to get around webkit bug
|
|
WebUtil.selectStylesheet(DC.getSetting('stylesheet'));
|
|
|
|
/* Populate the controls if defaults are provided in the URL */
|
|
DC.initSetting('host', '');
|
|
DC.initSetting('port', '');
|
|
DC.initSetting('password', '');
|
|
DC.initSetting('encrypt', false);
|
|
DC.initSetting('true_color', true);
|
|
DC.initSetting('cursor', false);
|
|
DC.initSetting('shared', true);
|
|
DC.initSetting('connectTimeout', 2);
|
|
|
|
DC.rfb = RFB({'target': 'VNC_canvas',
|
|
'updateState': DC.updateState,
|
|
'clipboardReceive': DC.clipReceive});
|
|
|
|
// Unfocus clipboard when over the VNC area
|
|
$('VNC_screen').onmousemove = function () {
|
|
var canvas = DC.rfb.get_canvas();
|
|
if ((! canvas) || (! canvas.get_focused())) {
|
|
$('VNC_clipboard_text').blur();
|
|
}
|
|
};
|
|
|
|
},
|
|
|
|
// Read form control compatible setting from cookie
|
|
getSetting: function(name) {
|
|
var val, ctrl = $('VNC_' + name);
|
|
val = WebUtil.readCookie(name);
|
|
if (ctrl.type === 'checkbox') {
|
|
if (val.toLowerCase() in {'0':1, 'no':1, 'false':1}) {
|
|
val = false;
|
|
} else {
|
|
val = true;
|
|
}
|
|
}
|
|
return val;
|
|
},
|
|
|
|
// Update cookie and form control setting. If value is not set, then
|
|
// updates from control to current cookie setting.
|
|
updateSetting: function(name, value) {
|
|
var i, ctrl = $('VNC_' + name);
|
|
// Save the cookie for this session
|
|
if (typeof value !== 'undefined') {
|
|
WebUtil.createCookie(name, value);
|
|
}
|
|
|
|
// Update the settings control
|
|
value = DefaultControls.getSetting(name);
|
|
if (ctrl.type === 'checkbox') {
|
|
ctrl.checked = value;
|
|
} else if (typeof ctrl.options !== 'undefined') {
|
|
for (i = 0; i < ctrl.options.length; i += 1) {
|
|
if (ctrl.options[i].value === value) {
|
|
ctrl.selectedIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
ctrl.value = value;
|
|
}
|
|
},
|
|
|
|
// Save control setting to cookie
|
|
saveSetting: function(name) {
|
|
var val, ctrl = $('VNC_' + name);
|
|
if (ctrl.type === 'checkbox') {
|
|
val = ctrl.checked;
|
|
} else if (typeof ctrl.options !== 'undefined') {
|
|
val = ctrl.options[ctrl.selectedIndex].value;
|
|
} else {
|
|
val = ctrl.value;
|
|
}
|
|
WebUtil.createCookie(name, val);
|
|
//Util.Debug("Setting saved '" + name + "=" + val + "'");
|
|
return val;
|
|
},
|
|
|
|
// Initial page load read/initialization of settings
|
|
initSetting: function(name, defVal) {
|
|
var val;
|
|
|
|
// Check Query string followed by cookie
|
|
val = WebUtil.getQueryVar(name);
|
|
if (val === null) {
|
|
val = WebUtil.readCookie(name, defVal);
|
|
}
|
|
DefaultControls.updateSetting(name, val);
|
|
//Util.Debug("Setting '" + name + "' initialized to '" + val + "'");
|
|
return val;
|
|
},
|
|
|
|
|
|
// Toggle the settings menu:
|
|
// On open, settings are refreshed from saved cookies.
|
|
// On close, settings are applied
|
|
clickSettingsMenu: function() {
|
|
var DC = DefaultControls;
|
|
if (DC.settingsOpen) {
|
|
DC.settingsApply();
|
|
|
|
DC.closeSettingsMenu();
|
|
} else {
|
|
DC.updateSetting('encrypt');
|
|
DC.updateSetting('true_color');
|
|
if (DC.rfb.get_canvas().get_cursor_uri()) {
|
|
DC.updateSetting('cursor');
|
|
} else {
|
|
DC.updateSetting('cursor', false);
|
|
$('VNC_cursor').disabled = true;
|
|
}
|
|
DC.updateSetting('shared');
|
|
DC.updateSetting('connectTimeout');
|
|
DC.updateSetting('stylesheet');
|
|
DC.updateSetting('logging');
|
|
|
|
DC.openSettingsMenu();
|
|
}
|
|
},
|
|
|
|
// Open menu
|
|
openSettingsMenu: function() {
|
|
$('VNC_settings_menu').style.display = "block";
|
|
DefaultControls.settingsOpen = true;
|
|
},
|
|
|
|
// Close menu (without applying settings)
|
|
closeSettingsMenu: function() {
|
|
$('VNC_settings_menu').style.display = "none";
|
|
DefaultControls.settingsOpen = false;
|
|
},
|
|
|
|
// Disable/enable controls depending on connection state
|
|
settingsDisabled: function(disabled, rfb) {
|
|
//Util.Debug(">> settingsDisabled");
|
|
$('VNC_encrypt').disabled = disabled;
|
|
$('VNC_true_color').disabled = disabled;
|
|
if (rfb && rfb.get_canvas().get_cursor_uri()) {
|
|
$('VNC_cursor').disabled = disabled;
|
|
} else {
|
|
DefaultControls.updateSetting('cursor', false);
|
|
$('VNC_cursor').disabled = true;
|
|
}
|
|
$('VNC_shared').disabled = disabled;
|
|
$('VNC_connectTimeout').disabled = disabled;
|
|
//Util.Debug("<< settingsDisabled");
|
|
},
|
|
|
|
// Save/apply settings when 'Apply' button is pressed
|
|
settingsApply: function() {
|
|
//Util.Debug(">> settingsApply");
|
|
var DC = DefaultControls;
|
|
DC.saveSetting('encrypt');
|
|
DC.saveSetting('true_color');
|
|
if (DC.rfb.get_canvas().get_cursor_uri()) {
|
|
DC.saveSetting('cursor');
|
|
}
|
|
DC.saveSetting('shared');
|
|
DC.saveSetting('connectTimeout');
|
|
DC.saveSetting('stylesheet');
|
|
DC.saveSetting('logging');
|
|
|
|
// Settings with immediate (non-connected related) effect
|
|
WebUtil.selectStylesheet(DC.getSetting('stylesheet'));
|
|
WebUtil.init_logging(DC.getSetting('logging'));
|
|
|
|
//Util.Debug("<< settingsApply");
|
|
},
|
|
|
|
|
|
|
|
setPassword: function() {
|
|
DefaultControls.rfb.sendPassword($('VNC_password').value);
|
|
return false;
|
|
},
|
|
|
|
sendCtrlAltDel: function() {
|
|
DefaultControls.rfb.sendCtrlAltDel();
|
|
},
|
|
|
|
updateState: function(rfb, state, oldstate, msg) {
|
|
var s, sb, c, cad, klass;
|
|
s = $('VNC_status');
|
|
sb = $('VNC_status_bar');
|
|
c = $('VNC_connect_button');
|
|
cad = $('sendCtrlAltDelButton');
|
|
switch (state) {
|
|
case 'failed':
|
|
case 'fatal':
|
|
c.disabled = true;
|
|
cad.disabled = true;
|
|
DefaultControls.settingsDisabled(true, rfb);
|
|
klass = "VNC_status_error";
|
|
break;
|
|
case 'normal':
|
|
c.value = "Disconnect";
|
|
c.onclick = DefaultControls.disconnect;
|
|
c.disabled = false;
|
|
cad.disabled = false;
|
|
DefaultControls.settingsDisabled(true, rfb);
|
|
klass = "VNC_status_normal";
|
|
break;
|
|
case 'disconnected':
|
|
case 'loaded':
|
|
c.value = "Connect";
|
|
c.onclick = DefaultControls.connect;
|
|
|
|
c.disabled = false;
|
|
cad.disabled = true;
|
|
DefaultControls.settingsDisabled(false, rfb);
|
|
klass = "VNC_status_normal";
|
|
break;
|
|
case 'password':
|
|
c.value = "Send Password";
|
|
c.onclick = DefaultControls.setPassword;
|
|
|
|
c.disabled = false;
|
|
cad.disabled = true;
|
|
DefaultControls.settingsDisabled(true, rfb);
|
|
klass = "VNC_status_warn";
|
|
break;
|
|
default:
|
|
c.disabled = true;
|
|
cad.disabled = true;
|
|
DefaultControls.settingsDisabled(true, rfb);
|
|
klass = "VNC_status_warn";
|
|
break;
|
|
}
|
|
|
|
if (typeof(msg) !== 'undefined') {
|
|
s.setAttribute("class", klass);
|
|
sb.setAttribute("class", klass);
|
|
s.innerHTML = msg;
|
|
}
|
|
|
|
},
|
|
|
|
clipReceive: function(rfb, text) {
|
|
Util.Debug(">> DefaultControls.clipReceive: " + text.substr(0,40) + "...");
|
|
$('VNC_clipboard_text').value = text;
|
|
Util.Debug("<< DefaultControls.clipReceive");
|
|
},
|
|
|
|
|
|
connect: function() {
|
|
var host, port, password, DC = DefaultControls;
|
|
|
|
DC.closeSettingsMenu();
|
|
|
|
host = $('VNC_host').value;
|
|
port = $('VNC_port').value;
|
|
password = $('VNC_password').value;
|
|
if ((!host) || (!port)) {
|
|
throw("Must set host and port");
|
|
}
|
|
|
|
DC.rfb.set_encrypt(DC.getSetting('encrypt'));
|
|
DC.rfb.set_true_color(DC.getSetting('true_color'));
|
|
DC.rfb.set_local_cursor(DC.getSetting('cursor'));
|
|
DC.rfb.set_shared(DC.getSetting('shared'));
|
|
DC.rfb.set_connectTimeout(DC.getSetting('connectTimeout'));
|
|
|
|
DC.rfb.connect(host, port, password);
|
|
},
|
|
|
|
disconnect: function() {
|
|
DefaultControls.closeSettingsMenu();
|
|
|
|
DefaultControls.rfb.disconnect();
|
|
},
|
|
|
|
canvasBlur: function() {
|
|
DefaultControls.rfb.get_canvas().set_focused(false);
|
|
},
|
|
|
|
canvasFocus: function() {
|
|
DefaultControls.rfb.get_canvas().set_focused(true);
|
|
},
|
|
|
|
clipClear: function() {
|
|
$('VNC_clipboard_text').value = "";
|
|
DefaultControls.rfb.clipboardPasteFrom("");
|
|
},
|
|
|
|
clipSend: function() {
|
|
var text = $('VNC_clipboard_text').value;
|
|
Util.Debug(">> DefaultControls.clipSend: " + text.substr(0,40) + "...");
|
|
DefaultControls.rfb.clipboardPasteFrom(text);
|
|
Util.Debug("<< DefaultControls.clipSend");
|
|
}
|
|
|
|
};
|