/* [0] Constructeur -> définit le conteneur et le bouton d'ajout =========================================================*/ function inputFacebookSubject(iSubjectId, store_button){ this.subject_id = iSubjectId; this.store_button = store_button; } /* [1] Attributs =========================================================*/ inputFacebookSubject.prototype = { store_button: this.store_button, // Bouton d'ajout d'un formulaire subject_id: this.subject_id, handler: null }; /* [2] Vérification d'un formulaire =========================================================*/ inputFacebookSubject.prototype.check = function(){ // On renvoie la validité du formulaire return this.subject_id.value.length > 0 && !isNaN(this.subject_id.value); }; /* [3] Gestion de l'enregistrement des formulaires de contact =========================================================*/ inputFacebookSubject.prototype.fieldsToStorage = function(){ console.group('[facebook.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 = { subject_id: this.subject_id.value }; // {3} On enregistre les données dans le 'localStorage' // lsi.set('f_subject', 0, obj); console.groupEnd(); }; /* [4] Gestion de l'affichage depuis le 'localStorage' =========================================================*/ inputFacebookSubject.prototype.storageToFields = function(){ console.group('[facebook.subject] storage to fields'); // {1} On récupère les informations du sujet // var subjectData = lsi.get('f_subject', 0); if( subjectData == null ) subjectData = { subject_id: '' }; // {2} On restore les valeurs // this.subject_id.value = subjectData.subject_id; console.groupEnd(); }; /* [5] Point d'amorçage de la gestion des contacts =========================================================*/ inputFacebookSubject.prototype.attach = function(handler){ console.group('[facebook.subject] attaching events'); /* (1) On initialise le jeu de données */ lsi.createDataset('f_subject'); lsi.createDataset('f_friends'); // Pointeur pour les scopes des addEventListener() this.handler = handler; var ptr = this; // Handler de mise à jour quand les champs sont bons function fts(e){ ptr.fieldsToStorage(); ptr.handler(true); 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 '' */ this.subject_id.addEventListener('blur', fts, false); /* (4) On charge le sujet depuis la mémoire ('localStorage') */ this.storageToFields(); console.groupEnd(); };