97 lines
3.0 KiB
JavaScript
97 lines
3.0 KiB
JavaScript
|
/* [0] Constructeur -> définit le conteneur et le bouton d'ajout
|
||
|
|
=========================================================*/
|
||
|
|
function inputFacebookSubject(iUsername, iFirstname, iLastname, store_button){
|
||
|
|
this.username = iUsername;
|
||
|
|
this.firstname = iFirstname;
|
||
|
|
this.lastname = iLastname;
|
||
|
|
|
||
|
|
this.store_button = store_button;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* [1] Attributs
|
||
|
|
=========================================================*/
|
||
|
|
inputFacebookSubject.prototype = {
|
||
|
|
store_button: this.store_button, // Bouton d'ajout d'un formulaire
|
||
|
|
username: this.username,
|
||
|
|
firstname: this.firstname,
|
||
|
|
lastname: this.lastname
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
/* [2] Vérification d'un formulaire
|
||
|
|
=========================================================*/
|
||
|
|
inputFacebookSubject.prototype.check = function(){
|
||
|
|
// On renvoie la validité du formulaire
|
||
|
|
return validForm = validForm && this.username.value.length+this.firstname.value.length+this.lastname.value.length > 0;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* [3] Gestion de l'enregistrement des formulaires de contact
|
||
|
|
=========================================================*/
|
||
|
|
inputFacebookSubject.prototype.fieldsToStorage = function(){
|
||
|
|
console.log('SUBJECT: FIELDS TO STORAGE');
|
||
|
|
|
||
|
|
// {1} Si le formulaire n'est pas valide, on ne l'enregistre pas //
|
||
|
|
if( !this.check() ) return false;
|
||
|
|
|
||
|
|
// {2} On récupère et met en forme les valeurs du deflater //
|
||
|
|
var obj = {
|
||
|
|
username: this.username.value,
|
||
|
|
firstname: this.firstname.value,
|
||
|
|
lastname: this.lastname.value
|
||
|
|
};
|
||
|
|
|
||
|
|
// {3} On enregistre les données dans le 'localStorage' //
|
||
|
|
lsi.set('subject', 0, obj);
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* [4] Gestion de l'affichage depuis le 'localStorage'
|
||
|
|
=========================================================*/
|
||
|
|
inputFacebookSubject.prototype.storageToFields = function(){
|
||
|
|
console.log('SUBJECT: STORAGE TO FIELDS');
|
||
|
|
|
||
|
|
// {1} On récupère les informations du sujet //
|
||
|
|
var subjectData = lsi.get('subject', 0);
|
||
|
|
|
||
|
|
if( subjectData == null )
|
||
|
|
subjectData = { username: '', firstname: '', lastname: '' };
|
||
|
|
|
||
|
|
// {2} On restore les valeurs //
|
||
|
|
this.username.value = subjectData.username;
|
||
|
|
this.firstname.value = subjectData.firstname;
|
||
|
|
this.lastname.value = subjectData.lastname;
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* [5] Point d'amorçage de la gestion des contacts
|
||
|
|
=========================================================*/
|
||
|
|
inputFacebookSubject.prototype.attach = function(){
|
||
|
|
console.log('SUBJECT: ATTACH');
|
||
|
|
|
||
|
|
/* (1) On initialise le jeu de données */
|
||
|
|
lsi.createDataset('subject');
|
||
|
|
|
||
|
|
// Pointeur pour les scopes des addEventListener()
|
||
|
|
var ptr = this;
|
||
|
|
// Handler de mise à jour quand les champs sont bons
|
||
|
|
function fts(e){ if( ptr.fieldsToStorage() ) ptr.storageToFields(); }
|
||
|
|
|
||
|
|
|
||
|
|
/* (2) On attache l'évènement sur le bouton d'enregistrement */
|
||
|
|
this.store_button.addEventListener('click', fts, false);
|
||
|
|
|
||
|
|
/* (3) On attache un évènement de 'blur' sur chaque '<input type="text">' */
|
||
|
|
this.username.addEventListener( 'blur', fts, false);
|
||
|
|
this.firstname.addEventListener( 'blur', fts, false);
|
||
|
|
this.lastname.addEventListener( 'blur', fts, false);
|
||
|
|
|
||
|
|
/* (4) On charge le sujet depuis la mémoire ('localStorage') */
|
||
|
|
this.storageToFields();
|
||
|
|
};
|