normalisation du _deux pour le 2ème gamutable.

README.md

@@ -80,7 +80,7 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
 ```
 * il faut ajouter data-confirm="Confirmez vous ..." si on veut ajouter un popin de confirmation
 * il faut ajouter data-id="" si on veut recharger que cette ligne
-* si une variable du nom de `nomBlocAjaxReload` est définie (ou un id-ajaxreload), alors, un ajaxReload de ce bloc sera joué dans la fonctione de callback de l'action 
+* si une variable du nom de `nomBlocAjaxReload` est définie (ou un data-ajaxreload), alors, un ajaxReload de ce bloc sera joué dans la fonctione de callback de l'action 
 
 
 ## Utiliser les crayons :
@@ -164,8 +164,8 @@ function autoriser_meta_modifier($faire, $type, $id, $qui, $opt) {
 	#SET{t,#VAL{spip.php?page=json_totaux.json}}
 	[(#SET{t,#GET{t}|concat{&saison=}|concat{#ENV{saison,#DATE|affdate{Y}}}})]
 	<INCLURE{fond=inclure/gamutable,
-		titreGamutableUn="Le premier gamutable",
+		titregamutable="Le premier gamutable",
-		titreGamutableDeux="Le deuxieme gamutable",
+		titregamutable_deux="Le deuxieme gamutable",
 		apiuri=#GET{s},
 		apiuri_deux=#GET{t},
 		tparpage=[15,25,50,'Tous'],
@@ -176,6 +176,8 @@ function autoriser_meta_modifier($faire, $type, $id, $qui, $opt) {
 		delimitercsv_deux=";",
 		namecsv="premier.csv",
 		namecsv_deux="deuxieme.csv",
+		id_gamutable="id_premier",
+		id_gamutable_deux="id_deuxieme",
 		env
 	}>
 </div>

css/gamutable.css

@@ -46,6 +46,10 @@
   padding: 0.25rem 1rem;
 }
 
+.h2-like.titregamutable, .h2-like.titregamutable_deux {
+  font-weight: bold;
+}
+
 .gamutable table {
   font-size: 1rem;
   table-layout: auto;

css/gamutable.scss

@@ -40,7 +40,9 @@
 .gamutable__input--rechercher {
 	padding: 0.25rem 1rem;
 }
-
+.h2-like.titregamutable, .h2-like.titregamutable_deux {
+	font-weight: bold;
+}
 .gamutable table {
 	// patch provisoire
 	// .vue-dropdown-item > span {

inclure/gamutable.html

@@ -7,6 +7,8 @@
 <div id="app">
 	<div class="container_un">
 		<div class="gamutableUn"[ id="(#ENV{id_gamutable})"]>
+			[<span class="h2-like titregamutable">(#ENV{titregamutable})</span>]
+			[(#REM) OLD pour compat]
 			[<span class="titre titreGamutableUn">(#ENV{titreGamutableUn})</span>]
 			<mon-tableau
 				apiuri="[(#ENV{apiuri,spip.php?page=json_gamutable.json})]"
@@ -31,7 +33,9 @@
 	<BOUCLE_deux(CONDITION){si #ENV{apiuri_deux}|oui}>
 		<INCLURE{fond=inclure/separateur_gamutables,env}>
 		<div class="container_deux">
-			<div class="gamutableDeux">
+			<div class="gamutableDeux"[ id="(#ENV{id_gamutable_deux})"]>
+				[<span class="h2-like titregamutable_deux">(#ENV{titregamutable_deux})</span>]
+				[(#REM) OLD pour compat]
 				[<span class="titre titreGamutableDeux">(#ENV{titreGamutableDeux})</span>]
 				<mon-tableau
 					apiuri="[(#ENV{apiuri_deux})]"

js/gamutable.es6.js

@@ -14,7 +14,7 @@ jQuery(function () {
 		if ($(this).has('i.icon, i.fa')) {
 			$(this).find('i.icon, i.fa').eq(0).replaceWith('<i class="fa fa-refresh fa-spin"></i>');
 		}
-		nomBlocAjaxReload = $(this).data('ajaxreload');
+		let nomBlocAjaxReload = $(this).data('ajaxreload');
 		console.time('Chargement de VueJs APRES Ajax');
 		$.ajax({
 			url: url,
@@ -26,6 +26,7 @@ jQuery(function () {
 				app.rechargerJson();
 			}
 			if (nomBlocAjaxReload !== undefined) {
+console.log('depart reload: ' + nomBlocAjaxReload);
 				ajaxReload(nomBlocAjaxReload, {
 					args: { id },
 					callback: function () {},

js/gamutable.js

@@ -41,7 +41,7 @@ jQuery(function () {
       $(this).find('i.icon, i.fa').eq(0).replaceWith('<i class="fa fa-refresh fa-spin"></i>');
     }
 
-    nomBlocAjaxReload = $(this).data('ajaxreload');
+    var nomBlocAjaxReload = $(this).data('ajaxreload');
     console.time('Chargement de VueJs APRES Ajax');
     $.ajax({
       url: url,
@@ -54,6 +54,7 @@ jQuery(function () {
       }
 
       if (nomBlocAjaxReload !== undefined) {
+        console.log('depart reload: ' + nomBlocAjaxReload);
         ajaxReload(nomBlocAjaxReload, {
           args: {
             id: id