Files
databap/masks/logon.html
2014-11-04 20:20:02 +01:00

107 lines
3.7 KiB
HTML
Executable File

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=[#]text_enc[#]" />
<meta name="author" content="François Lutran" />
<meta name="description" content="Abap database for consultants" />
<meta name="keywords" content="ABAP, SAP, BW, BI" />
<meta name="viewport" content="width=device-width" />
<link rel="shortcut icon" href="images/favicon_gc3.ico" />
<link href="style/logon.css?v[#]version[#]" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery/jquery.min.js?v[#]version[#]"></script>
<script type="text/javascript" src="jquery/common.js?v[#]version[#]"></script>
<title>Databap &bull; Logon</title>
</head>
<body>
<div id="logon">
<div class="logo">databap</div>
<div class="container">
<div class="box round">
<div class="key">
<i class="fa fa-c-lock"></i>
</div>
<table>
<tr>
<td class="desc">Nom &amp; prénom</td>
<td class="value"><input type="text" name="auth_name" id="auth_name" class="round" value="" autofocus /></td>
</tr>
<tr>
<td class="desc">Mot de passe</td>
<td class="value"><input type="password" name="auth_pass" id="auth_pass" class="round" value="" /></td>
</tr>
<tr>
<td colspan="2" class="validate">
<form id="logon_form" name="logon_form" method="post">
<input type="hidden" name="auth_token" id="auth_token" value="" />
<span class="feedback">[#]feedback[#]</span>
</form>
</td>
</tr>
</table>
</div>
</div>
<div id="footer">
<p>v[#]version[#] - Designed and powered by <a href="mailto:francois@lutran.fr" title="Envoyer un mail">Fran&ccedil;ois Lutran</a> - Databap Project under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPLv3 License</a>.</p>
</div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function()
{
//Events
$(window).keyup(function(e){if(e.which==13) logMeIn();});
$('#logon_form').addButton('ok', '', logMeIn, 'log_me_in', '');
//Message
//addMessage('L\'authentification a changé !', ['Nom et prénom : pas de changement, bien mettre les accents', 'Mot de passe : initialisé avec le nom de votre entreprise en minuscule']);
});
//Hashing and sending auth credentials
function logMeIn()
{
var sName = $.trim($('#auth_name').val().toLowerCase()).replace(/ +/g, " ");
var sPass = $.trim($('#auth_pass').val());
if(sName!='' && sPass!='')
{
//Buffer
$('.key').find('i').removeClass('fa-c-lock').addClass('fa-spin fa-c-loading');
$('#auth_token').val(md5(sName)+'[#]name_pass_sep[#]'+getLoginToken(sPass));
$('#logon_form').submit();
//TODO
/*var sFormVars = $('#logon_form').serialize();
$.ajax
(
{
type: 'POST',
url: self.getActionLink(action),
data: sFormVars,
success:function(result)
{
$('.key').find('i').removeClass('fa-spin fa-c-loading').addClass('fa-c-lock');
if(result.success=='ok') location.reload();
else $('.feedback').text('Données incorrectes');
},
error: function(jqXHR, textStatus, errorThrown)
{
debug('Error handler.js 331');
self.showError(textStatus);
},
dataType:'json'
}
);*/
}
else $('.feedback').text('Formulaire incomplet');
}
function addMessage(sTitle, asBody)
{
$('<p>', {'class':'logon_msg round'})
.append($('<span>', {'class':'msg_title'})
.append($('<i>', {'class':'fa fa-inline fa-c-warning'}))
.append(sTitle))
.append($('<span>', {'class':'msg_body'}).html(asBody.join('<br />')))
.appendTo('.container');
}
</script>
</html>