[webpack.teacher.view]] Can now REMOVE (delete) professors

This commit is contained in:
xdrm-brackets 2018-03-07 13:13:31 +01:00
parent f491d9736d
commit c3c59737d1
4 changed files with 96 additions and 9 deletions

View File

@ -6,7 +6,7 @@
<div class='card container'> <div class='card container'>
<section data-create=''> <section class='valid'>
<select class='category'> <select class='category'>
<option selected='selected' disabled='disabled'>Catégorie d'enseignant</option> <option selected='selected' disabled='disabled'>Catégorie d'enseignant</option>
@ -38,8 +38,8 @@
:data-lname='prof.lastName' :data-lname='prof.lastName'
:data-fname='prof.firstName'> :data-fname='prof.firstName'>
<div class='remove' :data-remove='prof.idProfesseur' @click="gstore.remove($event.currentTarget.getAttribute('data-remove'))"></div> <div class='remove' :data-remove='prof.idProfesseur' @click="gstore.ir_handler($event.currentTarget.getAttribute('data-remove'))"></div>
<div class='edit' :data-edit='prof.idProfesseur' @click="gstore.edit($event.currentTarget.getAttribute('data-edit'))"></div> <div class='edit' :data-edit='prof.idProfesseur' @click="gstore.ie_handler($event.currentTarget.getAttribute('data-edit'))"></div>
<span class='category'>{{ prof.categorie }}</span> <span class='category'>{{ prof.categorie }}</span>
<h1 :class="prof.hoursToDo > prof.equiTD ? 'warning' : ''">{{ prof.firstName }} {{ prof.lastName }}</h1> <h1 :class="prof.hoursToDo > prof.equiTD ? 'warning' : ''">{{ prof.firstName }} {{ prof.lastName }}</h1>

View File

@ -204,3 +204,86 @@ gstore.add('is_handler', function(e){
}); });
/* (5) Manage instant remove
---------------------------------------------------------*/
/* (1) Define remove handler */
gstore.add('ir_handler', function(prof_id){
/* (1) Abort if wrong prof_id */
if( prof_id == null || isNaN(prof_id) )
return;
/* (2) Prepare confirmation pop-up */
var popup_rq = {
title: 'Confirmation de suppression',
content: "La suppression de l'enseignant <b>sadkfjsdlkf</b> est irréversible.<br><br>Voulez-vous le supprimer définitivement ?",
action: 'Supprimer',
type: 'invalid'
};
/* (3) Show popup */
(new Promise( (resolve, reject) => {
popup.ask({
title: 'Confirmation de suppression',
content: "La suppression de l'enseignant <b>sadkfjsdlkf</b> est irréversible.<br><br>Voulez-vous le supprimer définitivement ?",
action: 'Supprimer',
type: 'invalid'
}, (popup_rs) => { popup_rs && resolve() });
})).then(function(){
return new Promise( (resolve, reject) => {
/* (3.1) Delete professor */
api.call('DELETE professor/'+prof_id, {}, function(rs){
/* (3.1.1) Abort on error */
if( rs.error !== 0 || rs.deleted !== true )
return reject(rs.error);
/* (3.1.2) Success */
resolve();
});
});
/* (4) On success */
}).then(function(){
/* (4.1) Find index in gstore */
var gi = gstore.get.professors.map( (data, i) => { return ( data.idProfesseur && data.idProfesseur == prof_id ) ? i : ''; }).join('');
/* (4.2) Do nothing if not found */
if( isNaN(gi) ) return;
/* (4.3) Else -> remove from visible */
gstore.get.professors.splice(gi, 1);
/* (5) On error */
}).catch(function(err_code){
popup.ask({
title: 'Error ('+err_code+')',
content: 'La suppression à échoué. Veuillez réessayer ultérieurement.',
action: 'OK',
type: 'neutral'
}, () => {});
});
});

View File

@ -145,6 +145,10 @@
// border: 1px solid darken(#fff, 10%); // border: 1px solid darken(#fff, 10%);
box-shadow: 0 1px 1px darken(#fff, 20%); box-shadow: 0 1px 1px darken(#fff, 20%);
box-shadow: 0 1px 1px darken(#fff, 20%);
&.invalid{ box-shadow: 0; border: 1px solid $form-invalid-color; }
&.valid{ box-shadow: 0; border: 1px solid $form-valid-color; }
background-color: #fff; background-color: #fff;
color: $primary-color; color: $primary-color;

View File

@ -34,9 +34,9 @@
& > .header{ & > .header{
display: block; display: block;
position: relative; position: relative;
width: calc( 100% - 2*1em ); width: calc( 100% - 2*2em );
padding: 1em; padding: 1em 2em;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
border-bottom: 2px solid darken($bg-color, 5%); border-bottom: 2px solid darken($bg-color, 5%);
@ -50,9 +50,9 @@
& > .body{ & > .body{
display: block; display: block;
position: relative; position: relative;
width: calc( 100% - 2*1em ); width: calc( 100% - 2*2em );
padding: 1em; padding: 2em;
b, strong{ color: darken($primary-color, 10%); } b, strong{ color: darken($primary-color, 10%); }
@ -61,9 +61,9 @@
& > .footer{ & > .footer{
display: flex; display: flex;
position: relative; position: relative;
width: calc( 100% - 2*1em ); width: calc( 100% - 2*2em );
padding: 1em; padding: 1em 2em;
background-color: darken($bg-color, 5%); background-color: darken($bg-color, 5%);