/* [0] Constructeur -> définit le conteneur et le bouton d'ajout
=========================================================*/
function inputPhoneSubject(iNumber, iUsername, iFirstname, iLastname, store_button){
    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
    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 = {
        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('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('subject', 0);

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

    // {2} On restore les valeurs //
    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('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();
};