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" />
|
<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-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/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[
|
<script type="text/javascript">//<![CDATA[
|
||||||
var displaytab='<TMPL_VAR NAME="DISPLAY_TAB">';
|
var displaytab='<TMPL_VAR NAME="DISPLAY_TAB">';
|
||||||
var autocomplete='<TMPL_VAR NAME="AUTOCOMPLETE">';
|
var autocomplete='<TMPL_VAR NAME="AUTOCOMPLETE">';
|
||||||
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 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>
|
||||||
|
<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>
|
||||||
|
|
|
@ -150,21 +150,38 @@ ul.nostyle li {
|
||||||
color: #000;
|
color: #000;
|
||||||
border: 1px solid #B5CFB6;
|
border: 1px solid #B5CFB6;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
-moz-border-radius:10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-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%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content-all-info table.info th {
|
#content-all-info table.info th,
|
||||||
|
#content-all-info2 table.info th {
|
||||||
background-color: #B5CFB6;
|
background-color: #B5CFB6;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content-all-info table.info th,
|
#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;
|
text-align: left;
|
||||||
border-bottom: 1px dotted #B5CFB6;
|
border-bottom: 1px dotted #B5CFB6;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
@ -244,3 +261,32 @@ ul.nostyle li {
|
||||||
width: 300px;
|
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){
|
function showLogoutBox(url){
|
||||||
if(confirm('Are you sure?')==true){
|
$('#layout').fadeTo('fast',0.1);
|
||||||
location.href=url;
|
jConfirm(confirmlogoutmsg, confirmlogouttitle, function(r) {
|
||||||
}
|
$('#layout').fadeTo('fast',1);
|
||||||
|
if(r){location.href=url;};
|
||||||
|
});
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
<TMPL_INCLUDE NAME="header.tpl">
|
<TMPL_INCLUDE NAME="header.tpl">
|
||||||
|
|
||||||
<div id="content">
|
<div id="content">
|
||||||
|
|
||||||
|
<TMPL_IF NAME="DISPLAY_FORM">
|
||||||
<div id="content-left">
|
<div id="content-left">
|
||||||
<p><img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-lock.png" /></p>
|
<p><img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-lock.png" /></p>
|
||||||
<h1>
|
<h1>
|
||||||
|
@ -42,6 +44,36 @@
|
||||||
</p>
|
</p>
|
||||||
</TMPL_IF>
|
</TMPL_IF>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
<TMPL_INCLUDE NAME="footer.tpl">
|
<TMPL_INCLUDE NAME="footer.tpl">
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
|
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<div id="content-all">
|
<div id="content-all">
|
||||||
|
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-ok.png" />
|
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo-ok.png" />
|
||||||
<TMPL_VAR NAME="AUTH_ERROR">
|
<TMPL_VAR NAME="AUTH_ERROR">
|
||||||
|
@ -10,24 +11,49 @@
|
||||||
<p>
|
<p>
|
||||||
<span class="text-error"><lang en="Connected as" fr="Connecté en tant que" />: <u><TMPL_VAR NAME="AUTH_USER"></u></span>
|
<span class="text-error"><lang en="Connected as" fr="Connecté en tant que" />: <u><TMPL_VAR NAME="AUTH_USER"></u></span>
|
||||||
</p>
|
</p>
|
||||||
<TMPL_IF NAME="DISPLAY_APPSLIST">
|
|
||||||
<div id="content-all-info">
|
<div id="menu">
|
||||||
<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>
|
<ul>
|
||||||
<p></p>
|
<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">
|
<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_MENU">
|
||||||
<TMPL_VAR NAME="APPSLIST_DESC">
|
<TMPL_VAR NAME="APPSLIST_DESC">
|
||||||
</div>
|
</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_IF>
|
||||||
|
|
||||||
|
<TMPL_INCLUDE NAME="password.tpl">
|
||||||
|
|
||||||
<TMPL_IF NAME="DISPLAY_LOGOUT">
|
<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>
|
</TMPL_IF>
|
||||||
</ul>
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user