logauth
/
SMMP
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

- [x] [reset.js] Gestion des animations en js

This commit is contained in:
xdrm-brackets 2016-02-18 10:54:26 +01:00
parent 5cf48d4dcb
commit 47bba837db
5 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/container.css
View File

File diff suppressed because one or more lines are too long

11
css/container.scss
View File

@ -357,7 +357,7 @@
border-radius: 3px; border-radius: 3px;
border: 1px solid $form-invalid-color; border: 1px solid $form-invalid-color;
background-color: $form-invalid-color; background: $form-invalid-color center center no-repeat;
color: #fff; color: #fff;
@ -424,7 +424,8 @@
&.invalid > button.active, &.invalid > button.active,
button.invalid.active, button.invalid.active,
button.active{ button.active{
background: url('/f/svg/active/st/container/'+$rd-form-invalid-color) center center no-repeat; background-color: #fff;
background-image: url('/f/svg/active/st/container/'+$rd-form-invalid-color) !important;
background-size: 1em auto; background-size: 1em auto;
color: transparent !important; color: transparent !important;
@ -433,15 +434,15 @@
button.valid.active, button.valid.active,
&.valid > button.active{ &.valid > button.active{
background-image: url('/f/svg/active/st/container/'+$rd-form-valid-color); background-image: url('/f/svg/active/st/container/'+$rd-form-valid-color) !important;
} }
button.neutral.active, button.neutral.active,
&.neutral > button.active{ &.neutral > button.active{
background-image: url('/f/svg/active/st/container/'+$rd-form-neutral-color); background-image: url('/f/svg/active/st/container/'+$rd-form-neutral-color) !important;
} }
button.search.active, button.search.active,
&.search > button.active{ &.search > button.active{
background-image: url('/f/svg/active/st/container/'+$rd-form-search-color); background-image: url('/f/svg/active/st/container/'+$rd-form-search-color) !important;
} }

12
js/lib/reset.js
View File

@ -92,6 +92,18 @@ NodeList.prototype.indexOf = HTMLCollection.prototype.indexOf = function(searche
// GESTION DES ANIMATIONS (CLASSE PENDANT TEMPS IMPARTI)
Element.prototype.anim = function(className, timeout){
var pointer = this; // on cree un pointeur
pointer.addClass(className); // on met la classe
// on la retire apres le @timeout imparti
setTimeout(function(){ pointer.remClass(className); }, timeout);
}

3
todo.md
View File

@ -8,6 +8,9 @@
# EN COURS # # EN COURS #
############ ############
- [x] [container.scss] Icone dans bouton quand succes sur l'operation - [x] [container.scss] Icone dans bouton quand succes sur l'operation
- [x] [reset.js] Gestion des animations en js
- [ ] [view/js/users.js] Gestion de l'icone avec timeout
- [ ] [view/js/machines.js] Gestion de l'icone avec timeout
- [ ] [view/users][view/js/users.js] Suppression avec recherche comme pour la modification - [ ] [view/users][view/js/users.js] Suppression avec recherche comme pour la modification
- [ ] [view/machines][view/js/machines.js] Suppression avec recherche comme pour la modification - [ ] [view/machines][view/js/machines.js] Suppression avec recherche comme pour la modification

9
view/js/users.js
View File

@ -158,9 +158,11 @@ if( section.create.element != null ){
}; };
api.send(request, function(answer){ api.send(request, function(answer){
if( answer.ModuleError == 0 ) // Tout s'est bien deroule if( answer.ModuleError == 0 ){ // Tout s'est bien deroule
console.log('Utilisateur cree!'); console.log('Utilisateur cree!');
else // Erreur
section.create.input.submit.anim('active', 1000);
}else // Erreur
console.error('ModuleError::'+answer.ModuleError); console.error('ModuleError::'+answer.ModuleError);
}); });
@ -305,6 +307,7 @@ if( section.remove.element != null ){
if( answer.ModuleError == 0 && answer.status == true ){ // Tout s'est bien deroule if( answer.ModuleError == 0 && answer.status == true ){ // Tout s'est bien deroule
console.log('Utilisateur supprime!'); console.log('Utilisateur supprime!');
section.remove.input.submit.anim('active', 1000);
// On vide le formulaire // On vide le formulaire
autofill_remove(null); autofill_remove(null);
}else // Erreur }else // Erreur
@ -477,6 +480,8 @@ if( section.edit.element != null ){
if( answer.ModuleError == 0 && answer.status == true ){ // Tout s'est bien deroule if( answer.ModuleError == 0 && answer.status == true ){ // Tout s'est bien deroule
console.log('Utilisateur modifie!'); console.log('Utilisateur modifie!');
section.edit.input.submit.anim('active', 1000);
// On met a jour l'utilisateur // On met a jour l'utilisateur
autofill_edit(section.edit.input.search.id.value); autofill_edit(section.edit.input.search.id.value);