1028 lines
30 KiB
JavaScript
1028 lines
30 KiB
JavaScript
|
|
/* 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);
|
|
|
|
|
|
}); }); }); }); });
|
|
|
|
}
|