skin: update impact portal skin (work in progress)

This commit is contained in:
Thomas CHEMINEAU 2010-03-22 16:22:31 +00:00
parent 4de567dddc
commit 42e11743db
5 changed files with 128 additions and 20 deletions

View File

@ -11,13 +11,15 @@
<link href="skins/common/favicon.ico" rel="shortcut icon" />
<script type="text/javascript" src="/skins/common/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/skins/common/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="/skins/<TMPL_VAR NAME="SKIN">/impact.js"></script>
<script type="text/javascript">//<![CDATA[
var displaytab='<TMPL_VAR NAME="DISPLAY_TAB">';
var autocomplete='<TMPL_VAR NAME="AUTOCOMPLETE">';
var login='<TMPL_VAR NAME="LOGIN">';
var newwindow='<TMPL_VAR NAME="NEWWINDOW">';
var confirmlogoutmsg='<lang en="Are your sure you want to disconnect ?" fr="&Ecirc;tes vous s&ucirc;re de vouloir vous d&eacute;connectez ?" />';
var confirmlogouttitle='<lang en="Confirmation" fr="Confirmation" />';
//]]></script>
<script type="text/javascript" src="/skins/<TMPL_VAR NAME="SKIN">/impact.js"></script>
<script type="text/javascript" src="/skins/common/portal.js"></script>
</head>
<body>

View File

@ -150,21 +150,38 @@ ul.nostyle li {
color: #000;
border: 1px solid #B5CFB6;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#content-all-info table.info {
#content-all-info2 {
text-align: center;
height: 165px;
padding: 10px;
margin-bottom: 15px;
background-color: #D5EFD1;
color: #000;
border: 1px solid #B5CFB6;
border-radius: 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}
#content-all-info table.info,
#content-all-info2 table.info {
width: 100%;
border-collapse: collapse;
}
#content-all-info table.info th {
#content-all-info table.info th,
#content-all-info2 table.info th {
background-color: #B5CFB6;
}
#content-all-info table.info th,
#content-all-info table.info td {
#content-all-info2 table.info th
#content-all-info table.info td,
#content-all-info2 table.info td {
text-align: left;
border-bottom: 1px dotted #B5CFB6;
padding: 5px;
@ -244,3 +261,32 @@ ul.nostyle li {
width: 300px;
}
/* -------------------------------------------------------------------------- */
/* Menu */
/* -------------------------------------------------------------------------- */
#menu {
background-color: #C7DFC3;
border: 1px solid #B5CFB6;
border-bottom: 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#menu ul {
list-style: none;
margin: 0px;
padding: 5px;
}
#menu ul li {
list-style: none;
display: inline;
}
#menu ul li a img {
border: none;
vertical-align: bottom;
margin-left: 10px;
}

View File

@ -20,9 +20,11 @@ function goToApplication(){
}
function showLogoutBox(url){
if(confirm('Are you sure?')==true){
location.href=url;
}
$('#layout').fadeTo('fast',0.1);
jConfirm(confirmlogoutmsg, confirmlogouttitle, function(r) {
$('#layout').fadeTo('fast',1);
if(r){location.href=url;};
});
return false;
}

View File

@ -1,6 +1,8 @@
<TMPL_INCLUDE NAME="header.tpl">
<div id="content">
<TMPL_IF NAME="DISPLAY_FORM">
<div id="content-left">
<p><img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-lock.png" /></p>
<h1>
@ -42,6 +44,36 @@
</p>
</TMPL_IF>
</div>
</TMPL_IF>
<TMPL_IF NAME="PORTAL_URL">
<div id="content-all">
<div class="title">
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-info.png" />
<lang en="SSO session expired" fr="Session SSO expir&eacute;e" />
</div>
<hr class="solid" />
<p class="text-error"><TMPL_VAR NAME="AUTH_ERROR"></p>
<p>
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/arrow.png" /><a href="<TMPL_VAR NAME="PORTAL_URL">" class="positive"><lang en="Go to portal" fr="Aller au portail" /></a>
</p>
</div>
</TMPL_IF>
<TMPL_IF NAME="LOGOUT_URL">
<div id="content-all">
<div class="title">
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-info.png" />
<lang en="Close your SSO session" fr="Fermer votre Session SSO" />
</div>
<hr class="solid" />
<p class="text-error"><TMPL_VAR NAME="AUTH_ERROR"></p>
<p>
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/arrow.png" /><a href="<TMPL_VAR NAME="LOGOUT_URL">" class="negative"><lang en="Logout" fr="Se d&eacute;connecter"/></a>
</p>
</div>
</TMPL_IF>
</div>
<TMPL_INCLUDE NAME="footer.tpl">

