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

/* [0] Constructeur -> définit le conteneur et le bouton d'ajout
=========================================================*/
function inputPhoneSubject(iTmpId, iNumber, iUsername, iFirstname, iLastname, store_button){
	this.tmp_id    = iTmpId;
	this.number    = iNumber;
	this.username  = iUsername;
	this.firstname = iFirstname;
	this.lastname  = iLastname;

	this.store_button = store_button;
}

/* [1] Attributs
=========================================================*/
inputPhoneSubject.prototype = {
	store_button: this.store_button,  // Bouton d'ajout d'un formulaire
	tmp_id:       this.tmp_id,
	number:       this.number,
	username:     this.username,
	firstname:    this.firstname,
	lastname:     this.lastname
};


/* [2] Vérification d'un formulaire
=========================================================*/
inputPhoneSubject.prototype.check = function(){
	/* (1) Le numéro n'est pas vide */
	var validForm = this.number.value.length > 0;

	/* (2) ET le pseudo et/ou le prénom et/ou le nom n'est pas vide */
	validForm = validForm && this.username.value.length+this.firstname.value.length+this.lastname.value.length > 0;

	// On renvoie la validité du formulaire
	return validForm;
};

/* [3] Gestion de l'enregistrement des formulaires de contact
=========================================================*/
inputPhoneSubject.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 = {
		tmp_id:    this.tmp_id.value,
		number:    this.number.value,
		username:  this.username.value,
		firstname: this.firstname.value,
		lastname:  this.lastname.value
	};

	// {3} On enregistre les données dans le 'localStorage' //
	lsi.set('p_subject', 0, obj);

};






/* [4] Gestion de l'affichage depuis le 'localStorage'
=========================================================*/
inputPhoneSubject.prototype.storageToFields = function(){
	console.log('SUBJECT: STORAGE TO FIELDS');

	// {1} On récupère les informations du sujet //
	var subjectData = lsi.get('p_subject', 0);

	if( subjectData == null )
		subjectData = { tmp_id: '', number: '', username: '', firstname: '', lastname: '' };

	// {2} On restore les valeurs //
	this.tmp_id.value    = subjectData.tmp_id;
	this.number.value    = subjectData.number;
	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
=========================================================*/
inputPhoneSubject.prototype.attach = function(){
	console.log('SUBJECT: ATTACH');

	/* (1) On initialise le jeu de données */
	lsi.createDataset('p_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.number.addEventListener(      'blur', fts, false);
	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();
};