Update Impact skin to display categories and applications (#246)
This commit is contained in:
parent
a2dac450de
commit
5023c3d684
|
@ -82,6 +82,7 @@ example/skins/dark/password.tpl
|
||||||
example/skins/dark/standardform.tpl
|
example/skins/dark/standardform.tpl
|
||||||
example/skins/impact/authmessage.tpl
|
example/skins/impact/authmessage.tpl
|
||||||
example/skins/impact/confirm.tpl
|
example/skins/impact/confirm.tpl
|
||||||
|
example/skins/impact/css/styles.css
|
||||||
example/skins/impact/error.tpl
|
example/skins/impact/error.tpl
|
||||||
example/skins/impact/footer.tpl
|
example/skins/impact/footer.tpl
|
||||||
example/skins/impact/header.tpl
|
example/skins/impact/header.tpl
|
||||||
|
@ -92,8 +93,6 @@ example/skins/impact/images/logo-lock.png
|
||||||
example/skins/impact/images/logo-ok.png
|
example/skins/impact/images/logo-ok.png
|
||||||
example/skins/impact/images/logo-warn.png
|
example/skins/impact/images/logo-warn.png
|
||||||
example/skins/impact/images/logo_lemonldap-ng_400px.png
|
example/skins/impact/images/logo_lemonldap-ng_400px.png
|
||||||
example/skins/impact/impact.css
|
|
||||||
example/skins/impact/impact.js
|
|
||||||
example/skins/impact/info.tpl
|
example/skins/impact/info.tpl
|
||||||
example/skins/impact/login.tpl
|
example/skins/impact/login.tpl
|
||||||
example/skins/impact/mail.tpl
|
example/skins/impact/mail.tpl
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background:#F0F0F0 url("images/bg.png") repeat-x;
|
background:#F0F0F0 url("../images/bg.png") repeat-x;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
font-family:Arial, Helvetica, Verdana;
|
font-family:Arial, Helvetica, Verdana;
|
||||||
}
|
}
|
||||||
|
@ -35,7 +35,7 @@ form input[name=user] {
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #aaa;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
background: #FFFFFF url("../common/user_suit.png") 5px 5px no-repeat;
|
background: #FFFFFF url("../../common/user_suit.png") 5px 5px no-repeat;
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -43,7 +43,7 @@ form input[type=password] {
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #aaa;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
background: #FFFFFF url("../common/key.png") 5px 5px no-repeat;
|
background: #FFFFFF url("../../common/key.png") 5px 5px no-repeat;
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -51,7 +51,7 @@ form input[name=mail] {
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #aaa;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
background: #FFFFFF url("../common/email.png") 5px 5px no-repeat;
|
background: #FFFFFF url("../../common/email.png") 5px 5px no-repeat;
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -59,7 +59,7 @@ form input[name=openid_identifier] {
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #aaa;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
background: #FFFFFF url("../common/openid-16x16.gif") 5px 5px no-repeat;
|
background: #FFFFFF url("../../common/openid-16x16.gif") 5px 5px no-repeat;
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -144,7 +144,6 @@ div.authLogo {
|
||||||
|
|
||||||
#content-all {
|
#content-all {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: 322px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#content-all table {
|
#content-all table {
|
||||||
|
@ -169,7 +168,6 @@ div.authLogo {
|
||||||
|
|
||||||
#content-all-info2 {
|
#content-all-info2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 165px;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
background-color: #D5EFD1;
|
background-color: #D5EFD1;
|
||||||
|
@ -211,7 +209,6 @@ div.authLogo {
|
||||||
}
|
}
|
||||||
|
|
||||||
#content-right {
|
#content-right {
|
||||||
height: 320px;
|
|
||||||
margin-left: 400px;
|
margin-left: 400px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: #D5EFD1;
|
background-color: #D5EFD1;
|
||||||
|
@ -262,16 +259,56 @@ div.authLogo {
|
||||||
/* Applications layer */
|
/* Applications layer */
|
||||||
/* -------------------------------------------------------------------------- */
|
/* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
#appslist ul.category {
|
.clearfix {
|
||||||
display: none;
|
clear:both;
|
||||||
}
|
}
|
||||||
|
|
||||||
#appslist div.appsdesc {
|
div.category {
|
||||||
display: none;
|
border:1px solid #B5CFB6;
|
||||||
|
-moz-border-radius:10px 10px 10px 10px;
|
||||||
|
-webkit-border-radius:10px 10px 10px 10px;
|
||||||
|
margin:10px 50px;
|
||||||
|
padding:0;
|
||||||
|
clear:both;
|
||||||
}
|
}
|
||||||
|
|
||||||
#appsselector {
|
div.category h3.catname {
|
||||||
width: 300px;
|
background-color:#C7DFC3;
|
||||||
|
-moz-border-radius:10px 10px 0 0;
|
||||||
|
margin:0;
|
||||||
|
padding:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.application {
|
||||||
|
margin:10px;
|
||||||
|
padding:5px;
|
||||||
|
float:left;
|
||||||
|
width:200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.application:hover {
|
||||||
|
background:#C7DFC3;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.application img.applogo {
|
||||||
|
width:32px;
|
||||||
|
height:32px;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.application h4.appname {
|
||||||
|
text-align:left;
|
||||||
|
padding:0 5px;
|
||||||
|
margin:0 0 0 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.application p.appdesc {
|
||||||
|
text-align:left;
|
||||||
|
padding:0 5px;
|
||||||
|
margin:0 0 0 40px;
|
||||||
|
text-size:8pt;
|
||||||
|
color:#000;
|
||||||
|
font-style:italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------- */
|
/* -------------------------------------------------------------------------- */
|
|
@ -1,10 +1,10 @@
|
||||||
<div id="layout-footer">
|
<div id="layout-footer">
|
||||||
<p>
|
<p>
|
||||||
<lang en="Service provided by" fr="Ce service est fourni par" />
|
<lang en="Service provided by" fr="Ce service est fourni par" />
|
||||||
<a href="http://lemonldap.ow2.org" target="_blank">LemonLDAP::NG</a>,
|
<a href="http://lemonldap-ng.org" target="_blank">LemonLDAP::NG</a>,
|
||||||
<lang en="free software covered by the GPL license" fr="logiciel libre protégé par la licence GPL" />.
|
<lang en="free software covered by the GPL license" fr="logiciel libre protégé par la licence GPL" />.
|
||||||
</p>
|
</p>
|
||||||
<a href="http://lemonldap.ow2.org" target="_blank"><img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo_lemonldap-ng_400px.png" alt="LemonLDAP::NG logo" width="120" /></a>
|
<a href="http://lemonldap-ng.org" target="_blank"><img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo_lemonldap-ng_400px.png" alt="LemonLDAP::NG logo" width="120" /></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
<meta http-equiv="Content-Script-Type" content="text/javascript" />
|
<meta http-equiv="Content-Script-Type" content="text/javascript" />
|
||||||
<meta http-equiv="cache-control" content="no-cache" />
|
<meta http-equiv="cache-control" content="no-cache" />
|
||||||
<link rel="stylesheet" type="text/css" href="/skins/<TMPL_VAR NAME="SKIN">/impact.css" />
|
<link rel="stylesheet" type="text/css" href="/skins/<TMPL_VAR NAME="SKIN">/css/styles.css" />
|
||||||
<link href="/skins/common/favicon.ico" rel="icon" type="image/x-icon" />
|
<link href="/skins/common/favicon.ico" rel="icon" type="image/x-icon" />
|
||||||
<link href="/skins/common/favicon.ico" rel="shortcut icon" />
|
<link href="/skins/common/favicon.ico" rel="shortcut icon" />
|
||||||
<TMPL_IF NAME="PROVIDERURI">
|
<TMPL_IF NAME="PROVIDERURI">
|
||||||
|
@ -24,10 +24,7 @@
|
||||||
var login='<TMPL_VAR NAME="LOGIN">';
|
var login='<TMPL_VAR NAME="LOGIN">';
|
||||||
var newwindow='<TMPL_VAR NAME="NEWWINDOW">';
|
var newwindow='<TMPL_VAR NAME="NEWWINDOW">';
|
||||||
var antiframe='<TMPL_VAR NAME="ANTIFRAME">';
|
var antiframe='<TMPL_VAR NAME="ANTIFRAME">';
|
||||||
var confirmlogoutmsg='<lang en="Are your sure you want to disconnect?" fr="Êtes vous sûr de vouloir vous déconnecter ?" />';
|
|
||||||
var confirmlogouttitle='<lang en="Confirmation" fr="Confirmation" />';
|
|
||||||
//]]></script>
|
//]]></script>
|
||||||
<script type="text/javascript" src="/skins/<TMPL_VAR NAME="SKIN">/impact.js"></script>
|
|
||||||
<script type="text/javascript" src="/skins/common/portal.js"></script>
|
<script type="text/javascript" src="/skins/common/portal.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -1,30 +0,0 @@
|
||||||
|
|
||||||
$(document).ready(function(){
|
|
||||||
var select='<select id="appsselector">';
|
|
||||||
$('#appslist').find('li.appname').each(function(index){
|
|
||||||
var link=$(this).find('a').get(0);
|
|
||||||
var title=$(link).html();
|
|
||||||
var url=$(link).attr('href');
|
|
||||||
select+='<option value="'+url+'">'+title+'</option>';
|
|
||||||
});
|
|
||||||
select+='</select>';
|
|
||||||
select+='<input type="button" onclick="goToApplication();return false;" value="OK" />';
|
|
||||||
$('#appslist').append(select);
|
|
||||||
$('#logout').hide();
|
|
||||||
});
|
|
||||||
|
|
||||||
function goToApplication(){
|
|
||||||
var select=$('#appsselector option:selected').get(0);
|
|
||||||
var url=$(select).attr('value');
|
|
||||||
location.href=url;
|
|
||||||
}
|
|
||||||
|
|
||||||
function showLogoutBox(url){
|
|
||||||
$('#layout').fadeTo('fast',0.1);
|
|
||||||
jConfirm(confirmlogoutmsg, confirmlogouttitle, function(r) {
|
|
||||||
$('#layout').fadeTo('fast',1);
|
|
||||||
if(r){location.href=url;};
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
|
@ -40,12 +40,113 @@
|
||||||
|
|
||||||
<TMPL_IF NAME="Appslist">
|
<TMPL_IF NAME="Appslist">
|
||||||
<div id="appslist">
|
<div id="appslist">
|
||||||
<br/><br/>
|
|
||||||
<p class="text-label">
|
<p class="text-label">
|
||||||
<lang en="Choose an application your are allowed to access to" fr="Choisissez une application à laquelle vous êtes autorisées à accéder" /> :
|
<lang en="Choose an application your are allowed to access to" fr="Choisissez une application à laquelle vous êtes autorisées à accéder" /> :
|
||||||
</p>
|
</p>
|
||||||
<TMPL_VAR NAME="APPSLIST_MENU">
|
<TMPL_LOOP NAME="APPSLIST_LOOP">
|
||||||
<TMPL_VAR NAME="APPSLIST_DESC">
|
<!-- Template loops -->
|
||||||
|
|
||||||
|
<TMPL_IF NAME="category">
|
||||||
|
<!-- Category -->
|
||||||
|
|
||||||
|
<div class="category cat-level-<TMPL_VAR NAME="catlevel"> <TMPL_VAR NAME="catid">">
|
||||||
|
<h3 class="catname"><TMPL_VAR NAME="catname"></h3>
|
||||||
|
|
||||||
|
<TMPL_IF applications>
|
||||||
|
<!-- Applications -->
|
||||||
|
|
||||||
|
<TMPL_LOOP NAME=applications>
|
||||||
|
|
||||||
|
<!-- Application -->
|
||||||
|
|
||||||
|
<div class="application <TMPL_VAR NAME="appid">">
|
||||||
|
|
||||||
|
<!-- Logo (optional) -->
|
||||||
|
<TMPL_IF NAME="applogo">
|
||||||
|
<img src="/skins/common/apps/<TMPL_VAR NAME="applogo">"
|
||||||
|
class="applogo <TMPL_VAR NAME="appid">"
|
||||||
|
alt="<TMPL_VAR NAME="appname">" />
|
||||||
|
</TMPL_IF>
|
||||||
|
|
||||||
|
<!-- Name and link (mandatory) -->
|
||||||
|
<h4 class="appname <TMPL_VAR NAME="appid">">
|
||||||
|
<a href="<TMPL_VAR NAME="appuri">" alt="<TMPL_VAR NAME="appname">">
|
||||||
|
<TMPL_VAR NAME="appname">
|
||||||
|
</a>
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<!-- Logo (optional) -->
|
||||||
|
<TMPL_IF NAME="appdesc">
|
||||||
|
<p class="appdesc <TMPL_VAR NAME="appid">">
|
||||||
|
<TMPL_VAR NAME="appdesc">
|
||||||
|
</p>
|
||||||
|
</TMPL_IF>
|
||||||
|
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- End of applications loop -->
|
||||||
|
</TMPL_LOOP>
|
||||||
|
</TMPL_IF>
|
||||||
|
|
||||||
|
<TMPL_IF categories>
|
||||||
|
<!-- Sub categories -->
|
||||||
|
|
||||||
|
<TMPL_LOOP NAME=categories>
|
||||||
|
<div class="category cat-level-<TMPL_VAR NAME="catlevel">">
|
||||||
|
<h3 class="catname"><TMPL_VAR NAME="catname"></h3>
|
||||||
|
|
||||||
|
<TMPL_IF applications>
|
||||||
|
<!-- Applications in sub category -->
|
||||||
|
|
||||||
|
<TMPL_LOOP NAME=applications>
|
||||||
|
|
||||||
|
<!-- Application in sub category-->
|
||||||
|
|
||||||
|
<div class="application <TMPL_VAR NAME="appid">">
|
||||||
|
|
||||||
|
<!-- Logo (optional) -->
|
||||||
|
<TMPL_IF NAME="applogo">
|
||||||
|
<img src="/skins/common/apps/<TMPL_VAR NAME="applogo">"
|
||||||
|
class="applogo <TMPL_VAR NAME="appid">"
|
||||||
|
alt="<TMPL_VAR NAME="appname">" />
|
||||||
|
</TMPL_IF>
|
||||||
|
|
||||||
|
<!-- Name and link (mandatory) -->
|
||||||
|
<h4 class="appname <TMPL_VAR NAME="appid">">
|
||||||
|
<a href="<TMPL_VAR NAME="appuri">" alt="<TMPL_VAR NAME="appname">">
|
||||||
|
<TMPL_VAR NAME="appname">
|
||||||
|
</a>
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<!-- Logo (optional) -->
|
||||||
|
<TMPL_IF NAME="appdesc">
|
||||||
|
<p class="appdesc <TMPL_VAR NAME="appid">">
|
||||||
|
<TMPL_VAR NAME="appdesc">
|
||||||
|
</p>
|
||||||
|
</TMPL_IF>
|
||||||
|
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- End of applications loop -->
|
||||||
|
</TMPL_LOOP>
|
||||||
|
</TMPL_IF>
|
||||||
|
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- End of sub categories loop -->
|
||||||
|
</TMPL_LOOP>
|
||||||
|
</TMPL_IF>
|
||||||
|
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- End of categories loop -->
|
||||||
|
</TMPL_IF>
|
||||||
|
</TMPL_LOOP>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</TMPL_IF>
|
</TMPL_IF>
|
||||||
|
|
||||||
|
@ -55,9 +156,8 @@
|
||||||
|
|
||||||
<TMPL_IF NAME="Logout">
|
<TMPL_IF NAME="Logout">
|
||||||
<div id="logout">
|
<div id="logout">
|
||||||
<br/><br/><br/>
|
|
||||||
<p class="text-label">
|
<p class="text-label">
|
||||||
<lang en="Are you sure ?" fr="Êtes vous sûr ?" /> :
|
<lang en="Are you sure?" fr="Êtes vous sûr ?" />
|
||||||
</p>
|
</p>
|
||||||
<button type="submit" class="positive" onclick="location.href='<TMPL_VAR NAME="LOGOUT_URL">';return false;">
|
<button type="submit" class="positive" onclick="location.href='<TMPL_VAR NAME="LOGOUT_URL">';return false;">
|
||||||
<lang en="I'm sure" fr="Je suis sûr" />
|
<lang en="I'm sure" fr="Je suis sûr" />
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<p>
|
<p>
|
||||||
<lang en="Service provided by" fr="Ce service est fourni par" />
|
<lang en="Service provided by" fr="Ce service est fourni par" />
|
||||||
<a href="http://lemonldap.ow2.org" target="_blank">LemonLDAP::NG</a>,
|
<a href="http://lemonldap-ng.org" target="_blank">LemonLDAP::NG</a>,
|
||||||
<lang en="free software covered by the GPL license" fr="logiciel libre protégé par la licence GPL" />.
|
<lang en="free software covered by the GPL license" fr="logiciel libre protégé par la licence GPL" />.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -34,11 +34,6 @@
|
||||||
<TMPL_IF NAME="Appslist">
|
<TMPL_IF NAME="Appslist">
|
||||||
<div id="appslist">
|
<div id="appslist">
|
||||||
|
|
||||||
<!-- Plain HTML (no loops)
|
|
||||||
<TMPL_VAR NAME="APPSLIST_MENU">
|
|
||||||
<TMPL_VAR NAME="APPSLIST_DESC">
|
|
||||||
-->
|
|
||||||
|
|
||||||
<TMPL_LOOP NAME="APPSLIST_LOOP">
|
<TMPL_LOOP NAME="APPSLIST_LOOP">
|
||||||
<!-- Template loops -->
|
<!-- Template loops -->
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user