Portage de phone->facebook en cours : 1) Modification de 'input.js' et gestion de la différenciation des pages (mais pas dynamique pour l'instant) 2) Modification de input-*-subject.js pour facebook 3) Modification de input-*-contact.js pour facebook 4) Modification du html (copie+modification id's)

js/includes/input-facebook-contact-min.js

@@ -0,0 +1,8 @@
+function inputFacebookContact(a,b){this.container=a;this.nav_container=b}inputFacebookContact.prototype={container:this.container,nav_container:this.nav_container,selected:0,handler:null};inputFacebookContact.prototype.check=function(a){var b=0<a.number.length;return b=b&&0<a.username.length+a.firstname.length+a.lastname.length};
+inputFacebookContact.prototype.fieldsToStorage=function(){console.log("CONTACTS: FIELDS TO STORAGE");for(var a=$$('[data-sublink="facebook"] article.contact-panel .new-contact'),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input"],["data-name"])).deflate();if(this.check(c)){var d={uid:parseInt(c.uid),number:c.number,username:c.username,firstname:c.firstname,lastname:c.lastname,call:parseInt(c.call),sms:parseInt(c.sms),countcall:parseInt(c.countcall),countsms:parseInt(c.countsms)};d.hash=crc32(JSON.stringify(d));
+lsi.set("contacts",parseInt(c.uid),d)}}};
+inputFacebookContact.prototype.add=function(a){console.log("CONTACTS: ADD");if(null==a||null==a.uid||isNaN(a.uid))return!1;a.number=null!=a.number?a.number:"";a.username=null!=a.username?a.username:"";a.firstname=null!=a.firstname?a.firstname:"";a.lastname=null!=a.lastname?a.lastname:"";a.call=null!=a.call?a.call:-1;a.sms=null!=a.sms?a.sms:-1;a.countcall=null!=a.countcall?a.countcall:0;a.countsms=null!=a.countsms?a.countsms:0;this.container.innerHTML+=contactBuilder.build(a);a=$$('[data-sublink="facebook"] article.contact-panel .new-contact');
+for(var b=this,c=0;c<a.length;c++)a[c].removeEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1),a[c].addEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1)};inputFacebookContact.prototype.storageToFields=function(){console.log("CONTACTS: STORAGE TO FIELDS");var a=lsi.keys("contacts");this.container.innerHTML="";for(var b=this.selected+10,c=this.selected;c<b&&c<a.length;c++)this.add(lsi.get("contacts",a[c]));b>=a.length&&this.add({uid:a.length});this.updateNavBar()};
+inputFacebookContact.prototype.nav=function(a){if(null==a||!1===a.getData("n")||isNaN(a.getData("n"))||"nav-contact"!=a.parentNode.id)return!1;for(var b=$$('[data-sublink="facebook"] #f_nav-contact > span.active'),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.getData("n"))};
+inputFacebookContact.prototype.updateNavBar=function(){var a=lsi.keys("contacts").length;if(this.nav_container.children.length!=a){this.nav_container.innerHTML="";for(var b=0;b<a;b+=10)this.nav_container.innerHTML+='<span data-n="'+b+'">'+(1+b/10)+"</span>"}this.nav($('[data-sublink="facebook"] #f_nav-contact [data-n="'+this.selected+'"]'))};
+inputFacebookContact.prototype.attach=function(a){console.log("CONTACTS: ATTACH");lsi.createDataset("contacts");this.storageToFields();this.handler=a;var b=this;this.nav_container.addEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1)};

js/includes/input-facebook-contact.js

@@ -0,0 +1,244 @@
+/* [0] Constructeur -> définit le conteneur et le bouton d'ajout
+=========================================================*/
+function inputFacebookContact(container, navContainer){
+	this.container     = container;
+	this.nav_container = navContainer;
+}
+
+/* [1] Attributs
+=========================================================*/
+inputFacebookContact.prototype = {
+	container: this.container,         // Conteneur des formulaires de contact
+	nav_container: this.nav_container, // Conteneur de la navigation entre les formulaires
+	selected: 0,                       // UID du permier des contacts sélectionnés (10 par 10)
+	handler: null                      // Fonction pour l'enregistrement et la synchronisation des données
+};
+
+
+
+/* [2] Vérification des données d'un contact
+=========================================================*/
+inputFacebookContact.prototype.check = function(deflated){
+	/* (1) Le numéro n'est pas vide */
+	var validForm = deflated.number.length > 0;
+	/* (2) ET le pseudo et/ou le prénom et/ou le nom n'est pas vide */
+	validForm = validForm && deflated.username.length+deflated.firstname.length+deflated.lastname.length > 0;
+
+	/* (3) On retourne la validité du formulaire */
+	return validForm
+}
+
+
+/* [3] Gestion de l'enregistrement des formulaires de contact
+=========================================================*/
+inputFacebookContact.prototype.fieldsToStorage = function(){
+	console.log('CONTACTS: FIELDS TO STORAGE');
+
+	// {1} Pour chaque formulaire de contact présent //
+	var visibleContacts = $$('[data-sublink="facebook"] article.contact-panel .new-contact');
+	for( var i = 0 ; i < visibleContacts.length ; i++ ){
+
+		// {2} On initialise notre deflater pour récupérer les valeurs //
+		var deflater = new FormDeflater(visibleContacts[i], ['input'], ['data-name']);
+
+		// {3} On enregistre ce contact si le numéro n'est pas vide et soit pseudo/prénom/nom //
+		var deflated = deflater.deflate();
+
+		// Si le formulaire n'est pas valide, on ne l'enregistre pas
+		if( !this.check(deflated) ) continue;
+
+		// {4} On récupère et met en forme les valeurs du deflater //
+		var obj = {
+			uid:       parseInt(deflated.uid),
+			number:    deflated.number,
+			username:  deflated.username,
+			firstname: deflated.firstname,
+			lastname:  deflated.lastname,
+
+			call: parseInt(deflated.call),
+			sms:  parseInt(deflated.sms),
+
+			countcall: parseInt(deflated.countcall),
+			countsms:  parseInt(deflated.countsms)
+		};
+
+		/* (5) On calcule et ajoute le hash des données */
+		obj.hash = crc32( JSON.stringify(obj) );
+
+		// {6} On enregistre les données dans le 'localStorage' //
+		lsi.set('contacts', parseInt(deflated.uid), obj);
+
+	}
+
+};
+
+
+
+
+
+
+
+
+
+/* [4] Gestion de l'ajout physique d'un nouveau contact
+=========================================================*/
+/*
+*
+* @objectData<Object>                                     Objet contenant les informations nécessaires à l'affichage
+*
+*/
+inputFacebookContact.prototype.add = function(objectData){
+	console.log('CONTACTS: ADD');
+
+	// Si pas d'uid, on quitte
+	if( objectData == null || objectData.uid == null || isNaN(objectData.uid) )
+		return false
+
+	// {0} On formatte l'object //
+	objectData.number    = (objectData.number    != null) ? objectData.number    : '';
+	objectData.username  = (objectData.username  != null) ? objectData.username  : '';
+	objectData.firstname = (objectData.firstname != null) ? objectData.firstname : '';
+	objectData.lastname  = (objectData.lastname  != null) ? objectData.lastname  : '';
+	objectData.call      = (objectData.call      != null) ? objectData.call      : -1;
+	objectData.sms       = (objectData.sms       != null) ? objectData.sms       : -1;
+	objectData.countcall = (objectData.countcall != null) ? objectData.countcall : 0;
+	objectData.countsms  = (objectData.countsms  != null) ? objectData.countsms  : 0;
+
+
+	// {1} On ajoute le HTML //
+	this.container.innerHTML += contactBuilder.build(objectData);
+
+	// {2} On attache les évènements sur les formulaires //
+	var contactForms = $$('[data-sublink="facebook"] article.contact-panel .new-contact');
+
+	// On met à jour les listener (remove, puis add)
+	var ptr = this;
+	for( var i = 0 ; i < contactForms.length ; i++ ){
+		contactForms[i].removeEventListener('click', function(e){ ptr.nav(e.target); ptr.handler(e.target); }, false);
+		contactForms[i].addEventListener('click',    function(e){ ptr.nav(e.target); ptr.handler(e.target); }, false);
+	}
+
+};
+
+
+
+
+
+
+
+
+
+
+/* [5] Gestion de l'affichage depuis le 'localStorage'
+=========================================================*/
+inputFacebookContact.prototype.storageToFields = function(){
+	console.log('CONTACTS: STORAGE TO FIELDS');
+
+	// {1} Pour chaque contact du 'localStorage' //
+	var contactKeys = lsi.keys('contacts');
+
+	// On réinitialise le HTML
+	this.container.innerHTML = '';
+
+	// {2} On ajoute chaque contact (parmi les séléctionnés) à la liste //
+	var min = this.selected;    // On affiche du contact sélectionné
+	var max = this.selected+10; // On s'arrête à 10 contacs
+
+	for( var i = min ; i < max && i < contactKeys.length ; i++ )
+		this.add( lsi.get('contacts', contactKeys[i]) );
+
+
+	// On ajoute un champ de plus à remplir si c'est la dernière page
+	if( max >= contactKeys.length )
+		this.add({uid: contactKeys.length});
+
+	/* (3) On met à jour la barre de navigation */
+	this.updateNavBar();
+
+};
+
+
+
+
+
+
+/* [6] Gestion de la navigation entre les formulaires (10 par 10)
+=========================================================*/
+inputFacebookContact.prototype.nav = function(element){
+	/* (1) On vérifie que l'élément contient un nombre et existe */
+	if( element == null  )
+		return false;
+
+	if( element.getData('n') === false || isNaN(element.getData('n')) || element.parentNode.id != 'nav-contact' )
+		return false;
+
+	/* (2) On désactive tous les éléments actifs */
+	var activeElements = $$('[data-sublink="facebook"] #f_nav-contact > span.active');
+	for( var i = 0 ; i < activeElements.length ; i++ )
+		activeElements[i].remClass('active');
+
+	/* (3) On active l'élément courant */
+	element.addClass('active');
+	this.selected = parseInt(element.getData('n'));
+};
+
+
+
+
+
+
+
+/* [7] Mise à jour de la navigation
+=========================================================*/
+inputFacebookContact.prototype.updateNavBar = function(){
+	var contactKeys = lsi.keys('contacts');
+	var len         = contactKeys.length;
+
+
+	/* (1) On vérifie si la barre de navigation est à jour */
+	var navBarUpToDate = this.nav_container.children.length == len;
+
+
+	/* (2) On vide et remplit la barre de nav, si elle n'est pas à jour */
+	if( !navBarUpToDate ){
+		this.nav_container.innerHTML = '';
+
+		for( var i = 0 ; i < len ; i+=10 )
+			this.nav_container.innerHTML += '<span data-n="'+i+'">'+ (1+i/10) +'</span>';
+	}
+
+
+	/* (4) On séléctionne par défaut la dernière MINI fiche sélectionnée */
+	this.nav( $('[data-sublink="facebook"] #f_nav-contact [data-n="'+( this.selected )+'"]') );
+};
+
+
+
+
+
+
+/* [8] Point d'amorçage de la gestion des contacts
+=========================================================*/
+inputFacebookContact.prototype.attach = function(handler){
+	console.log('CONTACTS: ATTACH');
+
+	/* (1) On initialise le jeu de données */
+	lsi.createDataset('contacts');
+
+	/* (2) On charge les contacts depuis la mémoire ('localStorage') */
+	this.storageToFields();
+
+	/* (3) On enregistre le handler */
+	this.handler = handler;
+
+	/* (4) On attache l'évènement sur le conteneur de navigation */
+	var ptr = this;
+	this.nav_container.addEventListener('click', function(e){
+		// 1. On gère la navigation
+		ptr.nav(e.target);
+
+		// 2. On gere le chargement dynamique
+		ptr.handler(e.target);
+	}, false);
+
+};

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

@@ -0,0 +1,4 @@
+function inputFacebookSubject(a,b,c,d){this.username=a;this.firstname=b;this.lastname=c;this.store_button=d}inputFacebookSubject.prototype={store_button:this.store_button,username:this.username,firstname:this.firstname,lastname:this.lastname};inputFacebookSubject.prototype.check=function(){return validForm=validForm&&0<this.username.value.length+this.firstname.value.length+this.lastname.value.length};
+inputFacebookSubject.prototype.fieldsToStorage=function(){console.log("SUBJECT: FIELDS TO STORAGE");if(!this.check())return!1;lsi.set("subject",0,{username:this.username.value,firstname:this.firstname.value,lastname:this.lastname.value})};
+inputFacebookSubject.prototype.storageToFields=function(){console.log("SUBJECT: STORAGE TO FIELDS");var a=lsi.get("subject",0);null==a&&(a={username:"",firstname:"",lastname:""});this.username.value=a.username;this.firstname.value=a.firstname;this.lastname.value=a.lastname};
+inputFacebookSubject.prototype.attach=function(){function a(a){b.fieldsToStorage()&&b.storageToFields()}console.log("SUBJECT: ATTACH");lsi.createDataset("subject");var b=this;this.store_button.addEventListener("click",a,!1);this.username.addEventListener("blur",a,!1);this.firstname.addEventListener("blur",a,!1);this.lastname.addEventListener("blur",a,!1);this.storageToFields()};

js/includes/input-facebook-subject.js

