[(#ENV{log}|non)
	#BOITE_OUVRIR{#CHEMIN_IMAGE{log-24.svg}|balise_img{'',cadre-icone}, info}
		<:simplog:description_simplog:>
	#BOITE_FERMER
]

[(#ENV{log}|oui)
	#BOITE_OUVRIR{'', info}
	<div class="infos">
		<div class="numero">
			#ENV{log}
		</div>
		#SET{fichier, #CONST{_DIR_LOG}|concat{#ENV{log}}}
		[(#SELF|parametre_url{hasard,[(#VAL{1}|rand{10000000})]}|icone_verticale{<:simplog:clic_rafraichir:>, cache-empty-16.png, '', #LANG_LEFT})]
		[(#URL_ACTION_AUTEUR{telecharger_log, #GET{fichier}}|icone_verticale{<:bouton_telecharger:>, telecharger-16.png, '', #LANG_LEFT})]
		[(#URL_ACTION_AUTEUR{supprimer_log, #GET{fichier}}|icone_verticale{<:lien_supprimer|ucfirst:>, supprimer-16.png, '', #LANG_LEFT})]
	</div>
	#BOITE_FERMER
]

[(#BOITE_OUVRIR{<span id="nbr_logs"><:simplog:liste_fic:></span>, simple, titrem})]
	<div id="liste_logs">
		<div id="filtre_logs">
			<input type="input" id="filtrer" placeholder="<:simplog:info_placeholder_filtrer|attribut_html:>">
		</div>
		<ul class="liste-items">
			<BOUCLE_logs(DATA){source glob, #CONST{_DIR_LOG}|concat{*.log}}{par valeur}{valeur != ''}>
			#SET{fichier, #VALEUR|basename}
			[<li class="item">
				(#URL_ECRIRE{#ENV{exec}}|parametre_url{log, #GET{fichier}}|parametre_url{senstri, #ENV{senstri,0}}
					|lien_ou_expose{
						[(#VALEUR|basename)],
						[(#ENV{log}|=={#GET{fichier}})]})
				<BOUCLE_preclogs(DATA){source glob, #CONST{_DIR_LOG}|concat{#GET{fichier}}|concat{.*}}{par valeur}{valeur != ''}>
					#SET{fichier, #VALEUR|basename}
					#SET{affichage, #GET{fichier}|explode{.}|end}
					[ | (#URL_ECRIRE{#ENV{exec}}|parametre_url{log, #GET{fichier}}|parametre_url{senstri, #ENV{senstri,0}}
							|lien_ou_expose{
								[(#GET{affichage})],
								[(#ENV{log}|=={#GET{fichier}})]})]
				</BOUCLE_preclogs>
			</li>]
			</BOUCLE_logs>
		</ul>
	</div>
#BOITE_PIED
    <a href="[(#SELF|parametre_url{hasard,[(#VAL{1}|rand{10000000})]})]" class="ajax">
		<:simplog:actualiser:>
	</a>
#BOITE_FERMER
<script type="text/javascript">
/*<![CDATA[*/
	(function($){
		// Les sélecteurs
		var selecteurs = {
			items: {
				tous: '#liste_logs ul > li',
				visibles: '#liste_logs ul > li:not([hidden])',
			},
			inputs: {
				filtrer: 'input#filtrer'
			}
		}

		// Filtrer en live
		$(selecteurs.inputs.filtrer).keyup(function(){
			filtrer_par_terme();
		});

		// Filtrer la liste en fonction d'un terme de recherche
		var filtrer_par_terme = function() {
			var $input = $(selecteurs.inputs.filtrer);
			var searchText = $input.val().toUpperCase();
			var $items_filtres = $(selecteurs.items.tous).filter(function(i, li){
				var listItemText = $(li).text().toUpperCase();
				return ~listItemText.indexOf(searchText);
			});
			$(selecteurs.items.tous).hide().attr('hidden', true);
			$items_filtres.show().attr('hidden', false);
			// On ajoute la valeur en data sur le titre pour la garder en cas de rechargement ajax
			$('h1.grostitre').attr('data',$input.val());
			// recalculer le nombre de logs
			calculer_nbr_logs();
		}

		// Relancer le filtrage s'il y a un terme de recherche enregistré
		function refiltrer(){
			var searchText = $('h1.grostitre').attr('data');
			if (searchText) {
				$(selecteurs.inputs.filtrer).val(searchText);
				filtrer_par_terme();
			}
		}

		// Calculer et afficher le nombre de logs visibles
		function calculer_nbr_logs(){
			var nbr_log = $(selecteurs.items.visibles).length;
			if (nbr_log > 1){
				var texte = '<:simplog:info_nb_logs|texte_script:>';
				texte = texte.replace('@nb@', nbr_log);
				jQuery('span#nbr_logs').text(texte);
			} else if (nbr_log === 1){
				jQuery('span#nbr_logs').text('<:simplog:info_1_log|texte_script:>');
			} else {
				jQuery('span#nbr_logs').text('<:simplog:info_0_log|texte_script:>');
			}
		}

		// Lancements au chargement de la page
		calculer_nbr_logs();
		// Lancements lors de rechargements ajax
		onAjaxLoad(refiltrer);

	})(jQuery);
/*]]>*/
</script>