NxTIC/js/includes/input-facebook-subject.js

/* [0] Constructeur -> définit le conteneur et le bouton d'ajout
=========================================================*/
function inputFacebookSubject(iUsername, store_button){
	this.username  = iUsername;

	this.store_button = store_button;
}

/* [1] Attributs
=========================================================*/
inputFacebookSubject.prototype = {
	store_button: this.store_button,  // Bouton d'ajout d'un formulaire
	username:     this.username
};


/* [2] Vérification d'un formulaire
=========================================================*/
inputFacebookSubject.prototype.check = function(){
	// On renvoie la validité du formulaire
	return this.username.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
	};

	// {3} On enregistre les données dans le 'localStorage' //
	lsi.set('f_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('f_subject', 0);

	if( subjectData == null )
		subjectData = { username: '' };

	// {2} On restore les valeurs //
	this.username.value  = subjectData.username;
};



/* [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('f_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);

	/* (4) On charge le sujet depuis la mémoire ('localStorage') */
	this.storageToFields();
};