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