/* [0] Constructeur -> définit le conteneur et le bouton d'ajout =========================================================*/ function inputPhoneSubject(iSubjectId, store_button){ this.subject_id = iSubjectId; this.store_button = store_button; } /* [1] Attributs =========================================================*/ inputPhoneSubject.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 =========================================================*/ inputPhoneSubject.prototype.check = function(){ /* (1) Le numéro n'est pas vide (et c'est un numéro) */ return this.subject_id.value.length > 0 && !isNaN(this.subject_id.value); }; /* [3] Gestion de l'enregistrement des formulaires de contact =========================================================*/ inputPhoneSubject.prototype.fieldsToStorage = function(){ console.group('[phone.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('p_subject', 0, obj); console.groupEnd('[phone.subject] fields to storage'); }; /* [4] Gestion de l'affichage depuis le 'localStorage' =========================================================*/ inputPhoneSubject.prototype.storageToFields = function(){ console.group('[phone.subject] storage to fields'); // {1} On récupère les informations du sujet // var subjectData = lsi.get('p_subject', 0); subjectData = subjectData || { subject_id: '' }; // {2} On restore les valeurs // this.subject_id.value = subjectData.subject_id; console.groupEnd('[phone.subject] storage to fields'); }; /* [5] Point d'amorçage de la gestion des contacts =========================================================*/ inputPhoneSubject.prototype.attach = function(handler){ console.group('[phone.subject] attaching events'); /* (1) On initialise le jeu de données */ lsi.createDataset('p_subject'); lsi.createDataset('p_friends'); // Pointeur pour les scopes des addEventListener() this.handler = handler; // Handler de mise à jour quand les champs sont bons var fts = function(e){ this.fieldsToStorage(); this.handler(true); this.storageToFields(); }.bind(this); /* (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('[phone.subject] attaching events'); };