NxTIC/view/js/input.js

868 lines
24 KiB
JavaScript

/*=========================================================*/
/*********** 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;
/* (2) Fonctions utiles */
function cDynamicUpdate(target){
/* (0) Vérification de la cohérence de la @target
---------------------------------------------------------*/
var isElement = target instanceof Element;
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( !isSaveButton && !isNavButton && !isNavContact && target !== true )
return false;
console.log('> dynamic update');
/* (1) On enregistre les MINI fiches relation */
pMiniManager.fieldsToStorage();
/* (2) On enregister les FICHES relation */
pFicheManager.fieldsToStorage();
/* (3) On enregistre les CONTACTS */
pContactManager.fieldsToStorage();
/* (4) On enregistre la MATRICE */
pMatriceManager.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
pFicheManager.sync();
/* (6) On synchronise les MINI avec les CONTACTS */
// Supprime les contacts déja dans les FICHES
pMiniManager.sync();
/* (7) On affiche le tout */
pMiniManager.storageToFields();
pFicheManager.storageToFields();
pMatriceManager.storageToFields();
/* (8) On met à jour les contacts si on les a modifié on si on navigue dans les contacts */
if( isSaveButton || isNavContact )
pContactManager.storageToFields();
}
/* [2] Inclusion des scripts externes et lancement
=========================================================*/
include('/js/includes/input-phone-subject-min.js', function(){
include('/js/includes/input-phone-contact-min.js', function(){
include('/js/includes/input-phone-mini-min.js', function(){
include('/js/includes/input-phone-fiche-min.js', function(){
include('/js/includes/input-phone-matrice-min.js', function(){
/* (1) Gestion du formulaire du sujet
---------------------------------------------------------*/
/* (1) On crée une instance du manager du sujet */
pSubjectManager = 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="submit"]')
);
/* (2) On le démarre */
pSubjectManager.attach();
/* (2) Gestion des formulaires de contact
---------------------------------------------------------*/
/* (1) On crée une instance du gestionnaire des CONTACTS */
pContactManager = new inputPhoneContact(
$('[data-sublink="phone"] article.contact-panel'),
$('[data-sublink="phone"] #p_nav-contact')
);
/* (2) On le démarre */
pContactManager.attach(cDynamicUpdate);
/* (3) Gestion des mini fiches relation
---------------------------------------------------------*/
/* (1) On crée une instance du gestionnaire des mini fiches relation */
pMiniManager = new inputPhoneMini(
$('[data-sublink="phone"] article.mini-relation-panel'),
$('[data-sublink="phone"] #p_nav-mini')
);
/* (2) On le démarre */
pMiniManager.attach(cDynamicUpdate);
/* (4) Gestion des fiches relation
---------------------------------------------------------*/
/* (1) On crée une instance du gestionnaire des fiches relation */
pFicheManager = new inputPhoneFiche(
$('[data-sublink="phone"] article.relation-panel'),
$('[data-sublink="phone"] #p_nav-fiche')
);
/* (2) On le démarre */
pFicheManager.attach(cDynamicUpdate);
/* (5) Gestion de la matrice de relations
---------------------------------------------------------*/
/* (1) On crée une instance du gestionnaire de la matrice */
pMatriceManager = new inputPhoneMatrice(
$('[data-sublink="phone"] article.matrice-panel')
);
/* (2) On le démarre */
pMatriceManager.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 */
pSubjectManager.tmp_id.value = response.tmp_id;
pSubjectManager.fieldsToStorage();
pSubjectManager.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] ];
lsi.set('p_contacts', conData.id, {
uid: conData.id,
number: conData.number,
username: conData.name, // 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;
}
lsi.set('p_contacts', conData.id, {
uid: conData.id,
number: conData.number,
username: conData.name, // 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];
lsi.set('p_contacts', conData.id, {
uid: conData.id,
number: conData.number,
username: conData.name, // nom
countsms: conData.sms, // Nombre de sms
countcall: conData.call, // Nombre d'appels
call: -1,
sms: -1
});
}
/* (8) On met à jour l'affichage */
pContactManager.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 */
pSubjectManager.storageToFields();
pContactManager.storageToFields();
pMiniManager.storageToFields();
pFicheManager.storageToFields();
pMatriceManager.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 */
pSubjectManager.storageToFields();
pContactManager.storageToFields();
pMatriceManager.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 */
pSubjectManager.fieldsToStorage();
pContactManager.fieldsToStorage();
pMiniManager.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 //
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;
}
Notification.success('OK', "L'identifiant du sujet est <strong>"+response.subject_id+"</strong> ! Tout s'est bien déroulé.", 10000);
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;
/* (2) Fonctions utiles */
function fDynamicUpdate(target){
/* (0) Vérification de la cohérence de la @target
---------------------------------------------------------*/
var isElement = target instanceof Element;
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( !isSaveButton && !isNavButton && !isNavContact && target !== true )
return false;
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
=========================================================*/
include('/js/includes/input-facebook-subject-min.js', function(){
include('/js/includes/input-facebook-contact-min.js', function(){
include('/js/includes/input-facebook-mini-min.js', function(){
include('/js/includes/input-facebook-fiche-min.js', function(){
include('/js/includes/input-facebook-matrice-min.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="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 //
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);
}); }); }); }); });