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

Hide menu on connect, remove rounded edges of clipboard, separate menu hide/show code into own file.

Browse Source
This commit is contained in:
Michael Jumper
2011-11-19 23:05:12 -08:00
parent 8aa228a290
commit cd7ffd4e63
3 changed files with 59 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -79,6 +79,7 @@
<script type="text/javascript" src="guacamole-common-js/tunnel.js"></script> <script type="text/javascript" src="guacamole-common-js/tunnel.js"></script>
<script type="text/javascript" src="guacamole-common-js/guacamole.js"></script> <script type="text/javascript" src="guacamole-common-js/guacamole.js"></script>
<script type="text/javascript" src="guacamole-common-js/oskeyboard.js"></script> <script type="text/javascript" src="guacamole-common-js/oskeyboard.js"></script>
<script type="text/javascript" src="scripts/interface.js"></script>
<!-- Init --> <!-- Init -->
<script type="text/javascript"> /* <![CDATA[ */ <script type="text/javascript"> /* <![CDATA[ */
@@ -114,6 +115,7 @@
display.className = display.className.replace(/guac-loading/, ''); display.className = display.className.replace(/guac-loading/, '');
menu.className = "connected"; menu.className = "connected";
state.textContent = "Connected."; state.textContent = "Connected.";
shadeMenu();
break; break;
case 4: case 4:
state.textContent = "Disconnecting..."; state.textContent = "Disconnecting...";
@@ -332,67 +334,12 @@
// TODO: Handle exception ... // 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() { display.onmouseout = function() {
showMenu(); showMenu();
}; };
display.onmouseover = function() { display.onmouseover = function() {
hideMenu(); shadeMenu();
}; };

56
guacamole/src/main/webapp/scripts/interface.js Normal file
View File

@@ -0,0 +1,56 @@
var menu_shaded = false;
var shade_interval = null;
var show_interval = null;
function shadeMenu() {
if (!menu_shaded) {
var step = Math.floor(menu.offsetHeight / 5) + 1;
var offset = 0;
menu_shaded = true;
window.clearInterval(show_interval);
shade_interval = window.setInterval(function() {
offset -= step;
menu.style.top = offset + "px";
if (offset <= -menu.offsetHeight) {
window.clearInterval(shade_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(shade_interval);
show_interval = window.setInterval(function() {
offset += step;
if (offset >= 0) {
offset = 0;
window.clearInterval(show_interval);
}
menu.style.top = offset + "px";
}, 30);
}
}

4
guacamole/src/main/webapp/styles/client.css
View File

@@ -125,10 +125,6 @@ div#clipboardDiv {
padding: 1em; padding: 1em;
border: 1px solid black; border: 1px solid black;
-khtml-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
width: 50em; width: 50em;
opacity: 0.5; opacity: 0.5;