mirror of
https://github.com/novnc/noVNC.git
synced 2026-05-26 23:19:41 +00:00
b5087acc24
The rfb variable wasn't available at the point settingsDisabled() was being called since it was called inline with RFB() initialization. To solve this we pass the updateState rfb variable so that the canvas can be queried for setting the cursor_uri value.
391 lines
12 KiB
JavaScript
391 lines
12 KiB
JavaScript
/*
|
|
* noVNC: HTML5 VNC client
|
|
* Copyright (C) 2010 Joel Martin
|
|
* Licensed under LGPL-3 (see LICENSE.LGPL-3)
|
|
*
|
|
* 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" checked> Local Cursor</li>';
|
|
html += ' <hr>';
|
|
|
|
// Stylesheet selection dropdown
|
|
html += ' <li><select id="VNC_stylesheet" name="vncStyle">';
|
|
html += ' <option value="default">default</option>';
|
|
sheet = Util.selectStylesheet();
|
|
sheets = Util.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');
|
|
Util.init_logging(DC.getSetting('logging'));
|
|
DC.initSetting('stylesheet', 'default');
|
|
|
|
Util.selectStylesheet(null); // call twice to get around webkit bug
|
|
Util.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', true);
|
|
|
|
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 = Util.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') {
|
|
Util.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;
|
|
}
|
|
Util.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 = Util.getQueryVar(name);
|
|
if (val === null) {
|
|
val = Util.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('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;
|
|
}
|
|
//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('stylesheet');
|
|
DC.saveSetting('logging');
|
|
|
|
// Settings with immediate (non-connected related) effect
|
|
Util.selectStylesheet(DC.getSetting('stylesheet'));
|
|
Util.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.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");
|
|
}
|
|
|
|
};
|