Changer le titre du tableau et du graphique en fonction de la période demandée.

javascript/spip_d3_statistiques.js

@@ -25,20 +25,21 @@ function spip_d3_statistiques_toggle_svg_table(btn, id, to) {
  * @param string $id identifiant du graphique
  */
 function spip_d3_statistiques_load_json(btn, id) {
-	jQuery(btn).parent().find('.bouton').removeClass('principal');
-	jQuery(btn).addClass('principal');
-	const json = btn.dataset.json;
-	const json_auteur = btn.dataset.jsonAuteur;
-	const csv_auteur = btn.dataset.csvAuteur;
-	//const csv_auteur = parametre_url(json_auteur, 'page', 'statistiques.csv');
-	jQuery(btn).closest('.statistiques-nav').find('.btn--stats-json').attr('href', json_auteur);
-	jQuery(btn).closest('.statistiques-nav').find('.btn--stats-csv').attr('href', csv_auteur);
+	const $btn = jQuery(btn);
+	$btn.parent().find('.bouton').removeClass('principal');
+	$btn.addClass('principal');
+
+	$btn.closest('.statistiques-nav').find('.btn--stats-json').attr('href', btn.dataset.jsonAuteur);
+	$btn.closest('.statistiques-nav').find('.btn--stats-csv').attr('href', btn.dataset.csvAuteur);
+	$btn.closest('.statistiques-nav').find('.caption--visites').text(btn.dataset.title);
 
 	const url = parametre_url(window.document.location.href, 'graph', btn.dataset.graph);
 	window.history.replaceState({}, window.document.title, url);
 
-	document.querySelector(id).dataset.json = json;
-	const graph = jQuery(id).data('graph');
+	const $id = jQuery(id);
+	$id[0].dataset.json = btn.dataset.json;
+	$id[0].dataset.title = btn.dataset.title;
+	const graph = $id.data('graph');
 
 	graph.updateJson();
 }

prive/squelettes/inclure/stats-visites-jours.html

@@ -5,6 +5,7 @@
 	<div class="groupe-boutons groupe-boutons--stats-graph">
 		<a class="bouton[ (#ENV{graph}|non|ou{#ENV{graph}|=={90-days}})principal]" href="#" 
 			data-graph="90-days"
+			data-title="<:statistiques:visites_journalieres|attribut_html:>"
 			data-json="[(#VAL{json}|statistiques_url_data{jour,90})]" 
 			data-json-auteur="[(#VAL{json}|statistiques_url_data_auteur{jour,90})]" 
 			data-csv-auteur="[(#VAL{csv}|statistiques_url_data_auteur{jour,90})]" 
@@ -13,6 +14,7 @@
 		</a>
 		<a class="bouton[ (#ENV{graph}|=={730-days}|oui)principal]" href="#" 
 			data-graph="730-days"
+			data-title="<:statistiques:visites_journalieres|attribut_html:>"
 			data-json="[(#VAL{json}|statistiques_url_data{jour,730})]" 
 			data-json-auteur="[(#VAL{json}|statistiques_url_data_auteur{jour,730})]" 
 			data-csv-auteur="[(#VAL{csv}|statistiques_url_data_auteur{jour,730})]" 
@@ -21,6 +23,7 @@
 		</a>
 		<a class="bouton[ (#ENV{graph}|=={60-months}|oui)principal]" href="#" 
 			data-graph="60-months"
+			data-title="<:statistiques:visites_mensuelles|attribut_html:>"
 			data-json="[(#VAL{json}|statistiques_url_data{mois,60})]" 
 			data-json-auteur="[(#VAL{json}|statistiques_url_data_auteur{mois,60})]" 
 			data-csv-auteur="[(#VAL{csv}|statistiques_url_data_auteur{mois,60})]" 
@@ -29,6 +32,7 @@
 		</a>
 		<a class="bouton[ (#ENV{graph}|=={years}|oui)principal]" href="#" 
 			data-graph="years"
+			data-title="<:statistiques:visites_annuelles|attribut_html:>"
 			data-json="[(#VAL{json}|statistiques_url_data{annee})]" 
 			data-json-auteur="[(#VAL{json}|statistiques_url_data_auteur{annee})]" 
 			data-csv-auteur="[(#VAL{csv}|statistiques_url_data_auteur{annee})]" 
@@ -37,7 +41,11 @@
 		</a>
 	</div>
 
-	<h3 class="caption--visites"><:statistiques:visites_journalieres:></h3>
+	<h3 class="caption--visites">
+		[(#ENV{graph}|in_any{#LISTE{60-months,years}}|non|?{<:statistiques:visites_journalieres:>})]
+		[(#ENV{graph}|=={60-months}|?{<:statistiques:visites_mensuelles:>})]
+		[(#ENV{graph}|=={years}|?{<:statistiques:visites_annuelles:>})]
+	</h3>
 
 	<div class="groupe-boutons groupe-boutons--stats-vue">
 		<a class="bouton[ (#ENV{vue}|non|ou{#ENV{vue}|=={svg}})principal] noajax btn--stats-to-svg" href="#" onclick="spip_d3_statistiques_toggle_svg_table(this, '#statistiques_visites', 'svg'); return false;"><:statistiques:info_graphiques:></a>