safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-06 21:27:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add scale function, use bounding div for main display element, such that the display can be scaled independently of the surrounding div, which provides the layout.

Browse Source
This commit is contained in:
Michael Jumper
2012-04-01 01:07:14 -07:00
parent 5e2858a413
commit dcf55cbd75
1 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
guacamole-common-js/src/main/resources/guacamole.js
View File

@@ -67,6 +67,7 @@ Guacamole.Client = function(tunnel) {
var displayWidth = 0; var displayWidth = 0;
var displayHeight = 0; var displayHeight = 0;
var displayScale = 1;
/** /**
* Translation from Guacamole protocol line caps to Layer line caps. * Translation from Guacamole protocol line caps to Layer line caps.
@@ -86,12 +87,26 @@ Guacamole.Client = function(tunnel) {
2: "round" 2: "round"
}; };
// Create bounding div
var bounds = document.createElement("div");
bounds.style.position = "relative";
bounds.style.width = (displayWidth*displayScale) + "px";
bounds.style.height = (displayHeight*displayScale) + "px";
// Create display // Create display
var display = document.createElement("div"); var display = document.createElement("div");
display.style.position = "relative"; display.style.position = "relative";
display.style.width = displayWidth + "px"; display.style.width = displayWidth + "px";
display.style.height = displayHeight + "px"; display.style.height = displayHeight + "px";
// Ensure transformations on display originate at 0,0
display.style.transformOrigin =
display.style.webkitTransformOrigin =
display.style.MozTransformOrigin =
display.style.OTransformOrigin =
display.style.msTransformOrigin =
"0 0";
// Create default layer // Create default layer
var default_layer_container = new Guacamole.Client.LayerContainer(displayWidth, displayHeight); var default_layer_container = new Guacamole.Client.LayerContainer(displayWidth, displayHeight);
@@ -116,6 +131,9 @@ Guacamole.Client = function(tunnel) {
display.appendChild(default_layer_container.getElement()); display.appendChild(default_layer_container.getElement());
display.appendChild(cursor.getElement()); display.appendChild(cursor.getElement());
// Add display to bounds
bounds.appendChild(display);
// Initially, only default layer exists // Initially, only default layer exists
var layers = [default_layer_container]; var layers = [default_layer_container];
@@ -158,7 +176,7 @@ Guacamole.Client = function(tunnel) {
} }
guac_client.getDisplay = function() { guac_client.getDisplay = function() {
return display; return bounds;
}; };
guac_client.sendKeyEvent = function(pressed, keysym) { guac_client.sendKeyEvent = function(pressed, keysym) {
@@ -651,6 +669,10 @@ Guacamole.Client = function(tunnel) {
display.style.width = displayWidth + "px"; display.style.width = displayWidth + "px";
display.style.height = displayHeight + "px"; display.style.height = displayHeight + "px";
// Update bounds size
bounds.style.width = (displayWidth*displayScale) + "px";
bounds.style.height = (displayHeight*displayScale) + "px";
} }
}, },
@@ -801,6 +823,24 @@ Guacamole.Client = function(tunnel) {
setState(STATE_WAITING); setState(STATE_WAITING);
}; };
guac_client.scale = function(scale) {
display.style.transform =
display.style.WebkitTransform =
display.style.MozTransform =
display.style.OTransform =
display.style.msTransform =
"scale(" + scale + "," + scale + ")";
displayScale = scale;
// Update bounds size
bounds.style.width = (displayWidth*displayScale) + "px";
bounds.style.height = (displayHeight*displayScale) + "px";
};
}; };