dani/lemonldap-ng
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MANAGER:

Browse Source 
- Add icons to hide/show contents, boutons and help
- Help layer should now be auto hidden when there is no place to display it
This commit is contained in:
Thomas CHEMINEAU 2010-03-18 14:08:34 +00:00
parent 44cb9657a8
commit 3bf4c14d1c
5 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
modules/lemonldap-ng-manager/example/skins/default/images/1downarrow_16x16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 807 B

BIN
modules/lemonldap-ng-manager/example/skins/default/images/1rightarrow_16x16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 836 B

7
modules/lemonldap-ng-manager/example/skins/default/manager.css
View File

@ -111,6 +111,13 @@ input
cursor:pointer;
}
#help h1 img, #buttons h1 img, #edition h1 img
{
vertical-align:bottom;
margin-bottom:2px;
margin-right:5px;
}
#help_content, #buttons_content, #content
{
padding:5px 10px;

9
modules/lemonldap-ng-manager/example/skins/default/manager.js
View File

@ -12,12 +12,15 @@ if (treejquerycss.match('true')){ treejquerycss = true; } else { treejquerycss =
$(document).ready(function(){
/* Display/hide divs */
$("#buttons h1").click(function(){
$('#buttons h1 img').toggle();
$("#buttons_content").slideToggle('fast');
});
$("#edition h1").click(function(){
$('#edition h1 img').toggle();
$("#content").slideToggle('fast');
});
$("#help h1").click(function(){
$('#help h1 img').toggle();
$("#help_content").slideToggle('fast');
});
@ -281,6 +284,12 @@ function display(div,title) {
$('#newsamlmetadatab,#delsamlmetadatab').hide();
$('#newsamlattributeb,#delsamlattributeb').hide();
$('#newsamlattributebr').hide();
var height_cur=$('#buttons').height()+$('#edition').height()+$('#help').height();
var height_max=$('#menu').height();
if(height_cur > height_max || $('#help_content').is(':visible')==false){
$('#help h1 img').toggle();
$('#help_content').toggle();
}
}
function none(id) {
currentId=id;

13
modules/lemonldap-ng-manager/example/skins/default/manager.tpl
View File

@ -63,6 +63,8 @@
<div id="buttons" class="ui-corner-all">
<h1 class="ui-widget-header ui-corner-all">
<img src="<TMPL_VAR NAME="DIR">/images/1downarrow_16x16.png" />
<img src="<TMPL_VAR NAME="DIR">/images/1rightarrow_16x16.png" class="hidden" />
<lang en="Available actions" fr="Actions disponibles" />
</h1>
@ -130,8 +132,9 @@
<form action="#" onsubmit="return false">
<h1 class="ui-widget-header ui-corner-all">
<lang en="Edit key " fr="Édition de la clé " />
<span id="content_title">&nbsp;</span>
<img src="<TMPL_VAR NAME="DIR">/images/1downarrow_16x16.png" />
<img src="<TMPL_VAR NAME="DIR">/images/1rightarrow_16x16.png" class="hidden" />
<lang en="Edit key " fr="Édition de la clé " /><span id="content_title">&nbsp;</span>
</h1>
@ -358,7 +361,11 @@
<!-- Help -->
<div id="help" class="ui-corner-all">
<h1 class="ui-widget-header ui-corner-all"><lang en="Help" fr="Aide"/></h1>
<h1 class="ui-widget-header ui-corner-all">
<img src="<TMPL_VAR NAME="DIR">/images/1downarrow_16x16.png" />
<img src="<TMPL_VAR NAME="DIR">/images/1rightarrow_16x16.png" class="hidden" />
<lang en="Help" fr="Aide"/>
</h1>
<div id="help_content" class="ui-widget-content ui-corner-all">
<!-- AJAX content -->