@@ -0,0 +1,96 @@
+/* [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();
+};

js/includes/input-phone-contact-min.js

@@ -1,8 +1,8 @@
 function inputPhoneContact(a,b){this.container=a;this.nav_container=b}inputPhoneContact.prototype={container:this.container,nav_container:this.nav_container,selected:0,handler:null};inputPhoneContact.prototype.check=function(a){var b=0<a.number.length;return b=b&&0<a.username.length+a.firstname.length+a.lastname.length};
-inputPhoneContact.prototype.fieldsToStorage=function(){console.log("CONTACTS: FIELDS TO STORAGE");for(var a=$$("article.contact-panel .new-contact"),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input"],["data-name"])).deflate();if(this.check(c)){var d={uid:parseInt(c.uid),number:c.number,username:c.username,firstname:c.firstname,lastname:c.lastname,call:parseInt(c.call),sms:parseInt(c.sms),countcall:parseInt(c.countcall),countsms:parseInt(c.countsms)};d.hash=crc32(JSON.stringify(d));lsi.set("contacts",
+inputPhoneContact.prototype.fieldsToStorage=function(){console.log("CONTACTS: FIELDS TO STORAGE");for(var a=$$('[data-sublink="phone"] article.contact-panel .new-contact'),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input"],["data-name"])).deflate();if(this.check(c)){var d={uid:parseInt(c.uid),number:c.number,username:c.username,firstname:c.firstname,lastname:c.lastname,call:parseInt(c.call),sms:parseInt(c.sms),countcall:parseInt(c.countcall),countsms:parseInt(c.countsms)};d.hash=crc32(JSON.stringify(d));
-parseInt(c.uid),d)}}};
+lsi.set("contacts",parseInt(c.uid),d)}}};
-inputPhoneContact.prototype.add=function(a){console.log("CONTACTS: ADD");if(null==a||null==a.uid||isNaN(a.uid))return!1;a.number=null!=a.number?a.number:"";a.username=null!=a.username?a.username:"";a.firstname=null!=a.firstname?a.firstname:"";a.lastname=null!=a.lastname?a.lastname:"";a.call=null!=a.call?a.call:-1;a.sms=null!=a.sms?a.sms:-1;a.countcall=null!=a.countcall?a.countcall:0;a.countsms=null!=a.countsms?a.countsms:0;this.container.innerHTML+=contactBuilder.build(a);a=$$("article.contact-panel .new-contact");
+inputPhoneContact.prototype.add=function(a){console.log("CONTACTS: ADD");if(null==a||null==a.uid||isNaN(a.uid))return!1;a.number=null!=a.number?a.number:"";a.username=null!=a.username?a.username:"";a.firstname=null!=a.firstname?a.firstname:"";a.lastname=null!=a.lastname?a.lastname:"";a.call=null!=a.call?a.call:-1;a.sms=null!=a.sms?a.sms:-1;a.countcall=null!=a.countcall?a.countcall:0;a.countsms=null!=a.countsms?a.countsms:0;this.container.innerHTML+=contactBuilder.build(a);a=$$('[data-sublink="phone"] article.contact-panel .new-contact');
 for(var b=this,c=0;c<a.length;c++)a[c].removeEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1),a[c].addEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1)};inputPhoneContact.prototype.storageToFields=function(){console.log("CONTACTS: STORAGE TO FIELDS");var a=lsi.keys("contacts");this.container.innerHTML="";for(var b=this.selected+10,c=this.selected;c<b&&c<a.length;c++)this.add(lsi.get("contacts",a[c]));b>=a.length&&this.add({uid:a.length});this.updateNavBar()};
-inputPhoneContact.prototype.nav=function(a){if(null==a||!1===a.getData("n")||isNaN(a.getData("n"))||"nav-contact"!=a.parentNode.id)return!1;for(var b=$$("#nav-contact > span.active"),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.getData("n"))};
+inputPhoneContact.prototype.nav=function(a){if(null==a||!1===a.getData("n")||isNaN(a.getData("n"))||"nav-contact"!=a.parentNode.id)return!1;for(var b=$$('[data-sublink="phone"] #p_nav-contact > span.active'),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.getData("n"))};
-inputPhoneContact.prototype.updateNavBar=function(){var a=lsi.keys("contacts").length;if(this.nav_container.children.length!=a){this.nav_container.innerHTML="";for(var b=0;b<a;b+=10)this.nav_container.innerHTML+='<span data-n="'+b+'">'+(1+b/10)+"</span>"}this.nav($('#nav-contact [data-n="'+this.selected+'"]'))};
+inputPhoneContact.prototype.updateNavBar=function(){var a=lsi.keys("contacts").length;if(this.nav_container.children.length!=a){this.nav_container.innerHTML="";for(var b=0;b<a;b+=10)this.nav_container.innerHTML+='<span data-n="'+b+'">'+(1+b/10)+"</span>"}this.nav($('[data-sublink="phone"] #p_nav-contact [data-n="'+this.selected+'"]'))};
 inputPhoneContact.prototype.attach=function(a){console.log("CONTACTS: ATTACH");lsi.createDataset("contacts");this.storageToFields();this.handler=a;var b=this;this.nav_container.addEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1)};

js/includes/input-phone-contact.js

@@ -35,7 +35,7 @@ inputPhoneContact.prototype.fieldsToStorage = function(){
 	console.log('CONTACTS: FIELDS TO STORAGE');
 
 	// {1} Pour chaque formulaire de contact présent //
-    var visibleContacts = $$('article.contact-panel .new-contact');
+	var visibleContacts = $$('[data-sublink="phone"] article.contact-panel .new-contact');
 	for( var i = 0 ; i < visibleContacts.length ; i++ ){
 
 		// {2} On initialise notre deflater pour récupérer les valeurs //
@@ -109,7 +109,7 @@ inputPhoneContact.prototype.add = function(objectData){
 	this.container.innerHTML += contactBuilder.build(objectData);
 
 	// {2} On attache les évènements sur les formulaires //
-    var contactForms = $$('article.contact-panel .new-contact');
+	var contactForms = $$('[data-sublink="phone"] article.contact-panel .new-contact');
 
 	// On met à jour les listener (remove, puis add)
 	var ptr = this;
@@ -173,7 +173,7 @@ inputPhoneContact.prototype.nav = function(element){
 		return false;
 
 	/* (2) On désactive tous les éléments actifs */
-    var activeElements = $$('#nav-contact > span.active');
+	var activeElements = $$('[data-sublink="phone"] #p_nav-contact > span.active');
 	for( var i = 0 ; i < activeElements.length ; i++ )
 		activeElements[i].remClass('active');
 
@@ -209,7 +209,7 @@ inputPhoneContact.prototype.updateNavBar = function(){
 
 
 	/* (4) On séléctionne par défaut la dernière MINI fiche sélectionnée */
-    this.nav( $('#nav-contact [data-n="'+( this.selected )+'"]') );
+	this.nav( $('[data-sublink="phone"] #p_nav-contact [data-n="'+( this.selected )+'"]') );
 };
 
 

js/includes/input-phone-fiche-min.js

@@ -1,19 +1,20 @@
 function inputPhoneFiche(a,b){this.container=a;this.nav_container=b}inputPhoneFiche.prototype={container:this.container,nav_container:this.nav_container,selected:0,handler:null,defaultData:{sexe:"0",age:".",job:".",famsit:"0",studies:".",reltype:"0",reltypeSpecial:"",city:"",quartier:"",cp:"",loc:"0",duration:["",""],context:"0",contextSpecial:["","",""],freq:["4","9","14","19","24"],connect:"1 3 5 7 9 11".split(" "),connectSpecial:["",""],timestamp:0,valid:!1}};
-inputPhoneFiche.prototype.fieldsToStorage=function(){console.log("FICHE: FIELDS TO STORAGE");for(var a=$$("article.relation-panel .fiche-relation"),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input","select"],["data-name"])).deflate(),e=crc32(JSON.stringify(c)),d=lsi.get("fiches",c.uid);if(!1!==d){if(null!=d.hash&&d.hash==e)break;c={contact:parseInt(c.contact),uid:parseInt(c.uid),sexe:c.sexe,age:c.age,job:c.job,famsit:c.famsit,studies:c.studies,reltype:c.reltype,reltypeSpecial:c.reltypeSpecial,
+inputPhoneFiche.prototype.fieldsToStorage=function(){console.log("FICHE: FIELDS TO STORAGE");for(var a=$$('[data-sublink="phone"] article.relation-panel .fiche-relation'),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input","select"],["data-name"])).deflate(),e=crc32(JSON.stringify(c)),d=lsi.get("fiches",c.uid);if(!1!==d){if(null!=d.hash&&d.hash==e)break;c={contact:parseInt(c.contact),uid:parseInt(c.uid),sexe:c.sexe,age:c.age,job:c.job,famsit:c.famsit,studies:c.studies,reltype:c.reltype,reltypeSpecial:c.reltypeSpecial,
 city:c.city,quartier:c.quartier,cp:c.cp,loc:c.loc,duration:c.duration,context:c.context,contextSpecial:c.contextSpecial,freq:c.freq,connect:c.connect,connectSpecial:c.connectSpecial,hash:e};c.valid=this.check(c);0<diff(d,c,["hash","valid","timestamp"]).length&&(console.log(diff(d,c,["hash","valid","timestamp"])),console.warn("> FICHE UPDATE"),c.timestamp=Date.now());lsi.set("fiches",c.uid,c)}}};
 inputPhoneFiche.prototype.add=function(a){console.log("FICHE: ADD");if(null==a.uid||isNaN(a.uid)||null==a.contact||isNaN(a.contact))return!1;a.city=null!=a.city?a.city:this.defaultData.city;a.quartier=null!=a.quartier?a.quartier:this.defaultData.quartier;a.cp=null!=a.cp?a.cp:this.defaultData.cp;a.duration[0]=null!=a.duration[0]?a.duration[0]:this.defaultData.duration[0];a.duration[1]=null!=a.duration[1]?a.duration[1]:this.defaultData.duration[1];a.reltypeSpecial=null!=a.reltypeSpecial?a.reltypeSpecial:
 this.defaultData.reltypeSpecial;a.contextSpecial[0]=null!=a.contextSpecial[0]?a.contextSpecial[0]:this.defaultData.contextSpecial[0];a.contextSpecial[1]=null!=a.contextSpecial[1]?a.contextSpecial[1]:this.defaultData.contextSpecial[1];a.contextSpecial[2]=null!=a.contextSpecial[2]?a.contextSpecial[2]:this.defaultData.contextSpecial[2];a.connectSpecial[0]=null!=a.connectSpecial[0]?a.connectSpecial[0]:this.defaultData.connectSpecial[0];a.connectSpecial[1]=null!=a.connectSpecial[1]?a.connectSpecial[1]:
 this.defaultData.connectSpecial[1];a.job=null!=a.job?a.job:this.defaultData.job;a.studies=null!=a.studies?a.studies:this.defaultData.studies;a.age=null!=a.age?a.age:this.defaultData.age;a.sexe=null!=a.sexe?a.sexe:this.defaultData.sexe;a.famsit=null!=a.famsit?a.famsit:this.defaultData.famsit;a.reltype=null!=a.reltype?a.reltype:this.defaultData.reltype;a.loc=null!=a.loc?a.loc:this.defaultData.loc;a.context=null!=a.context?a.context:this.defaultData.context;a.freq=null!=a.freq?a.freq:this.defaultData.freq;
 a.connect=null!=a.connect?a.connect:this.defaultData.connect;var b=lsi.get("contacts",a.contact);if(!1===b)return!1;this.container.innerHTML+=ficheBuilder.build({name:readableName(b.username,b.firstname,b.lastname),countcall:b.countcall,countsms:b.countsms,uid:a.uid,contact:a.contact,city:a.city,quartier:a.quartier,cp:a.cp,duration0:a.duration[0],duration1:a.duration[1],reltypespecial:a.reltypeSpecial,contextspecial0:a.contextSpecial[0],contextspecial1:a.contextSpecial[1],contextspecial2:a.contextSpecial[2],
-connectspecial0:a.connectSpecial[0],connectspecial1:a.connectSpecial[1]});b=$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="job"]>option[value="'+a.job+'"]');null!=b&&b.setAttribute("selected","selected");b=$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+a.studies+'"]');null!=b&&b.setAttribute("selected","selected");b=$('article.fiche-relation input[data-name="uid"][value="'+a.uid+
+connectspecial0:a.connectSpecial[0],connectspecial1:a.connectSpecial[1]});b=$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="job"]>option[value="'+a.job+'"]');null!=b&&b.setAttribute("selected","selected");b=$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+a.studies+'"]');null!=b&&b.setAttribute("selected","selected");b=$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+
-'"] ~ h5>span>select[data-name="age"]>option[value="'+a.age+'"]');null!=b&&b.setAttribute("selected","selected");for(var c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]'),b=0;b<c.length;b++)c[b].value==a.sexe?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="famsit"]');for(b=0;b<c.length;b++)c[b].value==a.famsit?
+a.uid+'"] ~ h5>span>select[data-name="age"]>option[value="'+a.age+'"]');null!=b&&b.setAttribute("selected","selected");for(var c=$$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]'),b=0;b<c.length;b++)c[b].value==a.sexe?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="famsit"]');
-c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');for(b=0;b<c.length;b++)c[b].value==a.reltype?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');for(b=0;b<c.length;b++)c[b].value==a.loc?c[b].setAttribute("checked","checked"):
+for(b=0;b<c.length;b++)c[b].value==a.famsit?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');for(b=0;b<c.length;b++)c[b].value==a.reltype?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');
-c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="context"]');for(b=0;b<c.length;b++)c[b].value==a.context?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="freq"]');for(b=0;b<c.length;b++)-1<a.freq.indexOf(c[b].value)?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");
+for(b=0;b<c.length;b++)c[b].value==a.loc?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="context"]');for(b=0;b<c.length;b++)c[b].value==a.context?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="freq"]');
-c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="connect"]');for(b=0;b<c.length;b++)-1<a.connect.indexOf(c[b].value)?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked")};inputPhoneFiche.prototype.storageToFields=function(){console.log("FICHE: STORAGE TO FIELDS");var a=lsi["export"]("fiches");this.container.innerHTML="";for(var b in a)a[b].uid==this.selected&&this.add(a[b]);this.updateNavBar()};
+for(b=0;b<c.length;b++)-1<a.freq.indexOf(c[b].value)?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="connect"]');for(b=0;b<c.length;b++)-1<a.connect.indexOf(c[b].value)?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked")};
+inputPhoneFiche.prototype.storageToFields=function(){console.log("FICHE: STORAGE TO FIELDS");var a=lsi["export"]("fiches");this.container.innerHTML="";for(var b in a)a[b].uid==this.selected&&this.add(a[b]);this.updateNavBar()};
 inputPhoneFiche.prototype.sync=function(){console.log("FICHE: SYNC");var a=lsi["export"]("contacts"),b=[],c;for(c in a){if(-1<a[c].call){var e=a[c].call;b.push(e);var d=lsi.get("fiches",e);null==d&&(d=this.defaultData);d.uid=e;d.contact=parseInt(c);lsi.set("fiches",e,d)}-1<a[c].sms&&(e=10+a[c].sms,b.push(e),d=lsi.get("fiches",e),null==d&&(d=this.defaultData),d.uid=e,d.contact=parseInt(c),lsi.set("fiches",e,d))}e=20>lsi.keys("contacts").length?lsi.keys("contacts").length:20;if(b.length<e)for(c in a){for(a=
 0;-1<b.indexOf(a)&&a<e;)a++;b.push(a);d=lsi.get("fiches",a);null==d&&(d=this.defaultData);d.uid=a;d.contact=parseInt(c);lsi.set("fiches",a,d);if(b.length>=e)break}for(var f in d)b=lsi.get("contacts",d[f].contact),null!=b&&-1!=b.sms&&-1!=b.call&&(b=10>parseInt(f)?10+b.sms:b.call,b=d[b],b.timestamp>=d[f].timestamp||(c=d[f],c.uid=b.uid,lsi.set("fiches",b.uid,c)))};
