Commit b31c507b authored by Clément OUDOT's avatar Clément OUDOT
Browse files

Use jQuery UI styles

parent 1a499a52
......@@ -50,9 +50,9 @@
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
......
......@@ -11,7 +11,7 @@
/* Main */
body
{
font:normal 10pt sans-serif;
font:normal 9pt sans-serif;
margin:0;
padding:10px;
background:#000;
......@@ -32,8 +32,13 @@ a, a:link, a:visited
text-decoration:none;
}
/* Buttons and inputs*/
button, input
/* Buttons, Inputs*/
button
{
cursor:pointer;
}
input
{
font-weight:bold;
border:1px solid #bbb;
......@@ -42,11 +47,6 @@ button, input
}
/* Divs */
#header a, #header a:link, #header a:visited
{
color:#fff;
}
#header img, #header p
{
float:left;
......@@ -54,18 +54,12 @@ button, input
#header p
{
margin:5px 20px;
margin:5px 10px;
padding:5px;
border-style:dotted;
border-color:#bbb;
border-width:3px 0;
}
#page
{
background:#eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
clear:both;
margin-top:50px;
}
......@@ -99,9 +93,7 @@ button, input
padding:5px 10px;
background:#eee;
margin:10px auto;
border:3px solid #bbb;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #bbb;
}
#help h1, #buttons h1, #edition h1
......@@ -110,13 +102,13 @@ button, input
font-size:12pt;
padding:5px 10px;
margin:5px 10px;
background:#ddd;
}
#help_content
{
padding:5px;
overflow:auto;
cursor:help;
}
/* jQuery UI */
......
......@@ -7,8 +7,8 @@ var simpleTreeCollection;
$(document).ready(function(){
/* Drag and resize divs (require jQuery UI)*/
$("#help").draggable({ handle: 'h1' });
$("#help").resizable({ handles: 'all'});
$("#help").draggable({ handle: 'h1', opacity: '0.70' });
$("#help").resizable({ handles: 'all', alsoResize: '#help_content', ghost: 'true'});
/* Simple Tree */
simpleTreeCollection = $(".simpleTree").simpleTree({
......
......@@ -18,17 +18,17 @@ var scriptname='<TMPL_VAR NAME="SCRIPT_NAME">';var imagepath='<TMPL_VAR NAME="DI
<body>
<!-- Header -->
<div id="header">
<div id="header" class="ui-widget">
<img alt="Lemonldap::NG" src="<TMPL_VAR NAME="DIR">/logo_lemonldap-ng.png" class="logo" />
<p><a href="index.pl"><lang en="Configuration management" fr="Gestion de la configuration"/></a></p>
<p><a href="sessions.pl"><lang en="Sessions explorer" fr="Explorateur de sessions"/></a></p>
<p class="ui-state-default ui-corner-all ui-state-active"><a href="index.pl"><lang en="Configuration management" fr="Gestion de la configuration"/></a></p>
<p class="ui-state-default ui-corner-all"><a href="sessions.pl"><lang en="Sessions explorer" fr="Explorateur de sessions"/></a></p>
</div>
<!-- Main -->
<div id="page">
<div id="page" class="ui-corner-all ui-helper-clearfix ui-widget-content">
<!-- Menu (tree) -->
<div id="menu">
<div id="menu" class="ui-widget">
<TMPL_VAR NAME="MENU">
</div>
......@@ -36,45 +36,48 @@ var scriptname='<TMPL_VAR NAME="SCRIPT_NAME">';var imagepath='<TMPL_VAR NAME="DI
<div id="data">
<!-- All buttons -->
<div id="buttons">
<div id="buttons" class="ui-widget ui-corner-all">
<h1>
<h1 class="ui-widget-header ui-corner-all">
<lang en="Available actions" fr="Actions disponibles" />
</h1>
<button id="bsave" onclick="uploadConf()" >
<button id="bsave" onclick="uploadConf()" class="ui-state-default ui-corner-all" >
<lang en="Save" fr="Sauver" />
</button>
<button id="bapply" onclick="$.post(scriptname,{apply:1},function(data){return 1},'html');" >
<button id="bapply" onclick="$.post(scriptname,{apply:1},function(data){return 1},'html');" class="ui-state-default ui-corner-all">
<lang en="Apply" fr="Appliquer" />
</button>
<button id="newkbr" style="display:none;" onclick="newKeyR();return false;">
<button id="newkbr" style="display:none;" onclick="newKeyR();return false;" class="ui-state-default ui-corner-all">
<lang en="New key" fr="Nouvelle clef" />
</button>
<button id="newrbr" style="display:none;" onclick="newRuleR();return false;">
<button id="newrbr" style="display:none;" onclick="newRuleR();return false;" class="ui-state-default ui-corner-all">
<lang en="New rule" fr="Nouvelle règle" />
</button>
<button id="newkb" style="display:none;" onclick="newKey();return false;">
<button id="newkb" style="display:none;" onclick="newKey();return false;" class="ui-state-default ui-corner-all">
<lang en="New key" fr="Nouvelle clef" />
</button>
<button id="newrb" style="display:none;" onclick="newRule();return false;">
<button id="newrb" style="display:none;" onclick="newRule();return false;" class="ui-state-default ui-corner-all">
<lang en="New rule" fr="Nouvelle règle" />
</button>
<button id="delkb" style="display:none;" onclick="delKey();return false;">
<button id="delkb" style="display:none;" onclick="delKey();return false;" class="ui-state-default ui-corner-all">
<lang en="Delete key" fr="Effacer la clef" />
</button>
</div>
<form id="edition" action="#" onsubmit="return false">
<div id="edition" class="ui-widget ui-corner-all">
<form action="#" onsubmit="return false">
<h1>
<h1 class="ui-widget-header ui-corner-all">
<lang en="Values to edit" fr="Valeurs à éditer" />
</h1>
......@@ -111,18 +114,17 @@ var scriptname='<TMPL_VAR NAME="SCRIPT_NAME">';var imagepath='<TMPL_VAR NAME="DI
</div>
</div>
</form>
</form>
</div>
</div>
<hr style="width:0px;clear:both" />
</div>
<div id="help">
<h1><lang en="Help" fr="Aide"/></h1>
<div id="help" class="ui-widget ui-corner-all">
<h1 class="ui-widget-header ui-corner-all"><lang en="Help" fr="Aide"/></h1>
<div id="help_content">
<div id="help_content" class="ui-widget-content">
<!-- AJAX content -->
<lang en="Click on the configuration tree to edit parameters" fr="Cliquer sur l'arbre de configuration pour éditer les paramètres" />
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment