Commit 8cd7401c authored by Clément OUDOT's avatar Clément OUDOT

Import of bootstrap framework and customization of login page (#670)

parent fd51bf5e
<TMPL_INCLUDE NAME="header.tpl">
<div id="logincontent">
<div class="message warning"><ul><li><lang en="Confirmation" fr="Confirmation"/></li></ul></div>
<div class="loginlogo"></div>
<form id="form" action="#" method="<TMPL_VAR NAME="FORM_METHOD">" class="login">
<TMPL_VAR NAME="MSG">
<TMPL_VAR NAME="HIDDEN_INPUTS">
<TMPL_IF NAME="AUTH_URL">
<input type="hidden" name="url" value="<TMPL_VAR NAME="AUTH_URL">" />
</TMPL_IF>
<TMPL_IF NAME="CHOICE_VALUE">
<input type="hidden" id="authKey" name="<TMPL_VAR NAME="CHOICE_PARAM">" value="<TMPL_VAR NAME="CHOICE_VALUE">" />
</TMPL_IF>
<TMPL_IF NAME="CONFIRMKEY">
<input type="hidden" id="confirm" name="confirm" value="<TMPL_VAR NAME="CONFIRMKEY">" />
</TMPL_IF>
<TMPL_IF NAME="LIST">
<h3><lang en="Select your Identity Provider" fr="Choisissez votre fournisseur d'identité"/></h3>
<input type="hidden" id="idp" name="idp"/>
<table>
<TMPL_LOOP NAME="LIST">
<tr><td><div class="buttons">
<button type="submit" class="positive" style="width: 100%" onclick="$('#idp').val('<TMPL_VAR NAME="VAL">')">
<TMPL_VAR NAME="NAME">
</button>
</div></td></tr>
</TMPL_LOOP>
<tr>
<td><input type="checkbox" id="remember" name="cookie_type" value="1"><label for="remember"><lang en="Remember my choice" fr="Se souvenir de mon choix"/></label>
<TMPL_ELSE>
<TMPL_IF NAME="ACTIVE_TIMER">
<p id="timer"><lang en="Automatically accept in 5 seconds" fr="Acceptation automatique dans 5 secondes"/></p>
<script>
var i=5;
function go() {
$("#form").submit();
}
function timer() {
var h=$('#timer').html();
if(i>0){i--;}
h=h.replace(/\d+/,i);
$('#timer').html(h);
window.setTimeout('timer()',1000);
}
$(document).ready(function(){
window.setTimeout('go()',5000);
window.setTimeout('timer()',1000);
});
</script>
</TMPL_IF>
<table><tr><td>
<div class="buttons">
<button type="submit" class="positive">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Accept" fr="Accepter" />
</button>
<button type="submit" class="negative" onclick="$('#confirm').attr('value','-<TMPL_VAR NAME="CONFIRMKEY">');">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/cancel.png" alt="" />
<lang en="Refuse" fr="Refuser" />
</button>
</div>
</TMPL_IF>
<TMPL_IF NAME="CHECK_LOGINS">
<div class="buttons">
<input type="checkbox" id="checkLogins" name="checkLogins" <TMPL_IF NAME="ASK_LOGINS">checked</TMPL_IF>/>
<label for="checkLogins">
<lang en="Check my last logins" fr="Voir mes dernières connexions"/>
</label>
</div>
</TMPL_IF>
</td></tr></table>
</form>
</div>
<TMPL_INCLUDE NAME="footer.tpl">
This diff is collapsed.
/* CSS for bootstrap theme */
html,
body {
height: 100%;
background: #eee;
/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto;
/* Negative indent footer by its height */
margin: 0 auto -60px;
/* Pad bottom by footer height */
padding: 20px 0 60px;
}
/* Set the fixed height of the footer here */
#footer {
height: 60px;
background-color: #f5f5f5;
text-align: center;
padding-top: 20px;
}
.login {
text-align: center;
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
.buttons {
text-align: center;
}
<!-- Custom HTML footer -->
<p>
<lang en="Service provided by" fr="Ce service est fourni par" />
<a href="http://lemonldap-ng.org" target="_blank" class="btn btn-default btn-xs">
<span class="glyphicon glyphicon-new-window"></span>
LemonLDAP::NG
</a>
<lang en="free software covered by the GPL license" fr="logiciel libre prot&eacute;g&eacute; par la licence GPL" />.
</p>
<!-- Custom <head> markups, like CSS, js, etc. -->
<TMPL_INCLUDE NAME="header.tpl">
<div id="errorcontent">
<TMPL_IF ERROR403>
<div class="message negative"><ul><li><lang en="You have no access authorization for this application" fr="Vous n'avez pas les droits d'acc&egrave;s &agrave; cette application" /></li></ul></div>
</TMPL_IF>
<TMPL_IF ERROR500>
<div class="message negative"><ul><li><lang en="Error occurs on the server" fr="Une erreur est survenue sur le serveur" /></li></ul></div>
</TMPL_IF>
<TMPL_IF ERROR503>
<div class="message warning"><ul><li><lang en="This application is in maintenance, please try to connect later" fr="Cette application est en maintenance, merci de réessayer plus tard" /></li></ul></div>
</TMPL_IF>
<div class="loginlogo"></div>
<div id="error">
<TMPL_IF URL>
<h3>
<lang en="You were redirect from " fr="Vous avez été redirigé depuis " />
<a href="<TMPL_VAR NAME="URL">"><TMPL_VAR NAME="URL"></a>
</h3>
</TMPL_IF>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">" class="positive">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Go to portal" fr="Aller au portail" />
</a>
<TMPL_IF NAME="LOGOUT_URL">
<a href="<TMPL_VAR NAME="LOGOUT_URL">" class="negative">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/cancel.png" alt="" />
<lang en="Logout" fr="Se d&eacute;connecter" />
</a>
</TMPL_IF>
</div>
</div>
</div>
<TMPL_INCLUDE NAME="footer.tpl">
</div>
<div id="footer">
<div class="containter">
<TMPL_INCLUDE NAME="customfooter.tpl">
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><lang en="Authentication portal" fr="Portail d'authentification"/></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="cache-control" content="no-cache" />
<TMPL_IF NAME="browserIdEnabled">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
</TMPL_IF>
<link href="<TMPL_VAR NAME="SKIN_PATH">/<TMPL_VAR NAME="SKIN">/css/bootstrap.min.css" rel="stylesheet">
<link href="<TMPL_VAR NAME="SKIN_PATH">/<TMPL_VAR NAME="SKIN">/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="<TMPL_VAR NAME="SKIN_PATH">/<TMPL_VAR NAME="SKIN">/css/styles.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<link href="<TMPL_VAR NAME="SKIN_PATH">/common/favicon.ico" rel="icon" type="image/x-icon" />
<link href="<TMPL_VAR NAME="SKIN_PATH">/common/favicon.ico" rel="shortcut icon" />
<TMPL_IF NAME="PROVIDERURI">
<link rel="openid.server" href="<TMPL_VAR NAME="PROVIDERURI">" />
<link rel="openid2.provider" href="<TMPL_VAR NAME="PROVIDERURI">" />
</TMPL_IF>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/jquery.base64.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/jquery.cookie.js"></script>
<script src="<TMPL_VAR NAME="SKIN_PATH">/<TMPL_VAR NAME="SKIN">/js/skin.js"></script>
<TMPL_IF NAME="browserIdEnabled">
<script src="https://login.persona.org/include.js"></script>
</TMPL_IF>
<TMPL_IF NAME="browserIdLoadLoginScript">
<script type="text/javascript">//<![CDATA[
var browserIdSiteName="<TMPL_VAR NAME="browserIdSiteName">";
var browserIdSiteLogo="<TMPL_VAR NAME="browserIdSiteLogo">";
var browserIdBackgroundColor="<TMPL_VAR NAME="browserIdBackgroundColor">";
var browserIdAutoLogin="<TMPL_VAR NAME="browserIdAutoLogin">";
//]]></script>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/browserid.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/browseridlogin.js"></script>
</TMPL_IF>
<TMPL_IF NAME="browserIdLoadLogoutScript">
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/browserid.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/browseridlogout.js"></script>
</TMPL_IF>
<script type="text/javascript">//<![CDATA[
var displaytab="<TMPL_VAR NAME="DISPLAY_TAB">";
var choicetab="<TMPL_VAR NAME="CHOICE_VALUE">";
var autocomplete="<TMPL_VAR NAME="AUTOCOMPLETE">";
var login="<TMPL_VAR NAME="LOGIN">";
var newwindow="<TMPL_VAR NAME="NEWWINDOW">";
var antiframe="<TMPL_VAR NAME="ANTIFRAME">";
var appslistorder="<TMPL_VAR NAME="APPSLIST_ORDER">";
//]]></script>
<script type="text/javascript" src="<TMPL_VAR NAME="SKIN_PATH">/common/portal.js"></script>
<script src="<TMPL_VAR NAME="SKIN_PATH">/<TMPL_VAR NAME="SKIN">/js/bootstrap.min.js"></script>
<TMPL_INCLUDE NAME="customhead.tpl">
</head>
<body>
<div id="wrap">
<div id="header"><TMPL_INCLUDE NAME="customheader.tpl"></div>
<TMPL_INCLUDE NAME="header.tpl">
<div id="logincontent">
<div class="message warning"><ul><li><lang en="Information" fr="Information"/></li></ul></div>
<div class="loginlogo"></div>
<form id="form" action="<TMPL_VAR NAME="URL">" method="<TMPL_VAR NAME="FORM_METHOD">" class="login">
<TMPL_VAR NAME="HIDDEN_INPUTS">
<TMPL_IF NAME="CHOICE_VALUE">
<input type="hidden" id="authKey" name="<TMPL_VAR NAME="CHOICE_PARAM">" value="<TMPL_VAR NAME="CHOICE_VALUE">" />
</TMPL_IF>
<TMPL_VAR NAME="MSG">
<p id="timer"><lang en="You'll be redirected in 10 seconds" fr="Vous allez &ecirc;tre redirig&eacute;(e) automatiquement dans 10 secondes"/></p>
<table><tbody><tr><td>
<div class="buttons">
<button type="submit" class="positive">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Continue" fr="Continuer" />
</button>
<button type="reset" class="negative" onclick="stop();">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/cancel.png" alt="" />
<lang en="Wait" fr="Attendre" />
</button>
</div>
</td></tr></tbody></table>
</form>
<script>
var i=10;
var _go=1;
function stop() {
_go=0;
$('#timer').html("...");
}
function go() {
if(_go) {
$("#form").submit();
}
}
function timer() {
var h=$('#timer').html();
if(i>0){i--;}
h=h.replace(/\d+/,i);
$('#timer').html(h);
window.setTimeout('timer()',1000);
}
$(document).ready(function(){
// Check if timer should be activated (true by default)
var activeTimer = true;
if (!<TMPL_VAR NAME="ACTIVE_TIMER">) {activeTimer = false;}
if (activeTimer) {
window.setTimeout('go()',10000);
window.setTimeout('timer()',1000);
} else {
stop();
}
});
</script>
</div>
<TMPL_INCLUDE NAME="footer.tpl">
This diff is collapsed.
$(document).ready(function(){
// Adapt alert class
$("div.message-positive").addClass("alert-success");
$("div.message-warning").addClass("alert-warning");
$("div.message-negative").addClass("alert-danger");
});
<TMPL_INCLUDE NAME="header.tpl">
<div id="logincontent" class="container">
<TMPL_IF NAME="AUTH_ERROR">
<div class="message message-<TMPL_VAR NAME="AUTH_ERROR_TYPE"> alert"><TMPL_VAR NAME="AUTH_ERROR"></div>
</TMPL_IF>
<TMPL_IF AUTH_LOOP>
<!-- Authentication loop -->
<!-- Choice tabs -->
<div id="authMenu">
<ul>
<TMPL_LOOP NAME="AUTH_LOOP">
<li title="<TMPL_VAR NAME="key">"><a href="#<TMPL_VAR NAME="key">"><TMPL_VAR NAME="name"></a></li>
</TMPL_LOOP>
</ul>
<!-- Forms -->
<TMPL_LOOP NAME="AUTH_LOOP">
<div id="<TMPL_VAR NAME="key">">
<form action="<TMPL_VAR NAME="url">" method="post" class="login <TMPL_VAR NAME="module">">
<!-- Hidden fields -->
<TMPL_VAR NAME="HIDDEN_INPUTS">
<input type="hidden" name="url" value="<TMPL_VAR NAME="AUTH_URL">" />
<input type="hidden" name="timezone" />
<input type="hidden" id="authKey" name="<TMPL_VAR NAME="CHOICE_PARAM">" value="<TMPL_VAR NAME="key">" />
<TMPL_IF NAME="standardform">
<TMPL_INCLUDE NAME="standardform.tpl">
</TMPL_IF>
<TMPL_IF NAME="openidform">
<TMPL_INCLUDE NAME="openidform.tpl">
</TMPL_IF>
<TMPL_IF NAME="yubikeyform">
<TMPL_INCLUDE NAME="yubikeyform.tpl">
</TMPL_IF>
<TMPL_IF NAME="logo">
<h3><lang en="Please enter your credentials" fr="Merci de vous authentifier"/></h3>
<table>
<TMPL_IF NAME="module">
<tr class="authLogo"><td>
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/<TMPL_VAR NAME="module">.png" alt="" />
</td></tr>
</TMPL_IF>
<TMPL_IF NAME="CHECK_LOGINS">
<tr><td colspan="2"><div class="buttons">
<label for="checkLogins">
<input type="checkbox" id="checkLogins" name="checkLogins" <TMPL_IF NAME="ASK_LOGINS">checked</TMPL_IF>/>
<lang en="Check my last logins" fr="Voir mes dernières connexions"/>
</label>
</div></td></tr>
</TMPL_IF>
<tr><td>
<div class="buttons">
<button type="reset" class="negative" tabindex="4">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/cancel.png" alt="" />
<lang en="Cancel" fr="Annuler" />
</button>
<button type="submit" class="positive" tabindex="3">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Connect" fr="Se connecter" />
</button>
</div>
</td></tr>
</table>
</TMPL_IF>
</form>
</div>
</TMPL_LOOP>
</div> <!-- end authMenu -->
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_FORM">
<form action="#" method="post" class="login" role="form">
<!-- Hidden fields -->
<TMPL_VAR NAME="HIDDEN_INPUTS">
<input type="hidden" name="url" value="<TMPL_VAR NAME="AUTH_URL">" />
<input type="hidden" name="timezone" />
<TMPL_INCLUDE NAME="standardform.tpl">
</form>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_OPENID_FORM">
<form action="#" method="post" class="login">
<!-- Hidden fields -->
<TMPL_VAR NAME="HIDDEN_INPUTS">
<input type="hidden" name="url" value="<TMPL_VAR NAME="AUTH_URL">" />
<input type="hidden" name="timezone" />
<TMPL_INCLUDE NAME="openidform.tpl">
</form>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_YUBIKEY_FORM">
<form action="#" method="post" class="login">
<!-- Hidden fields -->
<TMPL_VAR NAME="HIDDEN_INPUTS">
<input type="hidden" name="url" value="<TMPL_VAR NAME="AUTH_URL">" />
<input type="hidden" name="timezone" />
<TMPL_INCLUDE NAME="yubikeyform.tpl">
</form>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_LOGO_FORM">
<form action="#" method="post" class="login <TMPL_VAR NAME="module">">
<!-- Hidden fields -->
<TMPL_VAR NAME="HIDDEN_INPUTS">
<input type="hidden" name="url" value="<TMPL_VAR NAME="AUTH_URL">" />
<input type="hidden" name="timezone" />
<h3><lang en="Please enter your credentials" fr="Merci de vous authentifier"/></h3>
<table>
<TMPL_IF NAME="module">
<tr class="authLogo"><td>
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/<TMPL_VAR NAME="module">.png" alt="" />
</td></tr>
</TMPL_IF>
<TMPL_IF NAME="CHECK_LOGINS">
<tr><td colspan="2"><div class="buttons">
<label for="checkLogins">
<input type="checkbox" id="checkLogins" name="checkLogins" <TMPL_IF NAME="ASK_LOGINS">checked</TMPL_IF>/>
<lang en="Check my last logins" fr="Voir mes dernières connexions"/>
</label>
</div></td></tr>
</TMPL_IF>
<tr><td>
<div class="buttons">
<button type="reset" class="negative" tabindex="4">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/cancel.png" alt="" />
<lang en="Cancel" fr="Annuler" />
</button>
<button type="submit" class="positive" tabindex="3">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Connect" fr="Se connecter" />
</button>
</div>
</td></tr>
</table>
</form>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_PASSWORD">
<TMPL_INCLUDE NAME="password.tpl">
</TMPL_IF>
<TMPL_IF NAME="LOGIN_INFO">
<div class="login_info">
<TMPL_VAR NAME="LOGIN_INFO">
</div>
</TMPL_IF>
<TMPL_IF NAME="PORTAL_URL">
<div id="logout">
<div class="buttons">
<TMPL_IF NAME="MSG"><TMPL_VAR NAME="MSG"></TMPL_IF>
<a href="<TMPL_VAR NAME="PORTAL_URL">" class="btn btn-lg btn-primary" role="button">
<span class="glyphicon glyphicon-home"></span>
<lang en="Go to portal" fr="Aller au portail" />
</a>
</div>
</div>
</TMPL_IF>
<TMPL_IF NAME="LOGOUT_URL">
<div id="logout">
<div class="buttons">
<a href="<TMPL_VAR NAME="LOGOUT_URL">" class="btn btn-lg btn-danger" role="button">
<span class="glyphicon glyphicon-log-out"></span>
<lang en="Logout" fr="Se d&eacute;connecter"/>
</a>
</div>
</div>
</TMPL_IF>
</div>
<TMPL_INCLUDE NAME="footer.tpl">
<TMPL_INCLUDE NAME="header.tpl">
<div id="mailcontent" class="container">
<TMPL_IF NAME="AUTH_ERROR">
<div class="message message-<TMPL_VAR NAME="AUTH_ERROR_TYPE"> alert"><TMPL_VAR NAME="AUTH_ERROR"></div>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_FORM">
<form action="#" method="post" class="login" role="form">
<TMPL_IF NAME="CHOICE_VALUE">
<input type="hidden" id="authKey" name="<TMPL_VAR NAME="CHOICE_PARAM">" value="<TMPL_VAR NAME="CHOICE_VALUE">" />
</TMPL_IF>
<h3><lang en="Forgot your password?" fr="Mot de passe oubli&eacute; ?"/></h3>
<table>
<tr>
<th><lang en="Mail" fr="Adresse mail"/></th>
<td><input name="mail" type="text" value="<TMPL_VAR NAME="MAIL">"/></td>
</tr>
<TMPL_IF NAME=CAPTCHA_IMG>
<tr><td></td><td>
<img src="<TMPL_VAR NAME=CAPTCHA_IMG>" />
</td></tr>
<tr><th><lang en="Captcha" fr="Captcha" /></th>
<td><input type="text" name="captcha_user_code" size="<TMPL_VAR NAME=CAPTCHA_SIZE>" />
<input type="hidden" name="captcha_code" value="<TMPL_VAR NAME=CAPTCHA_CODE>" /></td>
</tr>
</TMPL_IF>
<tr><td colspan="2">
<div class="buttons">
<button type="submit" class="positive">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Send me a new password" fr="Envoyez-moi un nouveau mot de passe" />
</button>
</div>
</td></tr>
</table>
</form>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_RESEND_FORM">
<form action="#" method="post" class="login">
<TMPL_IF NAME="CHOICE_VALUE">
<input type="hidden" id="authKey" name="<TMPL_VAR NAME="CHOICE_PARAM">" value="<TMPL_VAR NAME="CHOICE_VALUE">" />
</TMPL_IF>
<TMPL_IF NAME="MAIL">
<input type="hidden" value="<TMPL_VAR NAME="MAIL">" name="mail">
</TMPL_IF>
<h3><lang en="Resend confirmation mail?" fr="Renvoyer le mail de confirmation ?"/></h3>
<p>
<lang en="A password reset request was already issued on " fr="Une demande de réinitialisation de mot de passe a déjà été faite le " />
<TMPL_VAR NAME="STARTMAILDATE">.
<lang en="Do you want the confirmation mail to be resent?" fr="Voulez-vous que le message de confirmation soit renvoyé ?" />
</p>
<table>
<tr><th><input id="resendconfirmation" type="checkbox" name="resendconfirmation"></th>
<td><lang en="Yes, resend the mail" fr="Oui, renvoyer le mail"/></td>
</tr>
<tr><td colspan="2">
<div class="buttons">
<button type="submit" class="positive">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Submit" fr="Valider" />
</button>
</div>
</td></tr>
</table>
</form>
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_PASSWORD_FORM">
<div id="password">
<form action="#" method="post" class="password">
<TMPL_IF NAME="CHOICE_VALUE">
<input type="hidden" id="authKey" name="<TMPL_VAR NAME="CHOICE_PARAM">" value="<TMPL_VAR NAME="CHOICE_VALUE">" />
</TMPL_IF>
<TMPL_IF NAME="MAIL_TOKEN">
<input type="hidden" id="mail_token" name="mail_token" value="<TMPL_VAR NAME="MAIL_TOKEN">" />
</TMPL_IF>
<h3><lang en="Change your password" fr="Changez votre mot de passe" /></h3>
<table>
<tr><th><lang en="New password" fr="Nouveau mot de passe" /></th>
<td><input name="newpassword" type="password" tabindex="3" /></td></tr>
<tr><th><lang en="Confirm password" fr="Confirmez le mot de passe" /></th>
<td><input name="confirmpassword" type="password" tabindex="4" /></td></tr>
<tr><td colspan="2">
<input id="reset" type="checkbox" name="reset" />
<lang en="Generate the password automatically" fr="Générer le mot de passe automatiquement" />
</td></tr>
<tr><td colspan="2">
<div class="buttons">
<button type="reset" class="negative" tabindex="6">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/cancel.png" alt="" />
<lang en="Cancel" fr="Annuler" />
</button>
<button type="submit" class="positive" tabindex="5">
<img src="<TMPL_VAR NAME="SKIN_PATH">/common/accept.png" alt="" />
<lang en="Submit" fr="Soumettre" />
</button>
</div>
</td></tr>
</table>
</form>
</div>
</TMPL_IF>