// On referencie toutes les sections
var section = {
	view: {
		text:      '#CONTAINER > section[data-sublink="view"] ',
		element:   document.querySelector('#CONTAINER > section[data-sublink="view"]'),
		searchbar: document.querySelector('#CONTAINER > section[data-sublink="view"] > .searchbar')
	},

	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 ){

	/* (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.searchbar.addEventListener('keyup', function(e){

		var search = {
			path: 'historyDefault/search',
			keywords: section.view.searchbar.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');
				}
			}
		});

    }, false);



}