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

Connection icons, initial autohiding menu implementation.

Browse Source
This commit is contained in:
Michael Jumper
2011-11-19 22:16:05 -08:00
parent 0b93ea05a7
commit 8aa228a290
6 changed files with 88 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
guacamole/src/main/webapp/client.xhtml
View File

@@ -97,13 +97,6 @@
var errorDialog = document.getElementById("errorDialog");
var errorDialogText = document.getElementById("errorText");
// Position display correctly
window.onresize = function() {
display.style.top = menu.offsetHeight + "px";
};
window.onresize();
var state = document.getElementById("state");
guac.onstatechange = function(clientState) {
@@ -184,6 +177,10 @@
var mouse = new Guacamole.Mouse(display);
mouse.onmousedown = mouse.onmouseup = mouse.onmousemove =
function(mouseState) {
if (mouseState.y <= 5)
showMenu();
guac.sendMouseState(mouseState);
};
@@ -335,6 +332,69 @@
// TODO: Handle exception ...
}
var menu_shaded = false;
var hide_interval = null;
var show_interval = null;
function hideMenu() {
if (!menu_shaded) {
var step = Math.floor(menu.offsetHeight / 5) + 1;
var offset = 0;
menu_shaded = true;
window.clearInterval(show_interval);
hide_interval = window.setInterval(function() {
offset -= step;
menu.style.top = offset + "px";
if (offset <= -menu.offsetHeight) {
window.clearInterval(hide_interval);
menu.style.visiblity = "hidden";
}
}, 30);
}
}
function showMenu() {
if (menu_shaded) {
var step = Math.floor(menu.offsetHeight / 5) + 1;
var offset = -menu.offsetHeight;
menu_shaded = false;
menu.style.visiblity = "";
window.clearInterval(hide_interval);
show_interval = window.setInterval(function() {
offset += step;
if (offset >= 0) {
offset = 0;
window.clearInterval(show_interval);
}
menu.style.top = offset + "px";
}, 30);
}
}
display.onmouseout = function() {
showMenu();
};
display.onmouseover = function() {
hideMenu();
};
/* ]]> */ </script>