167 lines
4.5 KiB
JavaScript
167 lines
4.5 KiB
JavaScript
/* [0] Constructeur -> définit le conteneur et le bouton d'ajout
|
||
=========================================================*/
|
||
function inputFacebookMatrice(container){
|
||
this.container = container;
|
||
}
|
||
|
||
/* [1] Attributs
|
||
=========================================================*/
|
||
inputFacebookMatrice.prototype = {
|
||
container: this.container // Conteneur de la matrice
|
||
};
|
||
|
||
|
||
/* [2] Gestion de l'enregistrement de la matrice
|
||
=========================================================*/
|
||
inputFacebookMatrice.prototype.fieldsToStorage = function(){
|
||
console.group('[facebook.matrice] fields to storage');
|
||
|
||
|
||
// {1} On initialise notre deflater pour récupérer les valeurs //
|
||
var deflater = new FormDeflater(this.container, ['input'], ['data-name']);
|
||
|
||
// {2} On extrait les données //
|
||
var deflated = deflater.deflate();
|
||
// On crée le hash
|
||
var deflatedHash = crc32(JSON.stringify(deflated));
|
||
|
||
|
||
// console.log(deflated);
|
||
|
||
/* (3) On crée l'objet et on le remplit avec les relations */
|
||
var obj = {};
|
||
|
||
for( var i in deflated )
|
||
|
||
// {1} Si c'est un tableau de sujets //
|
||
if( deflated[i] instanceof Array ){
|
||
|
||
// Pour chacune des différentes relations, on ajoute si TRUE
|
||
for( var a in deflated[i] ){
|
||
if( obj[i] == null )
|
||
obj[i] = [];
|
||
|
||
obj[i].push( parseInt(deflated[i][a]) );
|
||
}
|
||
|
||
// {2} Si il n'y a qu'un sujet //
|
||
}else if( deflated[i] !== null ){
|
||
if( obj[i] == null )
|
||
obj[i] = [];
|
||
|
||
obj[i].push( parseInt(deflated[i]) );
|
||
}
|
||
|
||
lsi.set( 'f_matrice', 0, obj );
|
||
// Objet de la forme
|
||
//
|
||
// idA: [idV, idW], # A connait V et W (et réciproquement)
|
||
// idB: [idX, idY], # B connait X et Y (et réciproquement)
|
||
// ...
|
||
//
|
||
|
||
console.groupEnd();
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* [4] Gestion de l'affichage depuis le 'localStorage'
|
||
=========================================================*/
|
||
inputFacebookMatrice.prototype.storageToFields = function(){
|
||
console.group('[facebook.matrice] storage to fields');
|
||
|
||
/* (1) On récupère la liste des contacts à mettre dans la matrice */
|
||
// On récupère les fiches
|
||
var ficheData = lsi.export('f_fiches');
|
||
|
||
// On récupère les données de la matrice
|
||
var matriceData = lsi.get('f_matrice', 0);
|
||
|
||
// On récupère les contacts pour afficher les noms/prénoms
|
||
var contactData = lsi.export('f_contacts');
|
||
|
||
// Contiendra les UID des contacts à mettre dans la matrice
|
||
var contacts = [];
|
||
|
||
// Pour chaque fiche, on ajoute l'uid du contact s'il n'est pas déja ajouté
|
||
for( var f in ficheData )
|
||
if( contacts.indexOf( ficheData[f].contact ) == -1 )
|
||
contacts.push( ficheData[f].contact );
|
||
|
||
|
||
/* (2) On construit le HTML de la matrice */
|
||
// Contiendra le HTML
|
||
var matrice_html = ["<div class='line matrice'>"];
|
||
var conA, conB, L, Ll, C, Cl;
|
||
|
||
// {1} Pour chaque ligne //
|
||
for( L = 0, Ll = contacts.length ; L < Ll ; L++ ){
|
||
conA = contactData[L];
|
||
|
||
// {2} Pour chaque case //
|
||
for( C = L+1, Cl = contacts.length ; C < Cl ; C++ ){
|
||
conB = contactData[C];
|
||
|
||
// {3} Insertion //
|
||
matrice_html.push( "<input type='checkbox' data-name='"+conA.uid+"' value='"+conB.uid+"' id='f_matrice_"+conA.uid+"_"+conB.uid+"'" );
|
||
|
||
// Si lien actif, on le restitue
|
||
if( matriceData.hasOwnProperty(conA.uid) && matriceData[conA.uid].indexOf(conB.uid) > -1 )
|
||
matrice_html.push( "checked='checked'");
|
||
|
||
matrice_html.push( ">" );
|
||
|
||
matrice_html.push( "<label class='matrice-content' for='f_matrice_"+conA.uid+"_"+conB.uid+"'>")
|
||
matrice_html.push( "Est-ce que <span>" );
|
||
matrice_html.push( !isNaN(conA.existing) ? lsi.get('f_friends', conA.existing).name : conA.username );
|
||
matrice_html.push( '</span> et <span>' );
|
||
matrice_html.push( !isNaN(conB.existing) ? lsi.get('f_friends', conB.existing).name : conB.username );
|
||
matrice_html.push( '</span> se connaissent ?' );
|
||
matrice_html.push( "</label>" );
|
||
|
||
}
|
||
|
||
}
|
||
matrice_html.push( '</div>' );
|
||
|
||
|
||
/* (3) On affiche la matrice */
|
||
this.container.innerHTML = matrice_html.join('');
|
||
|
||
console.groupEnd();
|
||
};
|
||
|
||
|
||
|
||
/* [9] Point d'amorçage de la gestion des contacts
|
||
=========================================================*/
|
||
inputFacebookMatrice.prototype.attach = function(){
|
||
console.group('[facebook.matrice] attaching events');
|
||
|
||
/* (1) On initialise le jeu de données */
|
||
lsi.createDataset('f_matrice');
|
||
|
||
/* (2) On charge les mini fiches depuis la mémoire ('localStorage') */
|
||
this.storageToFields();
|
||
|
||
/* (3) On enregistre la matrice à chaque modification */
|
||
var ptr = this;
|
||
this.container.addEventListener('click', function(e){
|
||
|
||
ptr.fieldsToStorage();
|
||
|
||
setTimeout(function(){ ptr.storageToFields(); }, 500);
|
||
|
||
}, false);
|
||
|
||
console.groupEnd();
|
||
};
|