- [x] [view/js/users] Recherche instantanee
- [x] [userDefault] Implementation de la recherche
This commit is contained in:
parent
b73131b449
commit
4455daf9c1
|
@ -5,6 +5,8 @@
|
|||
"link",
|
||||
"unlink",
|
||||
|
||||
"search",
|
||||
|
||||
"getAll",
|
||||
"getById",
|
||||
"getByCode",
|
||||
|
|
|
@ -2,6 +2,8 @@
|
|||
"user" :[
|
||||
"create",
|
||||
|
||||
"search",
|
||||
|
||||
"getAll",
|
||||
"getById",
|
||||
"getByCode",
|
||||
|
|
|
@ -10,4 +10,5 @@ $error-color: #cc5857;
|
|||
/* FORMULAIRES */
|
||||
$form-valid-color: #27a560;
|
||||
$form-neutral-color: #2193e6;
|
||||
$form-search-color: #5630ed;
|
||||
$form-invalid-color: darken($theme-color, 5);
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -45,7 +45,7 @@
|
|||
|
||||
&:hover,
|
||||
&:focus{
|
||||
border-color: #5630ed;
|
||||
border-color: $form-search-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -245,6 +245,10 @@
|
|||
border-color: $form-neutral-color;
|
||||
}
|
||||
|
||||
&.search{
|
||||
border-color: $form-neutral-color;
|
||||
}
|
||||
|
||||
|
||||
/* (1) Champs de texte */
|
||||
input[type=text],
|
||||
|
@ -299,6 +303,19 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Champs neutres
|
||||
&.search > input[type=text],
|
||||
&.search > input[type=mail],
|
||||
&.search > input[type=password],
|
||||
input.search[type=text],
|
||||
input.search[type=mail],
|
||||
input.search[type=password]{
|
||||
&:focus,
|
||||
&:hover{
|
||||
border-color: $form-search-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* (2) Boutons */
|
||||
|
@ -358,6 +375,20 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Boutons recherche
|
||||
button.search,
|
||||
&.search > button{
|
||||
border-color: $form-search-color;
|
||||
|
||||
background-color: $form-search-color;
|
||||
|
||||
&:hover,
|
||||
&:focus{
|
||||
background-color: #fff;
|
||||
color: $form-search-color;
|
||||
}
|
||||
}
|
||||
|
||||
// "OU" separant les boutons
|
||||
hr.OR{
|
||||
display: block;
|
||||
|
@ -404,6 +435,16 @@
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
// "OU" recherche
|
||||
.search > hr.OR,
|
||||
hr.OR.search{
|
||||
border-bottom: 1px dashed $form-search-color;
|
||||
&:before{
|
||||
color: $form-search-color;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -153,6 +153,26 @@
|
|||
|
||||
|
||||
|
||||
/* RENVOIE UN UTILISATEUR EN FONCTION D'UN MOT CLE
|
||||
*
|
||||
* @keyword<String> Element de recherche
|
||||
*
|
||||
* @return user<Array> Retourne la liste des utilisateurs trouves
|
||||
*
|
||||
*/
|
||||
public static function search($keyword){
|
||||
// On recupere les donnees
|
||||
$user = new Repo('user/search', array($keyword));
|
||||
|
||||
return array(
|
||||
'users' => $user->answer()
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* RENVOIE LA LISTE EXHAUSTIVE DES UTILISATEURS
|
||||
*
|
||||
* @return utilisateurs<Array> Liste des utilisateurs
|
||||
|
|
|
@ -61,6 +61,30 @@
|
|||
|
||||
|
||||
|
||||
/* RENVOIE UN UTILISATEUR EN FONCTION D'UN MOT CLE
|
||||
*
|
||||
* @keyword<String> Element de recherche
|
||||
*
|
||||
* @return user<Array> Retourne l'utilisateur trouve ou FALSE si rien n'est trouve
|
||||
*
|
||||
*/
|
||||
public static function search($keyword){
|
||||
// On recupere les donnees
|
||||
$searchusers = Database::getPDO()->query("SELECT * FROM user
|
||||
WHERE code LIKE '%".$keyword."%'
|
||||
OR username LIKE '%".$keyword."%'
|
||||
OR firstname LIKE '%".$keyword."%'
|
||||
OR lastname LIKE '%".$keyword."%'
|
||||
OR mail LIKE '%".$keyword."%'
|
||||
");
|
||||
|
||||
return Database::delNumeric( $searchusers->fetchAll() );
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* RENVOIE LA LISTE DE TOUS LES UTILISATEURS
|
||||
|
|
7
todo.md
7
todo.md
|
@ -7,12 +7,13 @@
|
|||
############
|
||||
# EN COURS #
|
||||
############
|
||||
- [ ] [view/js/users] Recherche instantanee
|
||||
|
||||
- [ ] [view/js/machines] Recherche instantanee
|
||||
- [ ] [machineDefault] Implementation de la recherche
|
||||
|
||||
- [x] [userDefault] Implementer la modification
|
||||
- [ ] [userRepo] Gestion des parametres optionnels
|
||||
|
||||
- [ ] [view/users] Gestion des parametres optionnels physiques -> separer la selection et modification
|
||||
|
||||
- [ ] [machineDefault] Implementer la modification
|
||||
- [ ] [view/js/machines] Modification de machine
|
||||
|
@ -21,6 +22,8 @@
|
|||
########
|
||||
# FAIT #
|
||||
########
|
||||
- [x] [view/js/users] Recherche instantanee
|
||||
- [x] [userDefault] Implementation de la recherche
|
||||
- [x] [view/js/users] Modification d'utilisateur
|
||||
- [x] [userDefault] Implementer la modification
|
||||
- [x] [view/js/users+machines] Modification @value plutot que @placeholder
|
||||
|
|
|
@ -43,7 +43,7 @@ if( section.view.element != null ){
|
|||
|
||||
section.view.link.edit[i].addEventListener('click', function(e){
|
||||
pageManager.vars[1] = e.target.getData('user');
|
||||
autofill_edit();
|
||||
autofill_edit(pageManager.vars[1]);
|
||||
navSubMenu('edit');
|
||||
}, false);
|
||||
|
||||
|
@ -54,7 +54,7 @@ if( section.view.element != null ){
|
|||
|
||||
section.view.link.remove[i].addEventListener('click', function(e){
|
||||
pageManager.vars[1] = e.target.getData('user');
|
||||
autofill_remove();
|
||||
autofill_remove(pageManager.vars[1]);
|
||||
navSubMenu('remove');
|
||||
}, false);
|
||||
|
||||
|
@ -158,11 +158,11 @@ if( section.remove.element != null ){
|
|||
|
||||
|
||||
/* (1) Gestion de l'auto-remplissage par url */
|
||||
function autofill_remove(){ if( pageManager.vars.length >= 2 && !isNaN(pageManager.vars[1]) ){
|
||||
function autofill_remove(id_user){
|
||||
// On recupere le code + username de l'utilisateur selectionne
|
||||
var user_data = null;
|
||||
|
||||
api.send({path:'userDefault/getById', data: [pageManager.vars[1]]}, function(answer){
|
||||
api.send({path:'userDefault/getById', data: [id_user]}, function(answer){
|
||||
if( answer.ModuleError == 0 ){ // Aucune erreur
|
||||
user_data = answer.user;
|
||||
|
||||
|
@ -171,7 +171,7 @@ if( section.remove.element != null ){
|
|||
section.remove.input.username.value = user_data.username;
|
||||
}
|
||||
});
|
||||
}}autofill_remove();
|
||||
}if( pageManager.vars.length >= 2 && !isNaN(pageManager.vars[1]) ) autofill_remove(pageManager.vars[1]);
|
||||
|
||||
|
||||
|
||||
|
@ -237,6 +237,12 @@ if( section.edit.element != null ){
|
|||
|
||||
// Definition des champs
|
||||
section.edit.input = {
|
||||
search: {
|
||||
keyword: document.querySelector(section.edit.text + '#edit_search_keyword'),
|
||||
id: document.querySelector(section.edit.text + '#edit_search_id'),
|
||||
submit: document.querySelector(section.edit.text + '#edit_search_submit')
|
||||
},
|
||||
|
||||
code: document.querySelector(section.edit.text + '#edit_code'),
|
||||
username: document.querySelector(section.edit.text + '#edit_username'),
|
||||
firstname: document.querySelector(section.edit.text + '#edit_firstname'),
|
||||
|
@ -250,13 +256,31 @@ if( section.edit.element != null ){
|
|||
|
||||
|
||||
/* (1) Gestion de l'auto-remplissage par url */
|
||||
function autofill_edit(){ if( pageManager.vars.length >= 2 && !isNaN(pageManager.vars[1]) ){
|
||||
function autofill_edit(id_user){
|
||||
// On recupere le code + username de l'utilisateur selectionne
|
||||
var user_data = null;
|
||||
|
||||
api.send({path:'userDefault/getById', data: [pageManager.vars[1]]}, function(answer){
|
||||
if( answer.ModuleError == 0 ){ // Aucune erreur
|
||||
user_data = answer.user;
|
||||
// SI @id_user est un entier
|
||||
if( !isNaN(id_user) ){
|
||||
api.send({path:'userDefault/getById', data: [id_user]}, function(answer){
|
||||
if( answer.ModuleError == 0 ){ // Si aucune erreur
|
||||
user_data = answer.user;
|
||||
|
||||
}else{ // Si erreuron utilise un jeu de donnees vides
|
||||
user_data = {
|
||||
id_user: '',
|
||||
code: '',
|
||||
username: '',
|
||||
firstname: '',
|
||||
lastname: '',
|
||||
mail: '',
|
||||
status: ''
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
// On enregistre l'UID de l'utilisateur
|
||||
section.edit.input.search.id.value = user_data.id_user;
|
||||
|
||||
// Auto-remplissage du formulaire
|
||||
section.edit.input.code.value = user_data.code;
|
||||
|
@ -266,9 +290,50 @@ if( section.edit.element != null ){
|
|||
section.edit.input.mail.value = user_data.mail;
|
||||
section.edit.input.password.value = '';
|
||||
section.edit.input.status.value = user_data.status;
|
||||
}
|
||||
});
|
||||
}}autofill_edit();
|
||||
});
|
||||
// Si @id_user est incoherent
|
||||
}
|
||||
|
||||
|
||||
}if( pageManager.vars.length >= 2 && !isNaN(pageManager.vars[1]) ) autofill_edit(pageManager.vars[1]);
|
||||
|
||||
|
||||
|
||||
/* (2) Gestion de la recherche de l'utilisateur */
|
||||
var lastsearch = null;
|
||||
var searchindex = 0;
|
||||
section.edit.input.search.submit.addEventListener('click', function(e){
|
||||
// On annule l'envoi de base (PHP)
|
||||
e.preventDefault();
|
||||
|
||||
// Si le champ n'est pas vide, on lance la recherche
|
||||
if( section.edit.input.search.keyword.value != '' ){
|
||||
// Redaction de la requete
|
||||
var getuid = {
|
||||
path: 'userDefault/search',
|
||||
data: [section.edit.input.search.keyword.value]
|
||||
};
|
||||
|
||||
// On envoie la requete
|
||||
api.send(getuid, function(uidanswer){
|
||||
if( uidanswer.ModuleError == 0 && uidanswer.users.length > 0 ){ // si on a trouve qqch
|
||||
// Si on trouve le meme utilisateur que lors de la derniere recherche
|
||||
if( lastsearch == uidanswer.users[searchindex].id_user )
|
||||
searchindex = (searchindex+1) % uidanswer.users.length; // on affiche le prochain (decalage cyclique)
|
||||
|
||||
lastsearch = uidanswer.users[searchindex].id_user;
|
||||
section.edit.input.search.id.value = lastsearch;
|
||||
// on auto-remplit le formulaire
|
||||
autofill_edit(lastsearch);
|
||||
|
||||
}else{
|
||||
autofill_edit(null);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}, false);
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -202,6 +202,10 @@
|
|||
echo "<section data-sublink='edit'>";
|
||||
|
||||
echo "<form class='neutral'>";
|
||||
echo "<input id='edit_search_keyword' type='text' class='search' placeholder='Recherche...'><br>";
|
||||
echo "<input id='edit_search_id' type='hidden' value=''><br>";
|
||||
echo "<button id='edit_search_submit' class='search'>Trouver</button><br><br><br>";
|
||||
|
||||
echo "<input id='edit_code' type='text' placeholder='CO-DE-RF-ID'><br>";
|
||||
echo "<input id='edit_username' type='text' placeholder='Username'><br>";
|
||||
echo "<input id='edit_firstname' type='text' placeholder='Firstname'><br>";
|
||||
|
|
Loading…
Reference in New Issue