-inputPhoneFiche.prototype.nav=function(a){if(null==a||!1===a.getData("n")||isNaN(a.getData("n"))||"nav-fiche"!=a.parentNode.id)return!1;for(var b=$$("#nav-fiche > span.active"),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.getData("n"))};
+inputPhoneFiche.prototype.nav=function(a){if(null==a||!1===a.getData("n")||isNaN(a.getData("n"))||"nav-fiche"!=a.parentNode.id)return!1;for(var b=$$('[data-sublink="phone"] #p_nav-fiche > span.active'),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.getData("n"))};
 inputPhoneFiche.prototype.updateNavBar=function(){var a=lsi["export"]("fiches");this.nav_container.innerHTML="";for(var b=Object.keys(a),c=0;c<b.length;c++){var e=parseInt(b[c]);0==e&&(this.nav_container.innerHTML+="<span>APPELS</span>");10>e&&c<b.length-1&&10<=b[c+1]?this.nav_container.innerHTML+='<span data-n="'+e+'" class="lc">'+(e%10+1)+"</span>&nbsp;&nbsp;":(10==e&&(this.nav_container.innerHTML+='<span class="fc">SMS</span>'),this.nav_container.innerHTML+='<span data-n="'+e+'">'+(e%10+1)+"</span>")}for(var d in a)b=
-$('#nav-fiche [data-n="'+a[d].uid+'"]'),null!=b&&(!0===a[d].valid?b.addClass("done"):b.remClass("done"));this.nav($('#nav-fiche [data-n="'+this.selected+'"]'))};
+$('[data-sublink="phone"] #p_nav-fiche [data-n="'+a[d].uid+'"]'),null!=b&&(!0===a[d].valid?b.addClass("done"):b.remClass("done"));this.nav($('[data-sublink="phone"] #p_nav-fiche [data-n="'+this.selected+'"]'))};
 inputPhoneFiche.prototype.check=function(a){if(2>a.city.length||isNaN(parseInt(a.duration[0]))&&0<a.duration[0].length||isNaN(parseInt(a.duration[1]))&&0<a.duration[1].length||0==a.duration[0].length+a.duration[1].length||"."==a.job||"."==a.studies||"."==a.age||""==a.sexe||""==a.famsit||""==a.reltype||""==a.loc||""==a.context)return!1;for(var b=0;b<a.freq.length;b++)if(""==a.freq[b])return!1;for(b=0;b<a.connect.length;b++)if(""==a.connect[b])return!1;return"10"==a.reltype&&2>a.reltypeSpecial.length||
 "11"==a.context&&2>a.contextSpecial[0].length||"12"==a.context&&2>a.contextSpecial[1].length||"13"==a.context&&2>a.contextSpecial[2].length?!1:!0};inputPhoneFiche.prototype.attach=function(a){console.log("FICHE: ATTACH");lsi.createDataset("fiches");this.storageToFields();this.handler=a;var b=this,b=this;this.nav_container.addEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1)};

js/includes/input-phone-fiche.js

@@ -42,7 +42,7 @@ inputPhoneFiche.prototype.fieldsToStorage = function(){
 	console.log('FICHE: FIELDS TO STORAGE');
 
 	// {1} Pour chaque formulaire de contact présent //
-    var existingFiches = $$('article.relation-panel .fiche-relation');
+	var existingFiches = $$('[data-sublink="phone"] article.relation-panel .fiche-relation');
 	for( var i = 0 ; i < existingFiches.length ; i++ ){
 
 		// {2} On initialise notre deflater pour récupérer les valeurs //
@@ -191,65 +191,65 @@ inputPhoneFiche.prototype.add = function(objectData){
 
 
 	/* {6} On sélectionne la valeur dans le select (manuellement) de la PROFESSION */
-    var selectedOption = $('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="job"]>option[value="'+objectData.job+'"]');
+	var selectedOption = $('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="job"]>option[value="'+objectData.job+'"]');
 	if( selectedOption != null )
 		selectedOption.setAttribute('selected', 'selected');
 
 	/* {7} On sélectionne la valeur dans le select (manuellement) des ETUDES */
-    selectedOption = $('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+objectData.studies+'"]');
+	selectedOption = $('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+objectData.studies+'"]');
 	if( selectedOption != null )
 		selectedOption.setAttribute('selected', 'selected');
 
 
 	/* {8} On sélectionne la valeur dans le select (manuellement) de l'AGE */
-    selectedOption = $('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="age"]>option[value="'+objectData.age+'"]');
+	selectedOption = $('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="age"]>option[value="'+objectData.age+'"]');
 	if( selectedOption != null )
 		selectedOption.setAttribute('selected', 'selected');
 
 
 	/* {9} On sélectionna la valeur des boutons <radio> pour le SEXE */
-    var sexeCreated = $$('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]');
+	var sexeCreated = $$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]');
 	for( var i = 0 ; i < sexeCreated.length ; i++ )
 		if( sexeCreated[i].value == objectData.sexe ) sexeCreated[i].setAttribute('checked', 'checked');
 		else                                          sexeCreated[i].removeAttribute('checked');
 
 
 	/* {10} On sélectionna la valeur des boutons <radio> pour la SITUATION FAMILIALE */
-    var famsitCreated = $$('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="famsit"]');
+	var famsitCreated = $$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="famsit"]');
 	for( var i = 0 ; i < famsitCreated.length ; i++ )
 		if( famsitCreated[i].value == objectData.famsit ) famsitCreated[i].setAttribute('checked', 'checked');
 		else                                              famsitCreated[i].removeAttribute('checked');
 
 
 	/* {11} On sélectionna la valeur des boutons <radio> pour le TYPE DE RELATION */
-    var reltypeCreated = $$('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');
+	var reltypeCreated = $$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');
 	for( var i = 0 ; i < reltypeCreated.length ; i++ )
 		if( reltypeCreated[i].value == objectData.reltype ) reltypeCreated[i].setAttribute('checked', 'checked');
 		else                                                reltypeCreated[i].removeAttribute('checked');
 
 
 	/* {12} On sélectionna la valeur des boutons <radio> pour la LOCATION */
-    var locCreated = $$('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');
+	var locCreated = $$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');
 	for( var i = 0 ; i < locCreated.length ; i++ )
 		if( locCreated[i].value == objectData.loc ) locCreated[i].setAttribute('checked', 'checked');
 		else                                        locCreated[i].removeAttribute('checked');
 
 
 	/* {13} On sélectionna la valeur des boutons <radio> pour le CONTEXTE DE RENCONTRE */
-    var contextCreated = $$('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="context"]');
+	var contextCreated = $$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="context"]');
 	for( var i = 0 ; i < contextCreated.length ; i++ )
 		if( contextCreated[i].value == objectData.context ) contextCreated[i].setAttribute('checked', 'checked');
 		else                                                contextCreated[i].removeAttribute('checked');
 
 
 	/* {14} On sélectionna la valeur des boutons <radio> pour les FREQUENCES */
-    var freqCreated = $$('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="freq"]');
+	var freqCreated = $$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="freq"]');
 	for( var i = 0 ; i < freqCreated.length ; i++ )
 		if( objectData.freq.indexOf(freqCreated[i].value) > -1 ) freqCreated[i].setAttribute('checked', 'checked');
 		else                                                     freqCreated[i].removeAttribute('checked');
 
 	/* {15} On sélectionna la valeur des boutons <radio> pour les CONNECTIONS */
-    var connectCreated = $$('article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="connect"]');
+	var connectCreated = $$('[data-sublink="phone"] article.fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="connect"]');
 	for( var i = 0 ; i < connectCreated.length ; i++ )
 		if( objectData.connect.indexOf(connectCreated[i].value) > -1 ) connectCreated[i].setAttribute('checked', 'checked');
 		else                                                           connectCreated[i].removeAttribute('checked');
@@ -452,7 +452,7 @@ inputPhoneFiche.prototype.nav = function(element){
 		return false;
 
 	/* (2) On désactive tous les éléments actifs */
-    var activeElements = $$('#nav-fiche > span.active');
+	var activeElements = $$('[data-sublink="phone"] #p_nav-fiche > span.active');
 	for( var i = 0 ; i < activeElements.length ; i++ )
 		activeElements[i].remClass('active');
 
@@ -504,7 +504,7 @@ inputPhoneFiche.prototype.updateNavBar = function(){
 	/* (3) On montre les FICHES qui sont correctes */
 	for( var key in ficheData ){
 
-        var currentElement = $('#nav-fiche [data-n="'+ficheData[key].uid+'"]');
+		var currentElement = $('[data-sublink="phone"] #p_nav-fiche [data-n="'+ficheData[key].uid+'"]');
 
 		if( currentElement == null )
 			continue;
@@ -519,7 +519,7 @@ inputPhoneFiche.prototype.updateNavBar = function(){
 	}
 
 	/* (4) On séléctionne par défaut le dernier sélectionné */
-    this.nav( $('#nav-fiche [data-n="'+this.selected+'"]') );
+	this.nav( $('[data-sublink="phone"] #p_nav-fiche [data-n="'+this.selected+'"]') );
 };
 
 

js/includes/input-phone-mini-min.js

@@ -1,11 +1,12 @@
 function inputPhoneMini(a,b){this.container=a;this.nav_container=b}inputPhoneMini.prototype={container:this.container,nav_container:this.nav_container,selected:0,handler:null,defaultData:{sexe:"0",age:".",studies:".",loc:"0",reltype:"0",reltypeSpecial:"",timestamp:0,valid:!1}};
-inputPhoneMini.prototype.fieldsToStorage=function(){console.log("MINI FICHE: FIELDS TO STORAGE");for(var a=$$("article.mini-relation-panel .mini-fiche-relation"),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input","select"],["data-name"])).deflate(),e=crc32(JSON.stringify(c)),d=lsi.get("mini-fiches",c.uid);if(!1!==d){if(null!=d&&null!=d.hash&&d.hash==e)break;console.warn("> MINI UPDATE");c={uid:parseInt(c.uid),sexe:c.sexe,age:c.age,studies:c.studies,reltype:c.reltype,reltypeSpecial:c.reltypeSpecial,
+inputPhoneMini.prototype.fieldsToStorage=function(){console.log("MINI FICHE: FIELDS TO STORAGE");for(var a=$$('[data-sublink="phone"] article.mini-relation-panel .mini-fiche-relation'),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input","select"],["data-name"])).deflate(),e=crc32(JSON.stringify(c)),d=lsi.get("mini-fiches",c.uid);if(!1!==d){if(null!=d&&null!=d.hash&&d.hash==e)break;console.warn("> MINI UPDATE");c={uid:parseInt(c.uid),sexe:c.sexe,age:c.age,studies:c.studies,reltype:c.reltype,
-loc:c.loc,hash:e};c.valid=this.check(c);0<diff(d,c,["hash","valid","timestamp"]).length&&(console.log(diff(d,c,["hash","valid","timestamp"])),console.warn("> FICHE UPDATE"),c.timestamp=Date.now());lsi.set("mini-fiches",c.uid,c)}}};
+reltypeSpecial:c.reltypeSpecial,loc:c.loc,hash:e};c.valid=this.check(c);0<diff(d,c,["hash","valid","timestamp"]).length&&(console.log(diff(d,c,["hash","valid","timestamp"])),console.warn("> FICHE UPDATE"),c.timestamp=Date.now());lsi.set("mini-fiches",c.uid,c)}}};
 inputPhoneMini.prototype.add=function(a){console.log("MINI FICHE: ADD");if(null==a||null==a.uid)return!1;a.age=null!=a.age?a.age:this.defaultData.age;a.sexe=null!=a.sexe?a.sexe:this.defaultData.sexe;a.studies=null!=a.studies?a.studies:this.defaultData.studies;a.reltype=null!=a.reltype?a.reltype:this.defaultData.reltype;a.reltypeSpecial=null!=a.reltypeSpecial?a.reltypeSpecial:this.defaultData.reltypeSpecial;a.loc=null!=a.loc?a.loc:this.defaultData.loc;var b=lsi.get("contacts",a.uid);if(!1===b)return!1;
-this.container.innerHTML+=miniFicheBuilder.build({name:readableName(b.username,b.firstname,b.lastname),countcall:b.countcall,countsms:b.countsms,uid:a.uid,reltypespecial:a.reltypeSpecial});b=$('article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+a.studies+'"]');null!=b&&b.setAttribute("selected","selected");b=$('article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="age"]>option[value="'+
+this.container.innerHTML+=miniFicheBuilder.build({name:readableName(b.username,b.firstname,b.lastname),countcall:b.countcall,countsms:b.countsms,uid:a.uid,reltypespecial:a.reltypeSpecial});b=$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+a.studies+'"]');null!=b&&b.setAttribute("selected","selected");b=$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="age"]>option[value="'+
-a.age+'"]');null!=b&&b.setAttribute("selected","selected");for(var c=$$('article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]'),b=0;b<c.length;b++)c[b].value==a.sexe?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');for(b=0;b<c.length;b++)c[b].value==a.reltype?c[b].setAttribute("checked","checked"):
+a.age+'"]');null!=b&&b.setAttribute("selected","selected");for(var c=$$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]'),b=0;b<c.length;b++)c[b].value==a.sexe?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');for(b=0;b<c.length;b++)c[b].value==
-c[b].removeAttribute("checked");c=$$('article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');for(b=0;b<c.length;b++)c[b].value==a.loc?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked")};inputPhoneMini.prototype.storageToFields=function(){console.log("MINI FICHE: STORAGE TO FIELDS");var a=lsi.get("mini-fiches",this.selected);if(null==a)return this.updateNavBar(),!1;this.container.innerHTML="";this.add(a);this.updateNavBar()};
+a.reltype?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');for(b=0;b<c.length;b++)c[b].value==a.loc?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked")};
+inputPhoneMini.prototype.storageToFields=function(){console.log("MINI FICHE: STORAGE TO FIELDS");var a=lsi.get("mini-fiches",this.selected);if(null==a)return this.updateNavBar(),!1;this.container.innerHTML="";this.add(a);this.updateNavBar()};
 inputPhoneMini.prototype.sync=function(){console.log("MINI FICHE: SYNC");var a=lsi["export"]("contacts"),b=lsi["export"]("fiches"),c=[],e;for(e in b)-1==c.indexOf(b[e].contact)&&c.push(b[e].contact);for(var d in a)-1<c.indexOf(parseInt(d))?lsi.del("mini-fiches",d):(b=0==a[d].username.length+a[d].firstname.length+a[d].lastname.length?d.toString()+"-":d,e=lsi.get("mini-fiches",b),null==e&&(e=this.defaultData,e.valid=!1,isNaN(b)&&(e.reltype="9")),e.uid=parseInt(d),lsi.set("mini-fiches",b,e));e=lsi["export"]("mini-fiches");
-if(null==e[this.selected])for(d in e)if(!isNaN(d)){this.selected=parseInt(d);break}};inputPhoneMini.prototype.nav=function(a){if(null==a||!1===a.getData("n")||isNaN(a.getData("n"))||"nav-mini"!=a.parentNode.id)return!1;for(var b=$$("#nav-mini > span.active"),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.getData("n"))};
+if(null==e[this.selected])for(d in e)if(!isNaN(d)){this.selected=parseInt(d);break}};inputPhoneMini.prototype.nav=function(a){if(null==a||!1===a.getData("n")||isNaN(a.getData("n"))||"nav-mini"!=a.parentNode.id)return!1;for(var b=$$('[data-sublink="phone"] #p_nav-mini > span.active'),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.getData("n"))};
-inputPhoneMini.prototype.updateNavBar=function(){var a=lsi["export"]("mini-fiches");this.nav_container.innerHTML="";var b=0,c;for(c in a)isNaN(c)||(this.nav_container.innerHTML+='<span data-n="'+c+'">'+ ++b+"</span>");for(c in a)isNaN(c)||(b=$('#nav-mini [data-n="'+a[c].uid+'"]'),null!=b&&(!0===a[c].valid?b.addClass("done"):b.remClass("done")));this.nav($('#nav-mini [data-n="'+this.selected+'"]'))};
+inputPhoneMini.prototype.updateNavBar=function(){var a=lsi["export"]("mini-fiches");this.nav_container.innerHTML="";var b=0,c;for(c in a)isNaN(c)||(this.nav_container.innerHTML+='<span data-n="'+c+'">'+ ++b+"</span>");for(c in a)isNaN(c)||(b=$('[data-sublink="phone"] #p_nav-mini [data-n="'+a[c].uid+'"]'),null!=b&&(!0===a[c].valid?b.addClass("done"):b.remClass("done")));this.nav($('[data-sublink="phone"] #p_nav-mini [data-n="'+this.selected+'"]'))};
 inputPhoneMini.prototype.check=function(a){return""==a.sexe||"."==a.studies||"."==a.age||""==a.loc||""==a.reltype||"10"==a.reltype&&2>a.reltypeSpecial.length?!1:!0};inputPhoneMini.prototype.attach=function(a){console.log("MINI FICHE: ATTACH");lsi.createDataset("mini-fiches");this.storageToFields();this.handler=a;var b=this;this.nav_container.addEventListener("click",function(a){b.nav(a.target);b.handler(a.target)},!1)};

