skin: update impact portal skin (work in progress)
This commit is contained in:
parent
4de567dddc
commit
42e11743db
|
@ -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="Êtes vous sûre de vouloir vous dé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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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é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éconnecter"/></a>
|
||||
</p>
|
||||
</div>
|
||||
</TMPL_IF>
|
||||
|
||||
</div>
|
||||
|
||||
<TMPL_INCLUDE NAME="footer.tpl">
|
||||
|
|
|
@ -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é 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 à laquelle vous êtes autorisées à accé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é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 à laquelle vous êtes autorisées à accé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éconnecter" /></a></li>
|
||||
<div id="logout">
|
||||
<br/><br/><br/>
|
||||
<p class="text-label">
|
||||
<lang en="Are you sure ?" fr="Êtes vous sû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ûr" />
|
||||
</button>
|
||||
</div>
|
||||
</TMPL_IF>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user