102 lines
2.9 KiB
JavaScript
102 lines
2.9 KiB
JavaScript
// On referencie toutes les sections
|
|
var section = {
|
|
view: {
|
|
text: '#CONTAINER > section[data-sublink="view"] ',
|
|
element: document.querySelector('#CONTAINER > section[data-sublink="view"]'),
|
|
search: {
|
|
bar: document.querySelector('#CONTAINER > section[data-sublink="view"] > .searchbar'),
|
|
func: null,
|
|
time: null // search time manager (interval)
|
|
},
|
|
},
|
|
|
|
details: {
|
|
text: '#CONTAINER > section[data-sublink="details"] ',
|
|
element: document.querySelector('#CONTAINER > section[data-sublink="details"]')
|
|
},
|
|
|
|
archive: {
|
|
text: '#CONTAINER > section[data-sublink="archive"] ',
|
|
element: document.querySelector('#CONTAINER > section[data-sublink="archive"]')
|
|
},
|
|
|
|
};
|
|
|
|
|
|
/* GESTION DE L'AFFICHAGE DES ENTREES
|
|
*
|
|
*/
|
|
if( section.view.element != null ){
|
|
|
|
/* (0) On gère le zoom sur un log via URL */
|
|
if( pageManager.vars.length > 1 && !isNaN(pageManager.vars[1]) ){
|
|
document.location = '#'+pageManager.vars[1];
|
|
if( document.getElementById(pageManager.vars[1]) != null )
|
|
document.getElementById(pageManager.vars[1]).addClass('selected');
|
|
}
|
|
|
|
/* (1) On recupere tous les liens */
|
|
section.view.link = {
|
|
details: document.querySelectorAll(section.view.text + 'button[data-details]')
|
|
};
|
|
|
|
|
|
/* (2) Gestion de la recherche instantannee */
|
|
section.view.search.func = function(){
|
|
var search = {
|
|
path: 'historyDefault/search',
|
|
keywords: section.view.search.bar.value
|
|
};
|
|
|
|
// On envoie la requete
|
|
api.send(search, function(result){
|
|
if( result.error == 0 ){ // si aucune erreur
|
|
|
|
// On enregistre tous les UID dans un tableau
|
|
var uid_list = [];
|
|
for( var i = 0 ; i < result.history.length ; i++ )
|
|
uid_list.push( parseInt(result.history[i].id_history) );
|
|
|
|
// On recupere la liste des elements correspondants aux logs
|
|
var history_list = document.querySelectorAll(section.view.text + '> article.inline-row[id]');
|
|
|
|
// Pour chaque log
|
|
for( var i = 0 ; i < history_list.length ; i++ ){
|
|
console.log(uid_list, history_list);
|
|
// Si doit etre visible
|
|
if( uid_list.indexOf(parseInt(history_list[i].id)) > -1 )
|
|
history_list[i].remClass('hidden');
|
|
// Si ne doit pas etre visible
|
|
else
|
|
history_list[i].addClass('hidden');
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
section.view.search.bar.addEventListener('keyup', function(e){
|
|
|
|
if( section.view.search.time != null )
|
|
clearTimeout(section.view.search.time);
|
|
|
|
section.view.search.time = setTimeout(section.view.search.func, 500);
|
|
|
|
}, false);
|
|
|
|
|
|
/* (3) On gere la "redirection" vers les détail */
|
|
for( var i = 0 ; i < section.view.link.details.length ; i++ ){
|
|
|
|
section.view.link.details[i].addEventListener('click', function(e){
|
|
pageManager.vars = [ 'details', e.target.getData('details') ];
|
|
pageManager.refresh();
|
|
}, false);
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|