js/includes/input-phone-mini.js

@@ -31,7 +31,7 @@ inputPhoneMini.prototype.fieldsToStorage = function(){
 	console.log('MINI FICHE: FIELDS TO STORAGE');
 
 	// {1} Pour chaque formulaire de MINI fiche à l'écran //
-    var existingMiniFiches = $$('article.mini-relation-panel .mini-fiche-relation');
+	var existingMiniFiches = $$('[data-sublink="phone"] article.mini-relation-panel .mini-fiche-relation');
 	for( var i = 0 ; i < existingMiniFiches.length ; i++ ){
 		// {2} On initialise notre deflater pour récupérer les valeurs //
 		var deflater = new FormDeflater(existingMiniFiches[i], ['input', 'select'], ['data-name']);
@@ -139,29 +139,29 @@ inputPhoneMini.prototype.add = function(objectData){
 
 
 	/* {3} On sélectionne la valeur dans le select (manuellement) de la PROFESSION */
-    var selectedOption = $('article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+objectData.studies+'"]');
+	var selectedOption = $('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+objectData.studies+'"]');
 	if( selectedOption != null )
 		selectedOption.setAttribute('selected', 'selected');
 
 	/* {4} On sélectionne la valeur dans le select (manuellement) de l'AGE */
-    selectedOption = $('article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="age"]>option[value="'+objectData.age+'"]');
+	selectedOption = $('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>span>select[data-name="age"]>option[value="'+objectData.age+'"]');
 	if( selectedOption != null )
 		selectedOption.setAttribute('selected', 'selected');
 
 	/* {5} On sélectionna la valeur des boutons <radio> pour le SEXE */
-    var sexeCreated = $$('article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]');
+	var sexeCreated = $$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]');
 	for( var i = 0 ; i < sexeCreated.length ; i++ )
 		if( sexeCreated[i].value == objectData.sexe ) sexeCreated[i].setAttribute('checked', 'checked');
 		else                                          sexeCreated[i].removeAttribute('checked');
 
 	/* {6} On sélectionna la valeur des boutons <radio> pour le TYPE DE RELATION */
-    var reltypeCreated = $$('article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');
+	var reltypeCreated = $$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');
 	for( var i = 0 ; i < reltypeCreated.length ; i++ )
 		if( reltypeCreated[i].value == objectData.reltype ) reltypeCreated[i].setAttribute('checked', 'checked');
 		else                                                reltypeCreated[i].removeAttribute('checked');
 
 	/* {7} On sélectionna la valeur des boutons <radio> pour la LOCATION */
-    var locCreated = $$('article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');
+	var locCreated = $$('[data-sublink="phone"] article.mini-fiche-relation input[data-name="uid"][value="'+objectData.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');
 	for( var i = 0 ; i < locCreated.length ; i++ )
 	if( locCreated[i].value == objectData.loc ) locCreated[i].setAttribute('checked', 'checked');
 	else                                        locCreated[i].removeAttribute('checked');
@@ -302,7 +302,7 @@ inputPhoneMini.prototype.nav = function(element){
 		return false;
 
 	/* (2) On désactive tous les éléments actifs */
-    var activeElements = $$('#nav-mini > span.active');
+	var activeElements = $$('[data-sublink="phone"] #p_nav-mini > span.active');
 	for( var i = 0 ; i < activeElements.length ; i++ )
 		activeElements[i].remClass('active');
 
@@ -339,7 +339,7 @@ inputPhoneMini.prototype.updateNavBar = function(){
 		if( isNaN(key) )
 			continue;
 
-        var currentElement = $('#nav-mini [data-n="'+miniData[key].uid+'"]');
+		var currentElement = $('[data-sublink="phone"] #p_nav-mini [data-n="'+miniData[key].uid+'"]');
 
 		if( currentElement == null )
 			continue;
@@ -358,7 +358,7 @@ inputPhoneMini.prototype.updateNavBar = function(){
 
 
 	/* (3) On séléctionne par défaut la dernière MINI fiche sélectionnée */
-    this.nav( $('#nav-mini [data-n="'+this.selected+'"]') );
+	this.nav( $('[data-sublink="phone"] #p_nav-mini [data-n="'+this.selected+'"]') );
 };
 
 

view/input.php

@@ -39,17 +39,17 @@
 		<h3 data-n='0' class='color4'>Effacer les données de la dernière enquête</h3>
 		<span data-space></span>
 		<h4 class='self color2' data-icon=''>
-			<a style='display:none' id='download-target'></a>
+			<a style='display:none' id='p_download-target'></a>
-			<input type='submit' class='primary' id='export-all' value="Sauvegarder l'enquête"><br>
+			<input type='submit' class='primary' id='p_export-all' value="Sauvegarder l'enquête"><br>
 		</h4>
 
 		<h4 class='self color2' data-icon='u'>
-			<input type='file' id='local-upload' style='display: none;'>
+			<input type='file' id='p_local-upload' style='display: none;'>
-			<input type='submit' class='primary' id='import-all' value='Récupérer une sauvegarde'><br>
+			<input type='submit' class='primary' id='p_import-all' value='Récupérer une sauvegarde'><br>
 		</h4>
 
 		<h4 class='self color2' data-icon='w'>
-			<input type='submit' class='primary' id='clear-all' value='Tout effacer'>
+			<input type='submit' class='primary' id='p_clear-all' value='Tout effacer'>
 		</h4>
 		<span data-space></span>
 
@@ -61,7 +61,7 @@
 		<article class='subject-panel'>
 			<h4 class='self color2' data-icon='a'>
 				<input type='hidden' data-name='tmp_id' value=''>
-				<input type='text' data-name='number' id='subject_phone_number' placeholder='Numéro de téléphone'>
+				<input type='text' data-name='number' id='p_subject_phone_number' placeholder='Numéro de téléphone'>
 				<input type='text' data-name='username'  placeholder='Pseudo'>
 				<input type='text' data-name='firstname' placeholder='Prénom'>
 				<input type='text' data-name='lastname'  placeholder='Nom'>
@@ -75,7 +75,7 @@
 			<span data-space></span>
 			<h5 data-text="Seuls les fichiers au format XML et spécifiques sont pris en compte."></h5>
 			<h4 data-icon='u' class='color2'>
-				<input type='file' id='call_log-import'>
+				<input type='file' id='p_call_log-import'>
 				<span class='file-input'>Importer un journal d'appels</span>
 			</h4>
 			<span data-space></span>
@@ -92,7 +92,7 @@
 		<h5 data-text="Renseigner au moins un des nominatifs pour chaque contact. (pseudo, prénom et/ou nom)"></h5>
 
 		<span data-space></span>
-		<div class='arrow-container line' id='nav-contact'></div>
+		<div class='arrow-container line' id='p_nav-contact'></div>
 
 		<article class='contact-panel'>
 		</article>
@@ -105,7 +105,7 @@
 		<h3 data-n='3' class='color4'>Remplir les fiches relations rapides pour tous les contacts</h3>
 		<!-- NAVIGATION ENTRE LES FICHES -->
 		<span data-space></span>
-		<div class='arrow-container line' id='nav-mini'></div>
+		<div class='arrow-container line' id='p_nav-mini'></div>
 
 		<article class='mini-relation-panel'>
 
@@ -117,7 +117,7 @@
 		<!-- GESTION DES FICHES RELATIONS -->
 		<h3 data-n='4' class='color4'>Remplir les fiches relations complètes des contacts les plus contactés</h3>
 		<!-- NAVIGATION ENTRE LES FICHES -->
-		<div class='arrow-container line' id='nav-fiche'></div>
+		<div class='arrow-container line' id='p_nav-fiche'></div>
 		<article class='relation-panel'></article>
 		<span data-space></span>
 
@@ -133,7 +133,7 @@
 	<h3 data-n='6' class='color4'>Envoi des données</h3>
 	<article class='submit-panel'>
 		<h4>
-			<input type='submit' class='line' value='Envoyer le formulaire' id='submit-all'>
+			<input type='submit' class='line' value='Envoyer le formulaire' id='p_submit-all'>
 		</h4>
 	</article>
 
@@ -146,8 +146,111 @@
 
 
 
-<?php /* [4] ADMIN -> Donnees de Messenger
+
+
+
+
+
+
+
+
+
+<?php /* [4] ADMIN -> Donnees Facebook
 =========================================================*/
-?><section data-sublink='messenger'>
+?><section data-sublink='facebook'> <!-- IMPORT ou SAISIE -->
-	Messenger
+
+	<section data-timeline>
+
+		<h3 data-n='0' class='color4'>Effacer les données de la dernière enquête</h3>
+		<span data-space></span>
+		<h4 class='self color2' data-icon=''>
+			<a style='display:none' id='f_download-target'></a>
+			<input type='submit' class='primary' id='f_export-all' value="Sauvegarder l'enquête"><br>
+		</h4>
+
+		<h4 class='self color2' data-icon='u'>
+			<input type='file' id='f_local-upload' style='display: none;'>
+			<input type='submit' class='primary' id='f_import-all' value='Récupérer une sauvegarde'><br>
+		</h4>
+
+		<h4 class='self color2' data-icon='w'>
+			<input type='submit' class='primary' id='f_clear-all' value='Tout effacer'>
+		</h4>
+		<span data-space></span>
+
+
+
+		<h3 data-n='1' class='color4'>Identifier l'enquêté</h3>
+		<span data-space></span>
+		<h5 data-text="Renseigner au moins un des nominatifs pour chaque amis. (pseudo, prénom et/ou nom)"></h5>
+		<article class='subject-panel'>
+			<h4 class='self color2' data-icon='a'>
+				<input type='text' data-name='username'  placeholder='Pseudo'>
+				<input type='text' data-name='firstname' placeholder='Prénom'>
+				<input type='text' data-name='lastname'  placeholder='Nom'>
+				<input type='submit' class='primary' data-name='submit' data-store value='Enregistrer'>
+			</h4>
+		</article>
+		<span data-space></span>
+
+		<h3 data-n='2' class='color4'>Saisir manuellement les amis</h3>
+
+
+
+
+
+
+		<!-- GESTION DE L'AJOUT DES CONTACTS -->
+		<span data-space></span>
+		<h5 data-text="Renseigner au moins un des nominatifs pour chaque amis. (pseudo, prénom et/ou nom)"></h5>
+
+		<span data-space></span>
+		<div class='arrow-container line' id='f_nav-contact'></div>
+
+		<article class='contact-panel'>
+		</article>
+		<span data-space></span>
+
+
+
+
+		<!-- GESTION DES MINI-FICHES RELATIONS -->
+		<h3 data-n='3' class='color4'>Remplir les fiches relations rapides pour tous les amis</h3>
+		<!-- NAVIGATION ENTRE LES FICHES -->
+		<span data-space></span>
+		<div class='arrow-container line' id='f_nav-mini'></div>
+
+		<article class='mini-relation-panel'>
+
+		</article>
+		<span data-space></span>
+
+
+
+		<!-- GESTION DES FICHES RELATIONS -->
+		<h3 data-n='4' class='color4'>Remplir les fiches relations complètes des amis les plus proches</h3>
+		<!-- NAVIGATION ENTRE LES FICHES -->
+		<div class='arrow-container line' id='f_nav-fiche'></div>
+		<article class='relation-panel'></article>
+		<span data-space></span>
+
+
+
+		<!-- MATRICE RELATIONNELLE DES 2 TOP 10 -->
+		<h3 data-n='5' class='color4'>Saisir les matrices des relations entre les amis les plus proches</h3>
+		<!-- NAVIGATION ENTRE LES FICHES -->
+		<article class='matrice-panel'></article>
+
+
+	<!-- BOUTON D'ENVOI DU FORMULAIRE -->
+	<h3 data-n='6' class='color4'>Envoi des données</h3>
+	<article class='submit-panel'>
+		<h4>
+			<input type='submit' class='line' value='Envoyer le formulaire' id='f_submit-all'>
+		</h4>
+	</article>
+
+	</section>
+	<span data-space></span>
+
 </section>

view/js/input-min.js

@@ -1,15 +1,26 @@
-var subjectManager,contactManager,miniManager,ficheManager,matriceManager;
+function readableName(a,c,b){var e=c.length,d=b.length;return 0<a.length?0<e+d?a+" ("+(c+" "+b).trim()+")":a:0<e+d?(c+" "+b).trim():"Inconnu"}var cSubjectManager,cContactManager,cMiniManager,cFicheManager,cMatriceManager;
-function dynamicUpdate(a){var f=a instanceof Element,b=f&&"SPAN"==a.tagName&&"switch-left"==a.className,e=f&&"SPAN"==a.tagName&&"switch-both"==a.className,c=f&&"INPUT"==a.tagName&&"submit"==a.type,d=f&&"SPAN"==a.tagName&&("nav-mini"==a.parentNode.id||"nav-fiche"==a.parentNode.id),f=f&&"SPAN"==a.tagName&&"nav-contact"==a.parentNode.id;if(!(e||b||c||d||f)&&!0!==a)return!1;if(e)console.log("> switch firstname <-> lastname"),b=a.parentNode,a=b.children[8],b=b.children[10],e=a.value,a.value=b.value,b.value=
+if(null!=pageManager.vars[0]&&"phone"==pageManager.vars[0]){var cDynamicUpdate=function(a){var c=a instanceof Element,b=c&&"SPAN"==a.tagName&&"switch-left"==a.className,e=c&&"SPAN"==a.tagName&&"switch-both"==a.className,d=c&&"INPUT"==a.tagName&&"submit"==a.type,f=c&&"SPAN"==a.tagName&&("p_nav-mini"==a.parentNode.id||"p_nav-fiche"==a.parentNode.id),c=c&&"SPAN"==a.tagName&&"p_nav-contact"==a.parentNode.id;if(!(e||b||d||f||c)&&!0!==a)return!1;if(e)console.log("> switch firstname <-> lastname"),b=a.parentNode,
-e;else if(b){console.log("> switch firstname+lastname -> username");b=a.parentNode;e=b.children[6];a=b.children[8];b=b.children[10];if(0<e.value.length||0==a.value.length&&0==b.value.length)return!1;e.value=a.value+" "+b.value;a.value="";b.value=""}else console.log("> dynamic update"),miniManager.fieldsToStorage(),ficheManager.fieldsToStorage(),contactManager.fieldsToStorage(),matriceManager.fieldsToStorage(),ficheManager.sync(),miniManager.sync(),miniManager.storageToFields(),ficheManager.storageToFields(),
+a=b.children[8],b=b.children[10],e=a.value,a.value=b.value,b.value=e;else if(b){console.log("> switch firstname+lastname -> username");b=a.parentNode;e=b.children[6];a=b.children[8];b=b.children[10];if(0<e.value.length||0==a.value.length&&0==b.value.length)return!1;e.value=a.value+" "+b.value;a.value="";b.value=""}else console.log("> dynamic update"),cMiniManager.fieldsToStorage(),cFicheManager.fieldsToStorage(),cContactManager.fieldsToStorage(),cMatriceManager.fieldsToStorage(),cFicheManager.sync(),
-matriceManager.storageToFields(),(c||f)&&contactManager.storageToFields()}function readableName(a,f,b){var e=f.length,c=b.length;return 0<a.length?0<e+c?a+" ("+(f+" "+b).trim()+")":a:0<e+c?(f+" "+b).trim():"Inconnu"}
+cMiniManager.sync(),cMiniManager.storageToFields(),cFicheManager.storageToFields(),cMatriceManager.storageToFields(),(d||c)&&cContactManager.storageToFields()};include("/js/includes/input-phone-subject.js",function(){include("/js/includes/input-phone-contact.js",function(){include("/js/includes/input-phone-mini.js",function(){include("/js/includes/input-phone-fiche.js",function(){include("/js/includes/input-phone-matrice.js",function(){cSubjectManager=new inputPhoneSubject($('[data-sublink="phone"] article.subject-panel [data-name="tmp_id"]'),
-include("/js/includes/input-phone-subject.js",function(){include("/js/includes/input-phone-contact.js",function(){include("/js/includes/input-phone-mini.js",function(){include("/js/includes/input-phone-fiche.js",function(){include("/js/includes/input-phone-matrice.js",function(){subjectManager=new inputPhoneSubject($('article.subject-panel [data-name="tmp_id"]'),$('article.subject-panel [data-name="number"]'),$('article.subject-panel [data-name="username"]'),$('article.subject-panel [data-name="firstname"]'),
+$('[data-sublink="phone"] article.subject-panel [data-name="number"]'),$('[data-sublink="phone"] article.subject-panel [data-name="username"]'),$('[data-sublink="phone"] article.subject-panel [data-name="firstname"]'),$('[data-sublink="phone"] article.subject-panel [data-name="lastname"]'),$('[data-sublink="phone"] article.subject-panel [data-name="submit"]'));cSubjectManager.attach();cContactManager=new inputPhoneContact($('[data-sublink="phone"] article.contact-panel'),$('[data-sublink="phone"] #p_nav-contact'));
-$('article.subject-panel [data-name="lastname"]'),$('article.subject-panel [data-name="submit"]'));subjectManager.attach();contactManager=new inputPhoneContact($("article.contact-panel"),$("#nav-contact"));contactManager.attach(dynamicUpdate);miniManager=new inputPhoneMini($("article.mini-relation-panel"),$("#nav-mini"));miniManager.attach(dynamicUpdate);ficheManager=new inputPhoneFiche($("article.relation-panel"),$("#nav-fiche"));ficheManager.attach(dynamicUpdate);matriceManager=new inputPhoneMatrice($("article.matrice-panel"));
+cContactManager.attach(cDynamicUpdate);cMiniManager=new inputPhoneMini($('[data-sublink="phone"] article.mini-relation-panel'),$('[data-sublink="phone"] #p_nav-mini'));cMiniManager.attach(cDynamicUpdate);cFicheManager=new inputPhoneFiche($('[data-sublink="phone"] article.relation-panel'),$('[data-sublink="phone"] #p_nav-fiche'));cFicheManager.attach(cDynamicUpdate);cMatriceManager=new inputPhoneMatrice($('[data-sublink="phone"] article.matrice-panel'));cMatriceManager.attach(cDynamicUpdate);$('[data-sublink="phone"] input#p_call_log-import[type="file"]').addEventListener("click",
-matriceManager.attach(dynamicUpdate);$('input#call_log-import[type="file"]').addEventListener("click",function(a){a.target.value=null},!1);$('input#call_log-import[type="file"]').addEventListener("change",function(a){a={path:"upload/call_log",phone_number:$("#subject_phone_number").value,file:a.target.files[0]};api.send(a,function(a){console.log(a);var b=null;if(0!=a.ModuleError)9==a.ModuleError?Notification.error("Erreur","Il est n\u00e9cessaire de saisir les informations du <b>sujet</b> avant d'exporter son journal d'appel"):
+function(a){a.target.value=null},!1);$('[data-sublink="phone"] input#p_call_log-import[type="file"]').addEventListener("change",function(a){a={path:"upload/call_log",phone_number:$('[data-sublink="phone"] #p_subject_phone_number').value,file:a.target.files[0]};api.send(a,function(a){console.log(a);var b=null;if(0!=a.ModuleError)9==a.ModuleError?Notification.error("Erreur","Il est n\u00e9cessaire de saisir les informations du <b>sujet</b> avant d'exporter son journal d'appel"):Notification.error("Erreur",
-Notification.error("Erreur",a.ModuleError);else{b=Notification.info("Info","Chargement du journal d'appel");subjectManager.tmp_id.value=a.tmp_id;subjectManager.fieldsToStorage();subjectManager.storageToFields();for(var e=0;e<a.call.length;e++){var c=a.directory[a.call[e]],d=c.name.split(" ");lsi.set("contacts",c.id,{uid:c.id,number:c.number,username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",countsms:c.sms,countcall:c.call,call:e,sms:-1})}for(e=0;e<
+a.ModuleError);else{b=Notification.info("Info","Chargement du journal d'appel");cSubjectManager.tmp_id.value=a.tmp_id;cSubjectManager.fieldsToStorage();cSubjectManager.storageToFields();for(var e=0;e<a.call.length;e++){var d=a.directory[a.call[e]],f=d.name.split(" ");lsi.set("contacts",d.id,{uid:d.id,number:d.number,username:1==f.length?f[0]:"",firstname:1<f.length?f[0]:"",lastname:1<f.length?f.splice(1).join(" "):"",countsms:d.sms,countcall:d.call,call:e,sms:-1})}for(e=0;e<a.sms.length;e++)d=a.directory[a.sms[e]],
-a.sms.length;e++)c=a.directory[a.sms[e]],-1<a.call.indexOf(a.sms[e])?(d=lsi.get("contacts",c.id),d.sms=e,lsi.set("contacts",c.id,d)):(d=c.name.split(" "),lsi.set("contacts",c.id,{uid:c.id,number:c.number,username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",countsms:c.sms,countcall:c.call,call:-1,sms:e}));for(var g in a.directory)g=parseInt(g),-1<a.call.indexOf(g)||-1<a.sms.indexOf(g)||(c=a.directory[g],d=c.name.split(" "),lsi.set("contacts",c.id,{uid:c.id,
+-1<a.call.indexOf(a.sms[e])?(f=lsi.get("contacts",d.id),f.sms=e,lsi.set("contacts",d.id,f)):(f=d.name.split(" "),lsi.set("contacts",d.id,{uid:d.id,number:d.number,username:1==f.length?f[0]:"",firstname:1<f.length?f[0]:"",lastname:1<f.length?f.splice(1).join(" "):"",countsms:d.sms,countcall:d.call,call:-1,sms:e}));for(var g in a.directory)g=parseInt(g),-1<a.call.indexOf(g)||-1<a.sms.indexOf(g)||(d=a.directory[g],f=d.name.split(" "),lsi.set("contacts",d.id,{uid:d.id,number:d.number,username:1==f.length?
-number:c.number,username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",countsms:c.sms,countcall:c.call,call:-1,sms:-1}));contactManager.storageToFields();dynamicUpdate(!0);null!=b&&b.click();Notification.success("OK","Chargement termin\u00e9")}})},!1);$("#clear-all").addEventListener("click",function(a){lsi.clear("subject");lsi.clear("contacts");lsi.clear("mini-fiches");lsi.clear("fiches");lsi.clear("matrice");subjectManager.storageToFields();contactManager.storageToFields();
+f[0]:"",firstname:1<f.length?f[0]:"",lastname:1<f.length?f.splice(1).join(" "):"",countsms:d.sms,countcall:d.call,call:-1,sms:-1}));cContactManager.storageToFields();cDynamicUpdate(!0);null!=b&&b.click();Notification.success("OK","Chargement termin\u00e9")}})},!1);$('[data-sublink="phone"] #p_clear-all').addEventListener("click",function(a){lsi.clear("subject");lsi.clear("contacts");lsi.clear("mini-fiches");lsi.clear("fiches");lsi.clear("matrice");cSubjectManager.storageToFields();cContactManager.storageToFields();
-miniManager.storageToFields();ficheManager.storageToFields();matriceManager.storageToFields();Notification.success("OK","Les donn\u00e9es ont \u00e9t\u00e9 supprim\u00e9es")},!1);$("#export-all").addEventListener("click",function(a){Notification.info("INFORMATION","Lancement du t\u00e9l\u00e9chargement de la sauvegarde");a={subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches"),matrice:lsi["export"]("matrice")[0]};var f=
+cMiniManager.storageToFields();cFicheManager.storageToFields();cMatriceManager.storageToFields();Notification.success("OK","Les donn\u00e9es ont \u00e9t\u00e9 supprim\u00e9es")},!1);$('[data-sublink="phone"] #p_export-all').addEventListener("click",function(a){Notification.info("INFORMATION","Lancement du t\u00e9l\u00e9chargement de la sauvegarde");a={subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches"),matrice:lsi["export"]("matrice")[0]};
-$("#download-target");f.download="local-data.json";f.href="data:application/octet-stream,"+encodeURIComponent(JSON.stringify(a));f.click()},!1);$("#import-all").addEventListener("click",function(a){$("#local-upload").click()},!1);$("#local-upload").addEventListener("click",function(a){a.target.value=null},!1);$("#local-upload").addEventListener("change",function(a){a={path:"upload/local_data",file:$("#local-upload").files[0]};api.send(a,function(a){console.log(a);if(0!=a.ModuleError)return Notification.error("Erreur",
+var c=$('[data-sublink="phone"] #p_download-target');c.download="local-phone-data.json";c.href="data:application/octet-stream,"+encodeURIComponent(JSON.stringify(a));c.click()},!1);$('[data-sublink="phone"] #p_import-all').addEventListener("click",function(a){$('[data-sublink="phone"] #local-upload').click()},!1);$('[data-sublink="phone"] #p_local-upload').addEventListener("click",function(a){a.target.value=null},!1);$('[data-sublink="phone"] #p_local-upload').addEventListener("change",function(a){a=
-a.ModuleError),!1;lsi.set("subject",0,a.local_data.subject);lsi["import"]("contacts",a.local_data.contacts);lsi["import"]("mini-fiches",a.local_data.mini);lsi["import"]("fiches",a.local_data.fiches);lsi.set("matrice",0,a.local_data.matrice);subjectManager.storageToFields();contactManager.storageToFields();matriceManager.storageToFields();dynamicUpdate(!0)})},!1);$("#submit-all").addEventListener("click",function(a){console.log("> GATHERING ALL DATA");subjectManager.fieldsToStorage();contactManager.fieldsToStorage();
+{path:"upload/local_data",file:$('[data-sublink="phone"] #p_local-upload').files[0]};api.send(a,function(a){console.log(a);if(0!=a.ModuleError)return Notification.error("Erreur",a.ModuleError),!1;lsi.set("subject",0,a.local_data.subject);lsi["import"]("contacts",a.local_data.contacts);lsi["import"]("mini-fiches",a.local_data.mini);lsi["import"]("fiches",a.local_data.fiches);lsi.set("matrice",0,a.local_data.matrice);cSubjectManager.storageToFields();cContactManager.storageToFields();cMatriceManager.storageToFields();
-miniManager.fieldsToStorage();ficheManager.fieldsToStorage();if(!subjectManager.check())return Notification.warning("Attention","Vous devez saisir les informations du <i>sujet</i>"),!1;a=lsi["export"]("mini-fiches");var f=0,b;for(b in a)if(!isNaN(b)&&(f++,!a[b].valid))return Notification.warning("Attention","La <i>fiche rapide</i> <b>"+f+"</b> est incompl\u00e8te et/ou incorrecte"),!1;b={path:"input/phone",subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),
+cDynamicUpdate(!0)})},!1);$('[data-sublink="phone"] #p_submit-all').addEventListener("click",function(a){console.log("> GATHERING ALL DATA");cSubjectManager.fieldsToStorage();cContactManager.fieldsToStorage();cMiniManager.fieldsToStorage();cFicheManager.fieldsToStorage();if(!cSubjectManager.check())return Notification.warning("Attention","Vous devez saisir les informations du <i>sujet</i>"),!1;a=lsi["export"]("mini-fiches");var c=0,b;for(b in a)if(!isNaN(b)&&(c++,!a[b].valid))return Notification.warning("Attention",
-fiches:lsi["export"]("fiches"),matrice:lsi["export"]("matrice")[0]};api.send(b,function(a){console.log(a);if(0!=a.ModuleError)return Notification.error("ERREUR",a.ModuleError),!1;console.log(a)},!1)},!1)})})})})});
+"La <i>fiche rapide</i> <b>"+c+"</b> est incompl\u00e8te et/ou incorrecte"),!1;b={path:"input/phone",subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches"),matrice:lsi["export"]("matrice")[0]};api.send(b,function(a){console.log(a);if(0!=a.ModuleError)return Notification.error("ERREUR",a.ModuleError),!1;console.log(a)},!1)},!1)})})})})})}var fSubjectManager,fContactManager,fMiniManager,fFicheManager,fMatriceManager;
+if(null!=pageManager.vars[0]&&"facebook"==pageManager.vars[0]){var fDynamicUpdate=function(a){var c=a instanceof Element,b=c&&"SPAN"==a.tagName&&"switch-left"==a.className,e=c&&"SPAN"==a.tagName&&"switch-both"==a.className,d=c&&"INPUT"==a.tagName&&"submit"==a.type,f=c&&"SPAN"==a.tagName&&("f_nav-mini"==a.parentNode.id||"f_nav-fiche"==a.parentNode.id),c=c&&"SPAN"==a.tagName&&"f_nav-contact"==a.parentNode.id;if(!(e||b||d||f||c)&&!0!==a)return!1;if(e)console.log("> switch firstname <-> lastname"),b=
+a.parentNode,a=b.children[8],b=b.children[10],e=a.value,a.value=b.value,b.value=e;else if(b){console.log("> switch firstname+lastname -> username");b=a.parentNode;e=b.children[6];a=b.children[8];b=b.children[10];if(0<e.value.length||0==a.value.length&&0==b.value.length)return!1;e.value=a.value+" "+b.value;a.value="";b.value=""}else console.log("> dynamic update"),fMiniManager.fieldsToStorage(),fFicheManager.fieldsToStorage(),fContactManager.fieldsToStorage(),fMatriceManager.fieldsToStorage(),fFicheManager.sync(),
+fMiniManager.sync(),fMiniManager.storageToFields(),fFicheManager.storageToFields(),fMatriceManager.storageToFields(),(d||c)&&fContactManager.storageToFields()};include("/js/includes/input-facebook-subject.js",function(){include("/js/includes/input-facebook-contact.js",function(){include("/js/includes/input-facebook-mini.js",function(){include("/js/includes/input-facebook-fiche.js",function(){include("/js/includes/input-facebook-matrice.js",function(){fSubjectManager=new inputFacebookSubject($('[data-sublink="facebook"] article.subject-panel [data-name="username"]'),
+$('[data-sublink="facebook"] article.subject-panel [data-name="firstname"]'),$('[data-sublink="facebook"] article.subject-panel [data-name="lastname"]'),$('[data-sublink="facebook"] article.subject-panel [data-name="submit"]'));fSubjectManager.attach();fContactManager=new inputFacebookContact($('[data-sublink="facebook"] article.contact-panel'),$('[data-sublink="facebook"] #f_nav-contact'));fContactManager.attach(fDynamicUpdate);fMiniManager=new inputFacebookMini($('[data-sublink="facebook"] article.mini-relation-panel'),
+$('[data-sublink="facebook"] #f_nav-mini'));fMiniManager.attach(fDynamicUpdate);fFicheManager=new inputFacebookFiche($('[data-sublink="facebook"] article.relation-panel'),$('[data-sublink="facebook"] #f_nav-fiche'));fFicheManager.attach(fDynamicUpdate);fMatriceManager=new inputFacebookMatrice($('[data-sublink="facebook"] article.matrice-panel'));fMatriceManager.attach(fDynamicUpdate);$('[data-sublink="facebook"] #f_clear-all').addEventListener("click",function(a){lsi.clear("subject");lsi.clear("contacts");
+lsi.clear("mini-fiches");lsi.clear("fiches");lsi.clear("matrice");fSubjectManager.storageToFields();fContactManager.storageToFields();fMiniManager.storageToFields();fFicheManager.storageToFields();fMatriceManager.storageToFields();Notification.success("OK","Les donn\u00e9es ont \u00e9t\u00e9 supprim\u00e9es")},!1);$('[data-sublink="facebook"] #f_export-all').addEventListener("click",function(a){Notification.info("INFORMATION","Lancement du t\u00e9l\u00e9chargement de la sauvegarde");a={subject:lsi["export"]("subject")[0],
+contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches"),matrice:lsi["export"]("matrice")[0]};var c=$('[data-sublink="facebook"] #f_download-target');c.download="local-facebook-data.json";c.href="data:application/octet-stream,"+encodeURIComponent(JSON.stringify(a));c.click()},!1);$('[data-sublink="facebook"] #f_import-all').addEventListener("click",function(a){$('[data-sublink="facebook"] #f_local-upload').click()},!1);$('[data-sublink="facebook"] #f_local-upload').addEventListener("click",
+function(a){a.target.value=null},!1);$('[data-sublink="facebook"] #f_local-upload').addEventListener("change",function(a){a={path:"upload/local_data",file:$('[data-sublink="facebook"] #f_local-upload').files[0]};api.send(a,function(a){console.log(a);if(0!=a.ModuleError)return Notification.error("Erreur",a.ModuleError),!1;lsi.set("subject",0,a.local_data.subject);lsi["import"]("contacts",a.local_data.contacts);lsi["import"]("mini-fiches",a.local_data.mini);lsi["import"]("fiches",a.local_data.fiches);
+lsi.set("matrice",0,a.local_data.matrice);fSubjectManager.storageToFields();fContactManager.storageToFields();fMatriceManager.storageToFields();fDynamicUpdate(!0)})},!1);$('[data-sublink="facebook"] #f_submit-all').addEventListener("click",function(a){console.log("> GATHERING ALL DATA");fSubjectManager.fieldsToStorage();fContactManager.fieldsToStorage();fMiniManager.fieldsToStorage();fFicheManager.fieldsToStorage();if(!fSubjectManager.check())return Notification.warning("Attention","Vous devez saisir les informations du <i>sujet</i>"),
+!1;a=lsi["export"]("mini-fiches");var c=0,b;for(b in a)if(!isNaN(b)&&(c++,!a[b].valid))return Notification.warning("Attention","La <i>fiche rapide</i> <b>"+c+"</b> est incompl\u00e8te et/ou incorrecte"),!1;b={path:"input/phone",subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches"),matrice:lsi["export"]("matrice")[0]};api.send(b,function(a){console.log(a);if(0!=a.ModuleError)return Notification.error("ERREUR",a.ModuleError),
+!1;console.log(a)},!1)},!1)})})})})})};

view/js/input.js

@@ -1,23 +1,59 @@
-// STRUCTURE DU localStorage
+
-// subject     -> contient les données du sujet
+/* AFFICHE UN NOM EXPLICITE A PARTIR DE @u username, @f firstname, et @l lastname
-// contacts    -> contient les données de tous les contacts
+*
-// mini-fiches -> contient les données de toutes les mini fiches
+*/
-// fiches      -> contient les données de toutes les fiches
+function readableName(u, f, l){
-// matrice     -> contient les relations de la matrice
+	/* (1) On calcule les tailles des chaines */
+	var ul = u.length,
+		fl = f.length,
+		ll = l.length;
+
+	/* (2) Si @username n'est pas vide */
+	if( ul > 0 ){
+
+		/* (3) Si @username+(@firstname et/ou @lastname) -> username (firstname lastname) */
+		if( fl+ll > 0 )
+			return u+' ('+(f+' '+l).trim()+')';
+
+		/* (4) Si @username uniquement -> username */
+		else
+			return u;
+
+	/* (5) Si pas @username */
+	}else{
+
+		/* (6) Si @firstname et/ou @lastname -> firstname lastname*/
+		if( fl+ll > 0 )
+			return (f+' '+l).trim();
+
+		/* (7) Si rien -> Inconnu */
+		else
+			return 'Inconnu';
+
+	}
+}
 
 
+
+
+/*=========================================================*/
+/*********** Gestion du formulaire téléphonique ************/
+/*=========================================================*/
 /* [1] Initialisation des utilitaires et variables
 =========================================================*
 /* (1) Initialisation des managers */
-var subjectManager;
+var cSubjectManager;
-var contactManager;
+var cContactManager;
-var miniManager;
+var cMiniManager;
-var ficheManager;
+var cFicheManager;
-var matriceManager;
+var cMatriceManager;
+
+
+if( pageManager.vars[0] != null && pageManager.vars[0] == 'phone' ){
 
 
 	/* (2) Fonctions utiles */
-function dynamicUpdate(target){
+	function cDynamicUpdate(target){
 
 
 		/* (0) Vérification de la cohérence de la @target
@@ -26,8 +62,8 @@ function dynamicUpdate(target){
 		var isSwitchLeft = isElement && target.tagName == 'SPAN'  && target.className      == 'switch-left';
 		var isSwitchBoth = isElement && target.tagName == 'SPAN'  && target.className      == 'switch-both';
 		var isSaveButton = isElement && target.tagName == 'INPUT' && target.type           == 'submit';
-    var isNavButton  = isElement && target.tagName == 'SPAN'  && (target.parentNode.id == 'nav-mini' || target.parentNode.id == 'nav-fiche');
+		var isNavButton  = isElement && target.tagName == 'SPAN'  && (target.parentNode.id == 'p_nav-mini' || target.parentNode.id == 'p_nav-fiche');
-    var isNavContact = isElement && target.tagName == 'SPAN'  && target.parentNode.id  == 'nav-contact';
+		var isNavContact = isElement && target.tagName == 'SPAN'  && target.parentNode.id  == 'p_nav-contact';
 
 		// Si erreur, on retourne une erreur
 		if( !isSwitchBoth && !isSwitchLeft && !isSaveButton && !isNavButton && !isNavContact && target !== true )
@@ -80,70 +116,34 @@ function dynamicUpdate(target){
 			console.log('> dynamic update');
 
 			/* (1) On enregistre les MINI fiches relation */
-        miniManager.fieldsToStorage();
+			cMiniManager.fieldsToStorage();
 
 			/* (2) On enregister les FICHES relation */
-        ficheManager.fieldsToStorage();
+			cFicheManager.fieldsToStorage();
 
 			/* (3) On enregistre les CONTACTS */
-        contactManager.fieldsToStorage();
+			cContactManager.fieldsToStorage();
 
 			/* (4) On enregistre la MATRICE */
-        matriceManager.fieldsToStorage();
+			cMatriceManager.fieldsToStorage();
 
 			/* (5) On synchronise les FICHE avec les CONTACTS */
 			// 1. On synchronise les `mini` et `fiches` associées en fonction de la dernière date de modification
 			// 2. On synchronise les `fiches` dupliquées en fonction de la dernière date de modification
-        ficheManager.sync();
+			cFicheManager.sync();
 
 			/* (6) On synchronise les MINI avec les CONTACTS */
 			// Supprime les contacts déja dans les FICHES
-        miniManager.sync();
+			cMiniManager.sync();
 
 			/* (7) On affiche le tout */
-        miniManager.storageToFields();
+			cMiniManager.storageToFields();
-        ficheManager.storageToFields();
+			cFicheManager.storageToFields();
-        matriceManager.storageToFields();
+			cMatriceManager.storageToFields();
 
 			/* (8) On met à jour les contacts si on les a modifié on si on navigue dans les contacts */
 			if( isSaveButton || isNavContact )
-            contactManager.storageToFields();
+				cContactManager.storageToFields();
-    }
-}
-
-
-
-/* AFFICHE UN NOM EXPLICITE A PARTIR DE @u username, @f firstname, et @l lastname
-*
-*/
-function readableName(u, f, l){
-    /* (1) On calcule les tailles des chaines */
-    var ul = u.length,
-        fl = f.length,
-        ll = l.length;
-
-    /* (2) Si @username n'est pas vide */
-    if( ul > 0 ){
-
-        /* (3) Si @username+(@firstname et/ou @lastname) -> username (firstname lastname) */
-        if( fl+ll > 0 )
-            return u+' ('+(f+' '+l).trim()+')';
-
-        /* (4) Si @username uniquement -> username */
-        else
-            return u;
-
-    /* (5) Si pas @username */
-    }else{
-
-        /* (6) Si @firstname et/ou @lastname -> firstname lastname*/
-        if( fl+ll > 0 )
-            return (f+' '+l).trim();
-
-        /* (7) Si rien -> Inconnu */
-        else
-            return 'Inconnu';
-
 		}
 	}
 
@@ -172,17 +172,17 @@ include('/js/includes/input-phone-matrice.js', function(){
 		/* (1) Gestion du formulaire du sujet
 		---------------------------------------------------------*/
 		/* (1) On crée une instance du manager du sujet */
-    subjectManager = new inputPhoneSubject(
+		cSubjectManager = new inputPhoneSubject(
-        $('article.subject-panel [data-name="tmp_id"]'),
+			$('[data-sublink="phone"] article.subject-panel [data-name="tmp_id"]'),
-        $('article.subject-panel [data-name="number"]'),
+			$('[data-sublink="phone"] article.subject-panel [data-name="number"]'),
-        $('article.subject-panel [data-name="username"]'),
+			$('[data-sublink="phone"] article.subject-panel [data-name="username"]'),
-        $('article.subject-panel [data-name="firstname"]'),
+			$('[data-sublink="phone"] article.subject-panel [data-name="firstname"]'),
-        $('article.subject-panel [data-name="lastname"]'),
+			$('[data-sublink="phone"] article.subject-panel [data-name="lastname"]'),
-        $('article.subject-panel [data-name="submit"]')
+			$('[data-sublink="phone"] article.subject-panel [data-name="submit"]')
 		);
 
 		/* (2) On le démarre */
-    subjectManager.attach();
+		cSubjectManager.attach();
 
 
 
@@ -191,49 +191,49 @@ include('/js/includes/input-phone-matrice.js', function(){
 		/* (2) Gestion des formulaires de contact
 		---------------------------------------------------------*/
 		/* (1) On crée une instance du gestionnaire des CONTACTS */
-    contactManager = new inputPhoneContact(
+		cContactManager = new inputPhoneContact(
-        $('article.contact-panel'),
+			$('[data-sublink="phone"] article.contact-panel'),
-        $('#nav-contact')
+			$('[data-sublink="phone"] #p_nav-contact')
 		);
 
 		/* (2) On le démarre */
-    contactManager.attach(dynamicUpdate);
+		cContactManager.attach(cDynamicUpdate);
 
 
 
 		/* (3) Gestion des mini fiches relation
 		---------------------------------------------------------*/
 		/* (1) On crée une instance du gestionnaire des mini fiches relation */
-    miniManager = new inputPhoneMini(
+		cMiniManager = new inputPhoneMini(
-        $('article.mini-relation-panel'),
+			$('[data-sublink="phone"] article.mini-relation-panel'),
-        $('#nav-mini')
+			$('[data-sublink="phone"] #p_nav-mini')
 		);
 
 		/* (2) On le démarre */
-    miniManager.attach(dynamicUpdate);
+		cMiniManager.attach(cDynamicUpdate);
 
 
 		/* (4) Gestion des fiches relation
 		---------------------------------------------------------*/
 		/* (1) On crée une instance du gestionnaire des fiches relation */
-    ficheManager = new inputPhoneFiche(
+		cFicheManager = new inputPhoneFiche(
-        $('article.relation-panel'),
+			$('[data-sublink="phone"] article.relation-panel'),
-        $('#nav-fiche')
+			$('[data-sublink="phone"] #p_nav-fiche')
 		);
 
 		/* (2) On le démarre */
-    ficheManager.attach(dynamicUpdate);
+		cFicheManager.attach(cDynamicUpdate);
 
 
 		/* (5) Gestion de la matrice de relations
 		---------------------------------------------------------*/
 		/* (1) On crée une instance du gestionnaire de la matrice */
-    matriceManager = new inputPhoneMatrice(
+		cMatriceManager = new inputPhoneMatrice(
-        $('article.matrice-panel')
+			$('[data-sublink="phone"] article.matrice-panel')
 		);
 
 		/* (2) On le démarre */
-    matriceManager.attach(dynamicUpdate);
+		cMatriceManager.attach(cDynamicUpdate);
 
 
 
@@ -248,16 +248,16 @@ include('/js/includes/input-phone-matrice.js', function(){
 		/* (6) Gestion de l'import du fichier
 		---------------------------------------------------------*/
 		// On vide l'input de type 'file' quand on clique
-    $('input#call_log-import[type="file"]').addEventListener('click', function(e){
+		$('[data-sublink="phone"] input#p_call_log-import[type="file"]').addEventListener('click', function(e){
 			e.target.value = null;
 		}, false);
 
 		// Gestion de l'upload
-    $('input#call_log-import[type="file"]').addEventListener('change', function(e){
+		$('[data-sublink="phone"] input#p_call_log-import[type="file"]').addEventListener('change', function(e){
 			/* (1) On rédige la requête */
 			var request = {
 				path:         'upload/call_log',
-            phone_number: $('#subject_phone_number').value,
+				phone_number: $('[data-sublink="phone"] #p_subject_phone_number').value,
 				file:         e.target.files[0]
 			};
 
@@ -279,9 +279,9 @@ include('/js/includes/input-phone-matrice.js', function(){
 
 
 				/* (3) On enregistre l'identifiant temporaire du sujet */
-            subjectManager.tmp_id.value = response.tmp_id;
+				cSubjectManager.tmp_id.value = response.tmp_id;
-            subjectManager.fieldsToStorage();
+				cSubjectManager.fieldsToStorage();
-            subjectManager.storageToFields();
+				cSubjectManager.storageToFields();
 
 
 
@@ -375,8 +375,8 @@ include('/js/includes/input-phone-matrice.js', function(){
 				}
 
 				/* (8) On met à jour l'affichage */
-            contactManager.storageToFields();
+				cContactManager.storageToFields();
-            dynamicUpdate(true);
+				cDynamicUpdate(true);
 
 
 				/* (9) On notifie la fin du chargement */
@@ -395,7 +395,7 @@ include('/js/includes/input-phone-matrice.js', function(){
 
 		/* (7) Gestion de l'effacement des données locales
 		---------------------------------------------------------*/
-    $('#clear-all').addEventListener('click', function(e){
+		$('[data-sublink="phone"] #p_clear-all').addEventListener('click', function(e){
 			/* (1) On vide tous les dataset de données */
 			lsi.clear('subject');
 			lsi.clear('contacts');
@@ -405,11 +405,11 @@ include('/js/includes/input-phone-matrice.js', function(){
 
 
 			/* (2) On met à jour l'affichage */
-        subjectManager.storageToFields();
+			cSubjectManager.storageToFields();
-        contactManager.storageToFields();
+			cContactManager.storageToFields();
-        miniManager.storageToFields();
+			cMiniManager.storageToFields();
-        ficheManager.storageToFields();
+			cFicheManager.storageToFields();
-        matriceManager.storageToFields();
+			cMatriceManager.storageToFields();
 
 			Notification.success('OK', 'Les données ont été supprimées');
 		}, false);
@@ -418,7 +418,7 @@ include('/js/includes/input-phone-matrice.js', function(){
 
 		/* (8) Gestion de l'export des données locales
 		---------------------------------------------------------*/
-    $('#export-all').addEventListener('click', function(e){
+		$('[data-sublink="phone"] #p_export-all').addEventListener('click', function(e){
 
 			Notification.info('INFORMATION', 'Lancement du téléchargement de la sauvegarde');
 
@@ -433,8 +433,8 @@ include('/js/includes/input-phone-matrice.js', function(){
 
 
 			/* (2) On lance le téléchargement */
-        var downloadTarget = $('#download-target');                                                                        // On récupère le lien (<a>) caché qui fera le téléchargement
+			var downloadTarget = $('[data-sublink="phone"] #p_download-target');                                                                        // On récupère le lien (<a>) caché qui fera le téléchargement
-        downloadTarget.download = 'local-data.json';                                                                       // Nom du fichier qui sera téléchargé
+			downloadTarget.download = 'local-phone-data.json';                                                                       // Nom du fichier qui sera téléchargé
 			downloadTarget.href     = 'data:application/octet-stream,' + encodeURIComponent(JSON.stringify(data)); // Contenu
 			downloadTarget.click();                                                                                            // On lance le téléchargement
 
@@ -446,22 +446,22 @@ include('/js/includes/input-phone-matrice.js', function(){
 		/* (9) Gestion de l'import des données locales
 		---------------------------------------------------------*/
 		// Le bouton lance l'<input> file
-    $('#import-all').addEventListener('click', function(e){
+		$('[data-sublink="phone"] #p_import-all').addEventListener('click', function(e){
-        $('#local-upload').click();
+			$('[data-sublink="phone"] #local-upload').click();
 		}, false);
 
 
 		// On vide l'input de type 'file' quand on clique
-    $('#local-upload').addEventListener('click', function(e){
+		$('[data-sublink="phone"] #p_local-upload').addEventListener('click', function(e){
 			e.target.value = null;
 		}, false);
 
 		// Gestion de l'upload d'une sauvegarde de formulaire local
-    $('#local-upload').addEventListener('change', function(e){
+		$('[data-sublink="phone"] #p_local-upload').addEventListener('change', function(e){
 			/* (1) Rédaction de la requête d'upload */
 			var request = {
 				path: 'upload/local_data',
-            file: $('#local-upload').files[0]
+				file: $('[data-sublink="phone"] #p_local-upload').files[0]
 			};
 
 			/* (2) Upload et réponse */
@@ -482,10 +482,10 @@ include('/js/includes/input-phone-matrice.js', function(){
 				lsi.set('matrice', 0,     response.local_data.matrice);
 
 				/* (3) On met à jour l'affichage */
-            subjectManager.storageToFields();
+				cSubjectManager.storageToFields();
-            contactManager.storageToFields();
+				cContactManager.storageToFields();
-            matriceManager.storageToFields();
+				cMatriceManager.storageToFields();
-            dynamicUpdate(true);
+				cDynamicUpdate(true);
 
 			});
 
@@ -496,18 +496,18 @@ include('/js/includes/input-phone-matrice.js', function(){
 
 		/* (10) Gestion de la validation et de l'envoi des données
 		---------------------------------------------------------*/
-    $('#submit-all').addEventListener('click', function(e){
+		$('[data-sublink="phone"] #p_submit-all').addEventListener('click', function(e){
 			console.log('> GATHERING ALL DATA');
 
 			/* (1) On met dans la mémoire tout les champs non enregistrés */
-        subjectManager.fieldsToStorage();
+			cSubjectManager.fieldsToStorage();
-        contactManager.fieldsToStorage();
+			cContactManager.fieldsToStorage();
-        miniManager.fieldsToStorage();
+			cMiniManager.fieldsToStorage();
-        ficheManager.fieldsToStorage();
+			cFicheManager.fieldsToStorage();
 
 			/* (2) Vérification de la validité de toutes les données */
 				// {1} Vérification du sujet //
-            if( !subjectManager.check() ){
+				if( !cSubjectManager.check() ){
 					Notification.warning('Attention', 'Vous devez saisir les informations du <i>sujet</i>');
 					return false;
 				}
@@ -565,3 +565,463 @@ include('/js/includes/input-phone-matrice.js', function(){
 
 
 	}); }); }); }); });
+
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*=========================================================*/
+/************ Gestion du formulaire facebook ***************/
+/*=========================================================*/
+
+/* [1] Initialisation des utilitaires et variables
+=========================================================*
+/* (1) Initialisation des managers */
+var fSubjectManager;
+var fContactManager;
+var fMiniManager;
+var fFicheManager;
+var fMatriceManager;
+
+if( pageManager.vars[0] != null && pageManager.vars[0] == 'facebook' ){
+
+
+
+		/* (2) Fonctions utiles */
+		function fDynamicUpdate(target){
+
+
+			/* (0) Vérification de la cohérence de la @target
+			---------------------------------------------------------*/
+			var isElement    = target instanceof Element;
+			var isSwitchLeft = isElement && target.tagName == 'SPAN'  && target.className      == 'switch-left';
+			var isSwitchBoth = isElement && target.tagName == 'SPAN'  && target.className      == 'switch-both';
+			var isSaveButton = isElement && target.tagName == 'INPUT' && target.type           == 'submit';
+			var isNavButton  = isElement && target.tagName == 'SPAN'  && (target.parentNode.id == 'f_nav-mini' || target.parentNode.id == 'f_nav-fiche');
+			var isNavContact = isElement && target.tagName == 'SPAN'  && target.parentNode.id  == 'f_nav-contact';
+
+			// Si erreur, on retourne une erreur
+			if( !isSwitchBoth && !isSwitchLeft && !isSaveButton && !isNavButton && !isNavContact && target !== true )
+				return false;
+
+			/* (1) Gestion de l'échange de nom/prénom
+			---------------------------------------------------------*/
+			if( isSwitchBoth ){
+				console.log('> switch firstname <-> lastname');
+
+				/* (1) On récupère le formulaire parent */
+				var currentForm = target.parentNode;
+
+				/* (2) On récupère Nom et Prénom */
+				var firstname = currentForm.children[8];
+				var lastname  = currentForm.children[10];
+
+				/* (3) On échange leurs valeurs */
+				var tmp = firstname.value;
+				firstname.value = lastname.value;
+				lastname.value = tmp;
+
+			}else if( isSwitchLeft ){
+			/* (2) Gestion de l'échange Prénom+Nom = Pseudo
+			---------------------------------------------------------*/
+				console.log('> switch firstname+lastname -> username');
+
+				/* (1) On récupère le formulaire parent */
+				var currentForm = target.parentNode;
+
+				/* (2) On récupère Pseudo, Nom et Prénom */
+				var username  = currentForm.children[6];
+				var firstname = currentForm.children[8];
+				var lastname  = currentForm.children[10];
+
+				/* (3) Vérification de la validité */
+				// Si pseudo pas vide, ou nom et prenom vide -> on ne fais rien
+				if( username.value.length > 0 || firstname.value.length == 0 && lastname.value.length == 0 )
+					return false;
+
+				/* (4) On attribue à Pseudo, la valeur de Prénom+Nom */
+				username.value  = firstname.value +' '+ lastname.value;
+				firstname.value = '';
+				lastname.value  = '';
+
+
+			/* (3) Gestion de la mise à jour dynamique
+			---------------------------------------------------------*/
+			}else{
+				console.log('> dynamic update');
+
+				/* (1) On enregistre les MINI fiches relation */
+				fMiniManager.fieldsToStorage();
+
+				/* (2) On enregister les FICHES relation */
+				fFicheManager.fieldsToStorage();
+
+				/* (3) On enregistre les CONTACTS */
+				fContactManager.fieldsToStorage();
+
+				/* (4) On enregistre la MATRICE */
+				fMatriceManager.fieldsToStorage();
+
+				/* (5) On synchronise les FICHE avec les CONTACTS */
+				// 1. On synchronise les `mini` et `fiches` associées en fonction de la dernière date de modification
+				// 2. On synchronise les `fiches` dupliquées en fonction de la dernière date de modification
+				fFicheManager.sync();
+
+				/* (6) On synchronise les MINI avec les CONTACTS */
+				// Supprime les contacts déja dans les FICHES
+				fMiniManager.sync();
+
+				/* (7) On affiche le tout */
+				fMiniManager.storageToFields();
+				fFicheManager.storageToFields();
+				fMatriceManager.storageToFields();
+
+				/* (8) On met à jour les contacts si on les a modifié on si on navigue dans les contacts */
+				if( isSaveButton || isNavContact )
+					fContactManager.storageToFields();
+			}
+		}
+
+
+
+
+
+
+
+
+
+
+
+
+
+		/* [2] Inclusion des scripts externes et lancement
+		=========================================================*/
+		// TODO: Mettre les versions minifiées
+		include('/js/includes/input-facebook-subject.js', function(){
+		include('/js/includes/input-facebook-contact.js', function(){
+		include('/js/includes/input-facebook-mini.js',    function(){
+		include('/js/includes/input-facebook-fiche.js',   function(){
+		include('/js/includes/input-facebook-matrice.js', function(){
+
+
+			/* (1) Gestion du formulaire du sujet
+			---------------------------------------------------------*/
+			/* (1) On crée une instance du manager du sujet */
+			fSubjectManager = new inputFacebookSubject(
+				$('[data-sublink="facebook"] article.subject-panel [data-name="username"]'),
+				$('[data-sublink="facebook"] article.subject-panel [data-name="firstname"]'),
+				$('[data-sublink="facebook"] article.subject-panel [data-name="lastname"]'),
+				$('[data-sublink="facebook"] article.subject-panel [data-name="submit"]')
+			);
+
+			/* (2) On le démarre */
+			fSubjectManager.attach();
+
+
+
+
+
+			/* (2) Gestion des formulaires de contact
+			---------------------------------------------------------*/
+			/* (1) On crée une instance du gestionnaire des CONTACTS */
+			fContactManager = new inputFacebookContact(
+				$('[data-sublink="facebook"] article.contact-panel'),
+				$('[data-sublink="facebook"] #f_nav-contact')
+			);
+
+			/* (2) On le démarre */
+			fContactManager.attach(fDynamicUpdate);
+
+
+
+			/* (3) Gestion des mini fiches relation
+			---------------------------------------------------------*/
+			/* (1) On crée une instance du gestionnaire des mini fiches relation */
+			fMiniManager = new inputFacebookMini(
+				$('[data-sublink="facebook"] article.mini-relation-panel'),
+				$('[data-sublink="facebook"] #f_nav-mini')
+			);
+
+			/* (2) On le démarre */
+			fMiniManager.attach(fDynamicUpdate);
+
+
+			/* (4) Gestion des fiches relation
+			---------------------------------------------------------*/
+			/* (1) On crée une instance du gestionnaire des fiches relation */
+			fFicheManager = new inputFacebookFiche(
+				$('[data-sublink="facebook"] article.relation-panel'),
+				$('[data-sublink="facebook"] #f_nav-fiche')
+			);
+
+			/* (2) On le démarre */
+			fFicheManager.attach(fDynamicUpdate);
+
+
+			/* (5) Gestion de la matrice de relations
+			---------------------------------------------------------*/
+			/* (1) On crée une instance du gestionnaire de la matrice */
+			fMatriceManager = new inputFacebookMatrice(
+				$('[data-sublink="facebook"] article.matrice-panel')
+			);
+
+			/* (2) On le démarre */
+			fMatriceManager.attach(fDynamicUpdate);
+
+
+
+
+
+			/* (7) Gestion de l'effacement des données locales
+			---------------------------------------------------------*/
+			$('[data-sublink="facebook"] #f_clear-all').addEventListener('click', function(e){
+				/* (1) On vide tous les dataset de données */
+				lsi.clear('subject');
+				lsi.clear('contacts');
+				lsi.clear('mini-fiches');
+				lsi.clear('fiches');
+				lsi.clear('matrice');
+
+
+				/* (2) On met à jour l'affichage */
+				fSubjectManager.storageToFields();
+				fContactManager.storageToFields();
+				fMiniManager.storageToFields();
+				fFicheManager.storageToFields();
+				fMatriceManager.storageToFields();
+
+				Notification.success('OK', 'Les données ont été supprimées');
+			}, false);
+
+
+
+			/* (8) Gestion de l'export des données locales
+			---------------------------------------------------------*/
+			$('[data-sublink="facebook"] #f_export-all').addEventListener('click', function(e){
+
+				Notification.info('INFORMATION', 'Lancement du téléchargement de la sauvegarde');
+
+				/* (1) On construit les données */
+				var data = {
+					subject:  lsi.export('subject')[0],
+					contacts: lsi.export('contacts'),
+					mini:     lsi.export('mini-fiches'),
+					fiches:   lsi.export('fiches'),
+					matrice:  lsi.export('matrice')[0]
+				};
+
+
+				/* (2) On lance le téléchargement */
+				var downloadTarget = $('[data-sublink="facebook"] #f_download-target');                                                                        // On récupère le lien (<a>) caché qui fera le téléchargement
+				downloadTarget.download = 'local-facebook-data.json';                                                                       // Nom du fichier qui sera téléchargé
+				downloadTarget.href     = 'data:application/octet-stream,' + encodeURIComponent(JSON.stringify(data)); // Contenu
+				downloadTarget.click();                                                                                            // On lance le téléchargement
+
+			}, false);
+
+
+
+
+			/* (9) Gestion de l'import des données locales
+			---------------------------------------------------------*/
+			// Le bouton lance l'<input> file
+			$('[data-sublink="facebook"] #f_import-all').addEventListener('click', function(e){
+				$('[data-sublink="facebook"] #f_local-upload').click();
+			}, false);
+
+
+			// On vide l'input de type 'file' quand on clique
+			$('[data-sublink="facebook"] #f_local-upload').addEventListener('click', function(e){
+				e.target.value = null;
+			}, false);
+
+			// Gestion de l'upload d'une sauvegarde de formulaire local
+			$('[data-sublink="facebook"] #f_local-upload').addEventListener('change', function(e){
+				/* (1) Rédaction de la requête d'upload */
+				var request = {
+					path: 'upload/local_data',
+					file: $('[data-sublink="facebook"] #f_local-upload').files[0]
+				};
+
+				/* (2) Upload et réponse */
+				api.send(request, function(response){
+					console.log(response);
+
+					// Si erreur, on quitte
+					if( response.ModuleError != 0 ){
+						Notification.error('Erreur', response.ModuleError);
+						return false;
+					}
+
+					/* (3) On enregistre les données dans le 'localStorage' */
+					lsi.set('subject', 0,     response.local_data.subject);
+					lsi.import('contacts',    response.local_data.contacts);
+					lsi.import('mini-fiches', response.local_data.mini);
+					lsi.import('fiches',      response.local_data.fiches);
+					lsi.set('matrice', 0,     response.local_data.matrice);
+
+					/* (3) On met à jour l'affichage */
+					fSubjectManager.storageToFields();
+					fContactManager.storageToFields();
+					fMatriceManager.storageToFields();
+					fDynamicUpdate(true);
+
+				});
+
+			}, false);
+
+
+
+
+			/* (10) Gestion de la validation et de l'envoi des données
+			---------------------------------------------------------*/
+			$('[data-sublink="facebook"] #f_submit-all').addEventListener('click', function(e){
+				console.log('> GATHERING ALL DATA');
+
+				/* (1) On met dans la mémoire tout les champs non enregistrés */
+				fSubjectManager.fieldsToStorage();
+				fContactManager.fieldsToStorage();
+				fMiniManager.fieldsToStorage();
+				fFicheManager.fieldsToStorage();
+
+				/* (2) Vérification de la validité de toutes les données */
+					// {1} Vérification du sujet //
+					if( !fSubjectManager.check() ){
+						Notification.warning('Attention', 'Vous devez saisir les informations du <i>sujet</i>');
+						return false;
+					}
+					// {2} Vérification des mini-fiches //
+					var mini = lsi.export('mini-fiches');
+					var i = 0;
+					for( var id in mini ){ if( !isNaN(id) ){
+
+						i++
+
+						if( !mini[id].valid ){
+							Notification.warning('Attention', 'La <i>fiche rapide</i> <b>'+i+'</b> est incomplète et/ou incorrecte');
+							return false;
+						}
+
+					}}
+					// {3} Vérification des fiches //
+					//TODO: Remettre la vérification des fiches
+					// var fiches = lsi.export('fiches');
+					// for( var id in fiches )
+					//     if( !fiches[id].valid ){
+					//         Notification.warning('Attention', 'La <i>fiche complète</i> <b>'+(parseInt(id)+1)+'</b> est incomplète et/ou incorrecte');
+					//         return false;
+					//     }
+
+
+
+				/* (3) On prépare la requête avec toutes les données */
+				var request = {
+					path: 'input/phone',
+
+					subject:  lsi.export('subject')[0],
+					contacts: lsi.export('contacts'),
+					mini:     lsi.export('mini-fiches'),
+					fiches:   lsi.export('fiches'),
+					matrice:  lsi.export('matrice')[0]
+				};
+
+				/* (4) On envoie la requête et traite la réponse */
+				api.send(request, function(response){
+					console.log(response);
+
+					// Si erreur, on la notifie
+					if( response.ModuleError != 0 ){
+						Notification.error('ERREUR', response.ModuleError);
+						return false;
+					}
+
+					console.log(response);
+
+				}, false);
+
+
+			}, false);
+
+
+		}); }); }); }); });
+
+}