View File

@ -2,6 +2,7 @@
<div id="content">
<div id="content-all">
<div class="title">
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-ok.png" />
<TMPL_VAR NAME="AUTH_ERROR">
@ -10,24 +11,49 @@
<p>
<span class="text-error"><lang en="Connected as" fr="Connect&eacute; en tant que" />: <u><TMPL_VAR NAME="AUTH_USER"></u></span>
</p>
<TMPL_IF NAME="DISPLAY_APPSLIST">
<div id="content-all-info">
<span class="text-label"><lang en="Choose an application your are allowed to access to" fr="Choisissez une application &agrave; laquelle vous &ecirc;tes autoris&eacute;es &agrave; acc&eacute;der" /> :</span>
<p></p>
<div id="menu">
<ul>
<TMPL_IF NAME="DISPLAY_APPSLIST">
<li><a href="#appslist"><span><img src="/skins/common/application_cascade.png" width="16" height="16" alt="appslist" /> <lang en="Your applications" fr="Vos applications" /></span></a></li>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_PASSWORD">
<li><a href="#password"><span><img src="/skins/common/vcard_edit.png" width="16" height="16" alt="password" /> <lang en="Password" fr="Mot de passe" /></span></a></li>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_LOGOUT">
<li><a href="#logout"><span><img src="/skins/common/door_out.png" width="16" height="16" alt="logout" /> <lang en="Logout" fr="Se d&eacute;connecter" /></span></a></li>
</TMPL_IF>
</ul>
</div>
<div id="content-all-info2">
<TMPL_IF NAME="DISPLAY_APPSLIST">
<div id="appslist">
<br/><br/>
<p class="text-label">
<lang en="Choose an application your are allowed to access to" fr="Choisissez une application &agrave; laquelle vous &ecirc;tes autoris&eacute;es &agrave; acc&eacute;der" /> :
</p>
<TMPL_VAR NAME="APPSLIST_MENU">
<TMPL_VAR NAME="APPSLIST_DESC">
</div>
</div>
</TMPL_IF>
<ul class="nostyle" style="float:left;">
<TMPL_IF NAME="DISPLAY_PASSWORD">
<li><img src="/skins/<TMPL_VAR NAME="SKIN">/images/arrow.png" /><a href="#"><lang en="Reset password" fr="Changer de mot de passe" /></a></li>
</TMPL_IF>
<TMPL_INCLUDE NAME="password.tpl">
<TMPL_IF NAME="DISPLAY_LOGOUT">
<li><img src="/skins/<TMPL_VAR NAME="SKIN">/images/arrow.png" /><a href="#" onclick="showLogoutBox('<TMPL_VAR NAME="LOGOUT_URL">');"><lang en="Logout" fr="Se d&eacute;connecter" /></a></li>
<div id="logout">
<br/><br/><br/>
<p class="text-label">
<lang en="Are you sure ?" fr="&Ecirc;tes vous s&ucirc;r ?" /> :
</p>
<button type="submit" class="positive" onclick="location.href=<TMPL_VAR NAME="LOGOUT_URL">;return false;">
<lang en="I'm sure" fr="Je suis s&ucirc;r" />
</button>
</div>
</TMPL_IF>
</ul>
</div>
</div>
</div>