2016-07-08 13:18:23 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Authentification</title>
|
|
|
|
|
|
|
|
|
|
<!-- Informations de la page -->
|
|
|
|
|
<meta name='Content-Type' content='text/html; charset=utf-8'>
|
|
|
|
|
<meta charset='utf-8'>
|
|
|
|
|
<meta name='author' content='Adrien MARQUÈS alias {xdrm};'>
|
|
|
|
|
<meta name='desctiption' content="Système de gestion des véhicules pour STEF.">
|
|
|
|
|
|
|
|
|
|
<!-- Dépendences CSS -->
|
2016-07-08 15:04:41 +00:00
|
|
|
<link type='text/css' rel='stylesheet' href='/css/reset.css' /> <!-- Reset du css natif des browsers -->
|
2016-07-08 13:18:23 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Dépendences Javascript -->
|
2016-07-08 15:04:41 +00:00
|
|
|
<script type='text/javascript' src='/js/lib/input-checker.js' ></script> <!-- Gestion dynamique des saisies -->
|
|
|
|
|
<script type='text/javascript' src='/js/lib/reset.js' ></script> <!-- Corrections Javascript natif (ajouts) -->
|
|
|
|
|
<script type='text/javascript' src='/js/lib/api.js' ></script> <!-- Gestion des transactions avec le serveur -->
|
|
|
|
|
<script type='text/javascript' src='/js/lib/page-manager.js' ></script> <!-- Gestion des transactions avec le serveur -->
|
2016-07-08 13:18:23 +00:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<style type='text/css'>
|
|
|
|
|
body{
|
|
|
|
|
display: flex;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
background: #933024;
|
|
|
|
|
|
|
|
|
|
font-family: "Roboto";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#FORM{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 30em;
|
|
|
|
|
min-height: 22em;
|
|
|
|
|
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#FORM > input{
|
|
|
|
|
width: calc( 80% - 2*2em );
|
|
|
|
|
height: calc( 4em - 2*1em );
|
|
|
|
|
padding: 1em 2em;
|
|
|
|
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
border: 0;
|
|
|
|
|
|
|
|
|
|
background: #F1F2F4;
|
|
|
|
|
|
|
|
|
|
color: #444;
|
|
|
|
|
font-family: "Open Sans";
|
|
|
|
|
|
|
|
|
|
box-shadow: inset -1px 1px 5px #ddd;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#FORM > input[type='button']{
|
|
|
|
|
width: 80%;
|
|
|
|
|
height: 4em;
|
|
|
|
|
|
|
|
|
|
background: #00CD6A;
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
|
|
box-shadow: 0 2px 0 0 #00B65B;
|
|
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#FORM > input[type='button']:hover{
|
|
|
|
|
box-shadow: 0 3px 0 0 #00B65B;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#FORM > #err-box{
|
|
|
|
|
color: #F64247;
|
|
|
|
|
}
|
|
|
|
|
|
2016-07-14 07:32:58 +00:00
|
|
|
#FORM > #logout{
|
|
|
|
|
color: #888;
|
|
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#FORM > #logout:hover{
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
color: #444;
|
|
|
|
|
}
|
|
|
|
|
|
2016-07-08 13:18:23 +00:00
|
|
|
</style>
|
2016-07-12 09:02:46 +00:00
|
|
|
<body style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;'>
|
2016-07-08 13:18:23 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CORPS DE LA PAGE -->
|
|
|
|
|
<div id='FORM'>
|
2016-07-09 10:44:06 +00:00
|
|
|
<span></span>
|
2016-07-08 14:03:32 +00:00
|
|
|
<span>[<?= $_SESSION['WAREHOUSE']['name']; ?>] Authentification</span>
|
2016-07-08 13:18:23 +00:00
|
|
|
<input type='text' placeholder='Identifiant' id='admin-name'>
|
|
|
|
|
<input type='password' placeholder="Mot de passe" id='admin-password'>
|
|
|
|
|
|
|
|
|
|
<input type='button' value='AUTHENTIFICATION' id='admin-submit'>
|
|
|
|
|
<span id='err-box'></span>
|
2016-07-14 07:32:58 +00:00
|
|
|
<span id='logout'>Changer d'entrepot</span>
|
2016-07-09 10:44:06 +00:00
|
|
|
<span></span>
|
2016-07-08 13:18:23 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Dépendences Javascript après chargement des éléments -->
|
|
|
|
|
<script type='text/javascript'>
|
|
|
|
|
var api = new APIClass('/api/');
|
|
|
|
|
|
|
|
|
|
/* [0] Récupération des éléments utiles du DOM
|
|
|
|
|
=========================================================*/
|
|
|
|
|
var aForm = document.getElementById('FORM');
|
|
|
|
|
var aName = document.getElementById('admin-name');
|
|
|
|
|
var aPassword = document.getElementById('admin-password');
|
|
|
|
|
var aSubmit = document.getElementById('admin-submit');
|
|
|
|
|
var errBox = document.getElementById('err-box');
|
2016-07-14 07:32:58 +00:00
|
|
|
var logout = document.getElementById('logout');
|
2016-07-08 13:18:23 +00:00
|
|
|
|
2016-07-08 14:03:32 +00:00
|
|
|
aName.focus();
|
|
|
|
|
|
2016-07-08 13:18:23 +00:00
|
|
|
|
|
|
|
|
/* [1] Gestion de l'évènement
|
|
|
|
|
=========================================================*/
|
|
|
|
|
function handler(e){
|
|
|
|
|
/* (1) Si clavier : si pas touche 'Enter', on ne fais rien */
|
|
|
|
|
if( e instanceof KeyboardEvent && e.keyCode != 13 )
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
|
|
/* (2) On effectue la requête pour voir si tout fonctionne bien */
|
|
|
|
|
var request = {
|
|
|
|
|
path: 'authentificationDefault/admin',
|
|
|
|
|
username: aName.value,
|
|
|
|
|
password: aPassword.value
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
api.send(request, function(response){
|
|
|
|
|
|
|
|
|
|
// Si erreur de module
|
|
|
|
|
if( response.ModuleError != 0 ){
|
2016-07-09 10:44:06 +00:00
|
|
|
errBox.innerHTML = 'Format des champs incorrect.';
|
2016-07-08 13:18:23 +00:00
|
|
|
aPassword.value = '';
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Si identifiant/mot de passe incorrect
|
|
|
|
|
if( !response.status ){
|
|
|
|
|
errBox.innerHTML = 'Combinaison incorrecte.';
|
|
|
|
|
aPassword.value = '';
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
|
|
// Si correct, on recharge la page
|
|
|
|
|
}else
|
2016-07-10 13:23:53 +00:00
|
|
|
document.location = '/';
|
2016-07-08 13:18:23 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* [2] Lancement des 'listeners'
|
|
|
|
|
=========================================================*/
|
|
|
|
|
aSubmit.addEventListener('click', handler, false);
|
|
|
|
|
aForm.addEventListener('keypress', handler, false);
|
2016-07-14 07:32:58 +00:00
|
|
|
|
|
|
|
|
/* [3] Gestion de la déconnexion
|
|
|
|
|
=========================================================*/
|
|
|
|
|
logout.addEventListener('click', function(){
|
|
|
|
|
/* (1) On rédige une requête fausse (pour déconnecter) */
|
|
|
|
|
var request = {
|
|
|
|
|
path: 'authentificationDefault/warehouse',
|
|
|
|
|
name: '-.-',
|
|
|
|
|
password: ''
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/* (2) On envoie la requête */
|
|
|
|
|
api.send(request, function(response){
|
|
|
|
|
if( response.ModuleError == 0 ){
|
|
|
|
|
if( response.status == false )
|
|
|
|
|
document.location = '/';
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}, false);
|
2016-07-08 13:18:23 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
