NxTIC/view/js/input.js

/* 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';

	}
}




/*=========================================================*/
/*********** Gestion du formulaire téléphonique ************/
/*=========================================================*/
/* [1] Initialisation des utilitaires et variables
=========================================================*
/* (1) Initialisation des managers */
var cSubjectManager;
var cContactManager;
var cMiniManager;
var cFicheManager;
var cMatriceManager;


if( pageManager.vars[0] != null && pageManager.vars[0] == 'phone' ){


	/* (2) Fonctions utiles */
	function cDynamicUpdate(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 == 'p_nav-mini' || target.parentNode.id == 'p_nav-fiche');
		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 )
			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 */
			cMiniManager.fieldsToStorage();

			/* (2) On enregister les FICHES relation */
			cFicheManager.fieldsToStorage();

			/* (3) On enregistre les CONTACTS */
			cContactManager.fieldsToStorage();

			/* (4) On enregistre la MATRICE */
			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
			cFicheManager.sync();

			/* (6) On synchronise les MINI avec les CONTACTS */
			// Supprime les contacts déja dans les FICHES
			cMiniManager.sync();

			/* (7) On affiche le tout */
			cMiniManager.storageToFields();
			cFicheManager.storageToFields();
			cMatriceManager.storageToFields();

			/* (8) On met à jour les contacts si on les a modifié on si on navigue dans les contacts */
			if( isSaveButton || isNavContact )
				cContactManager.storageToFields();
		}
	}













	/* [2] Inclusion des scripts externes et lancement
	=========================================================*/
	// TODO: Mettre les versions minifiées
	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(){


		/* (1) Gestion du formulaire du sujet
		---------------------------------------------------------*/
		/* (1) On crée une instance du manager du sujet */
		cSubjectManager = new inputPhoneSubject(
			$('[data-sublink="phone"] article.subject-panel [data-name="tmp_id"]'),
			$('[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"]')
		);

		/* (2) On le démarre */
		cSubjectManager.attach();





		/* (2) Gestion des formulaires de contact
		---------------------------------------------------------*/
		/* (1) On crée une instance du gestionnaire des CONTACTS */
		cContactManager = new inputPhoneContact(
			$('[data-sublink="phone"] article.contact-panel'),
			$('[data-sublink="phone"] #p_nav-contact')
		);

		/* (2) On le démarre */
		cContactManager.attach(cDynamicUpdate);



		/* (3) Gestion des mini fiches relation
		---------------------------------------------------------*/
		/* (1) On crée une instance du gestionnaire des mini fiches relation */
		cMiniManager = new inputPhoneMini(
			$('[data-sublink="phone"] article.mini-relation-panel'),
			$('[data-sublink="phone"] #p_nav-mini')
		);

		/* (2) On le démarre */
		cMiniManager.attach(cDynamicUpdate);


		/* (4) Gestion des fiches relation
		---------------------------------------------------------*/
		/* (1) On crée une instance du gestionnaire des fiches relation */
		cFicheManager = new inputPhoneFiche(
			$('[data-sublink="phone"] article.relation-panel'),
			$('[data-sublink="phone"] #p_nav-fiche')
		);

		/* (2) On le démarre */
		cFicheManager.attach(cDynamicUpdate);


		/* (5) Gestion de la matrice de relations
		---------------------------------------------------------*/
		/* (1) On crée une instance du gestionnaire de la matrice */
		cMatriceManager = new inputPhoneMatrice(
			$('[data-sublink="phone"] article.matrice-panel')
		);

		/* (2) On le démarre */
		cMatriceManager.attach(cDynamicUpdate);











		/* (6) Gestion de l'import du fichier
		---------------------------------------------------------*/
		// On vide l'input de type 'file' quand on clique
		$('[data-sublink="phone"] input#p_call_log-import[type="file"]').addEventListener('click', function(e){
			e.target.value = null;
		}, false);

		// Gestion de l'upload
		$('[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: $('[data-sublink="phone"] #p_subject_phone_number').value,
				file:         e.target.files[0]
			};

			/* (2) On effectue l'upload (import) */
			api.send(request, function(response){
				console.log(response);

				var loadingNotif = null;

				// Si erreur, on quitte
				if( response.ModuleError != 0 ){
					if( response.ModuleError == 9 )
						Notification.error('Erreur', 'Il est nécessaire de saisir les informations du <b>sujet</b> avant d\'exporter son journal d\'appel');
					else
						Notification.error('Erreur', response.ModuleError);
					return;
				}else
					loadingNotif = Notification.info('Info', 'Chargement du journal d\'appel');


				/* (3) On enregistre l'identifiant temporaire du sujet */
				cSubjectManager.tmp_id.value = response.tmp_id;
				cSubjectManager.fieldsToStorage();
				cSubjectManager.storageToFields();



				/* (3) On crée les 10 contacts les plus APPELÉS */
				for( var i = 0 ; i < response.call.length ; i++ ){

					// Données du cnotact
					var conData = response.directory[ response.call[i] ];

					var splittedName = conData.name.split(' ');

					lsi.set('p_contacts', conData.id, {
						uid:       conData.id,
						number:    conData.number,
						username:  splittedName.length == 1 ? splittedName[0]                  : '', // Si un seul mot -> pseudo
						firstname: splittedName.length  > 1 ? splittedName[0]                  : '', // Si plusieurs mots -> le 1er est le prénom
						lastname:  splittedName.length  > 1 ? splittedName.splice(1).join(' ') : '', // et les autres sont le nom
						countsms:  conData.sms,   // Nombre de sms
						countcall: conData.call,  // Nombre d'appels
						call:      i,  // classement dans le top 10 des APPELS
						sms:       -1  // classement dans le top 10 des SMS
					});

				}


				/* (5) On crée les 10 contacts les plus SMSÉS */
				for( var i = 0 ; i < response.sms.length ; i++ ){

					// Données du cnotact
					var conData = response.directory[response.sms[i]];

					// Si le contact existe déja, on lui ajoute juste 'sms'
					// Si le contact est déja dans le top 10 des appels, on lui ajoute juste le classement dans le top 10 des SMS
					var callIndex = response.call.indexOf(response.sms[i]);
					if( callIndex > -1 ){
						var created = lsi.get('p_contacts', conData.id);
						created.sms = i;
						lsi.set('p_contacts', conData.id, created);
						continue;
					}

					var splittedName = conData.name.split(' ');


					lsi.set('p_contacts', conData.id, {
						uid:       conData.id,
						number:    conData.number,
						username:  splittedName.length == 1 ? splittedName[0]                  : '', // Si un seul mot -> pseudo
						firstname: splittedName.length  > 1 ? splittedName[0]                  : '', // Si plusieurs mots -> le 1er est le prénom
						lastname:  splittedName.length  > 1 ? splittedName.splice(1).join(' ') : '', // et les autres sont le nom
						countsms:  conData.sms,   // Nombre de sms
						countcall: conData.call,  // Nombre d'appels
						call:      -1, // classement dans le top 10 des APPELS
						sms:       i   // classement dans le top 10 des SMS
					});

				}

				/* (7) Pour chaque contact qui n'est pas dans un top 10, on l'ajoute */
				for( var id in response.directory ){

					id = parseInt(id);

					// Si dans top 10 des APPELS, on ne l'ajoute pas
					if( response.call.indexOf(id) > -1 )
						continue;

					// Si dans top 10 des SMS, on ne l'ajoute pas
					if( response.sms.indexOf(id) > -1 )
						continue;

					// On récupère les données du contact
					var conData = response.directory[id];

					// On découpe le nom par espaces
					var splittedName = conData.name.split(' ');


					lsi.set('p_contacts', conData.id, {
						uid:       conData.id,
						number:    conData.number,
						username:  splittedName.length == 1 ? splittedName[0]                  : '', // Si un seul mot -> pseudo
						firstname: splittedName.length  > 1 ? splittedName[0]                  : '', // Si plusieurs mots -> le 1er est le prénom
						lastname:  splittedName.length  > 1 ? splittedName.splice(1).join(' ') : '', // et les autres sont le nom
						countsms:  conData.sms,   // Nombre de sms
						countcall: conData.call,  // Nombre d'appels
						call:      -1,
						sms:       -1
					});
				}

				/* (8) On met à jour l'affichage */
				cContactManager.storageToFields();
				cDynamicUpdate(true);


				/* (9) On notifie la fin du chargement */
				// On retire la notification de chargement
				if( loadingNotif != null )
					loadingNotif.click();

				// On notifie que tout s'est bien passé
				Notification.success('OK', 'Chargement terminé');

			});

		}, false);



		/* (7) Gestion de l'effacement des données locales
		---------------------------------------------------------*/
		$('[data-sublink="phone"] #p_clear-all').addEventListener('click', function(e){
			/* (1) On vide tous les dataset de données */
			lsi.clear('p_subject');
			lsi.clear('p_contacts');
			lsi.clear('p_mini-fiches');
			lsi.clear('p_fiches');
			lsi.clear('p_matrice');


			/* (2) On met à jour l'affichage */
			cSubjectManager.storageToFields();
			cContactManager.storageToFields();
			cMiniManager.storageToFields();
			cFicheManager.storageToFields();
			cMatriceManager.storageToFields();

			Notification.success('OK', 'Les données ont été supprimées');
		}, false);



		/* (8) Gestion de l'export des données locales
		---------------------------------------------------------*/
		$('[data-sublink="phone"] #p_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('p_subject')[0],
				contacts: lsi.export('p_contacts'),
				mini:     lsi.export('p_mini-fiches'),
				fiches:   lsi.export('p_fiches'),
				matrice:  lsi.export('p_matrice')[0]
			};


			/* (2) On lance 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-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

		}, false);




		/* (9) Gestion de l'import des données locales
		---------------------------------------------------------*/
		// Le bouton lance l'<input> file
		$('[data-sublink="phone"] #p_import-all').addEventListener('click', function(e){
			$('[data-sublink="phone"] #p_local-upload').click();
		}, false);


		// On vide l'input de type 'file' quand on clique
		$('[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
		$('[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: $('[data-sublink="phone"] #p_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('p_subject', 0,     response.local_data.subject);
				lsi.import('p_contacts',    response.local_data.contacts);
				lsi.import('p_mini-fiches', response.local_data.mini);
				lsi.import('p_fiches',      response.local_data.fiches);
				lsi.set('p_matrice', 0,     response.local_data.matrice);

				/* (3) On met à jour l'affichage */
				cSubjectManager.storageToFields();
				cContactManager.storageToFields();
				cMatriceManager.storageToFields();
				cDynamicUpdate(true);

			});

		}, false);




		/* (10) Gestion de la validation et de l'envoi des données
		---------------------------------------------------------*/
		$('[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 */
			cSubjectManager.fieldsToStorage();
			cContactManager.fieldsToStorage();
			cMiniManager.fieldsToStorage();
			cFicheManager.fieldsToStorage();

			/* (2) Vérification de la validité de toutes les données */
				// {1} Vérification du sujet //
				if( !cSubjectManager.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('p_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('p_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('p_subject')[0],
				contacts: lsi.export('p_contacts'),
				mini:     lsi.export('p_mini-fiches'),
				fiches:   lsi.export('p_fiches'),
				matrice:  lsi.export('p_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);


	}); }); }); }); });


}

















































































/*=========================================================*/
/************ 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[2];
				var lastname  = currentForm.children[3];

				/* (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[1];
				var firstname = currentForm.children[2];
				var lastname  = currentForm.children[3];

				/* (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('f_subject');
				lsi.clear('f_contacts');
				lsi.clear('f_mini-fiches');
				lsi.clear('f_fiches');
				lsi.clear('f_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('f_subject')[0],
					contacts: lsi.export('f_contacts'),
					mini:     lsi.export('f_mini-fiches'),
					fiches:   lsi.export('f_fiches'),
					matrice:  lsi.export('f_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('f_subject', 0,     response.local_data.subject);
					lsi.import('f_contacts',    response.local_data.contacts);
					lsi.import('f_mini-fiches', response.local_data.mini);
					lsi.import('f_fiches',      response.local_data.fiches);
					lsi.set('f_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('f_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('f_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/facebook',

					subject:  lsi.export('f_subject')[0],
					contacts: lsi.export('f_contacts'),
					mini:     lsi.export('f_mini-fiches'),
					fiches:   lsi.export('f_fiches'),
					matrice:  lsi.export('f_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);


		}); }); }); }); });

}