Ajout une nouvelle option de chargement : un code html qui sera ajouté

dans le bandeau au dessus du tableau, a coté du nbr d'elements.
pour cela, on utilise l'arg : includespip

README.md

@@ -27,6 +27,7 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
 	url_sort_asc="#CHEMIN{...}"
 	url_sort_desc="#CHEMIN{...}"
 	stockage="indexeddb" // par defaut : localstorage
+	includespip="#ENV{includespip}" // pour ajouter un code html dans la ligne au dessus du tableau
 	nomBlocAjaxReload="nom bloc a recharger à la fin du chargement des donnees"
 	env
 }>

css/gamutable.css

@@ -7,6 +7,10 @@
   margin-left: 2rem;
 }
 
+.gamutable--surTable .includespip {
+  margin-left: 2rem;
+}
+
 .gamutable--sousTable {
   display: -ms-flexbox;
   display: flex;
@@ -25,8 +29,8 @@
 }
 
 .gamutable--pagination .page-link {
-  margin: 0 .2rem;
-  background-color: #EEE;
+  margin: 0 0.2rem;
+  background-color: #eee;
   cursor: pointer;
 }
 

css/gamutable.scss

@@ -6,6 +6,9 @@
 	.gamutable-nbrMax {
 		margin-left: 2rem;
 	}
+	.includespip {
+		margin-left: 2rem;
+	}
 }
 .gamutable--sousTable {
 	display: flex;
@@ -17,8 +20,8 @@
 		display: flex;
 	}
 	.page-link {
-		margin: 0 .2rem;
-		background-color: #EEE;
+		margin: 0 0.2rem;
+		background-color: #eee;
 		cursor: pointer;
 	}
 }

inclure/gamutable.html

@@ -3,6 +3,7 @@
 [(#SET{sort_asc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_asc]})]
 [(#SET{sort_desc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_desc]})]
 <span class="crayon gamutable-yyyy-nn"></span>
+
 <div id="app">
 	<div class="container_un">
 		<div class="gamutableUn">
@@ -19,6 +20,7 @@
 				filtrecolmulti="#ENV{filtrecolmulti,oui}"
 				nomblocajaxreload="#ENV{nomblocajaxreload}"
 				stockage="#ENV{stockage,localstorage}"
+				includespip="#ENV{includespip}"
 				ref="montableau"
 			></mon-tableau>
 		</div>
@@ -40,6 +42,7 @@
 					filtrecolmulti="[(#ENV{filtrecolmulti_deux, #ENV{filtrecolmulti,oui}})]"
 					nomBlocAjaxReload="#ENV{nomblocajaxreload}"
 					stockage="#ENV{stockage,localstorage}"
+					includespip="#ENV{includespip}"
 					ref="montableau"
 					></mon-tableau>
 			</div>

js/gamutable.es6.js

@@ -195,6 +195,9 @@ let monTableau = {
 		stockage: {
 			type: String,
 		},
+		includespip: {
+			type: String,
+		},
 	},
 	data: function () {
 		return {
@@ -622,6 +625,7 @@ let monTableau = {
 				<i class="fa fas fa-database"></i>
 			</span>
 			<span class="gamutable-nbrMax" :data-nbrmax="table.length">{{tableau.length}} / {{table.length}} éléments</span>
+			<spam class="includespip" v-html="this.includespip"> </span>
 		</div>
 
 		<div class="vueBlocs" v-if="quelleVue === 'bloc'">