From 299e86312083a6f786b424d16dc91bf4b837ae59 Mon Sep 17 00:00:00 2001
From: tofulm <tofulm@gmail.com>
Date: Mon, 25 Jan 2021 20:14:43 +0100
Subject: [PATCH] ajout de selecteur input, todo : maj du readme

---
 js/gamutable.es6.js | 97 +++++++++++++++++++++++++++++----------------
 js/gamutable.js     | 89 +++++++++++++++++++++--------------------
 2 files changed, 107 insertions(+), 79 deletions(-)

diff --git a/js/gamutable.es6.js b/js/gamutable.es6.js
index 67539a2..2c2b044 100644
--- a/js/gamutable.es6.js
+++ b/js/gamutable.es6.js
@@ -190,7 +190,9 @@ let monTableau = {
 			crayons: [],
 			classes: [],
 			filtreCol: [],
-			filtreColSelected: { gestionnaire: [] },
+			filtreColExist: false,
+			filtreColType: [],
+			filtreColSelected: {},
 			filtreColModif: 0,
 			filtreColVal: {},
 			search: '',
@@ -238,26 +240,43 @@ let monTableau = {
 					if (!rsearch) {
 						return false;
 					}
+
 					Object.keys(this.filtreColSelected).forEach((colName) => {
-						console.log('coucou');
 						if (rsearch) {
 							let colValue = this.filtreColSelected[colName];
-							if (!Array.isArray(colValue)) {
-								colValue = [colValue];
-							}
-							let TcolValue = [];
-							colValue.forEach((s) => {
-								if (Number.isInteger(s)) {
-									TcolValue.push(s);
+							if (colValue !== null) {
+								if (!Array.isArray(colValue)) {
+									colValue = [colValue];
 								}
-								if (s.length > 0) {
-									TcolValue.push(s);
-								}
-							});
+								let TcolValue = [];
+								colValue.forEach((s) => {
+									if (Number.isInteger(s)) {
+										TcolValue.push(s);
+									}
+									if (s.length > 0) {
+										TcolValue.push(s.toLowerCase());
+									}
+								});
 
-							if (TcolValue.length) {
-								if (TcolValue.indexOf(ligne.html[colName]) === -1) {
-									rsearch = false;
+								if (TcolValue.length) {
+									if (this.filtreColType[colName] === 'select') {
+										if (
+											TcolValue.toString().indexOf(
+												ligne[this.champ_search][colName].toString().toLowerCase()
+											) === -1
+										) {
+											rsearch = false;
+										}
+									} else {
+										if (
+											ligne[this.champ_search][colName]
+												.toString()
+												.toLowerCase()
+												.indexOf(TcolValue.toString()) === -1
+										) {
+											rsearch = false;
+										}
+									}
 								}
 							}
 						}
@@ -313,7 +332,6 @@ let monTableau = {
 	},
 	methods: {
 		selectValCol() {
-			//console.log(this.filtreColSelected);
 			this.filtreColModif++;
 		},
 		calculer_nameLocalStorage() {
@@ -342,20 +360,20 @@ let monTableau = {
 					if (config.classes !== undefined) {
 						this.classes = config.classes;
 					}
-					if (config.filtreCol !== undefined) {
-						this.filtreCol = config.filtreCol;
-						this.filtreCol.forEach((col) => {
-							let Tval = [''];
-							this.table.forEach((t) => {
-								let valCol = t.html[col];
-								if (Tval.indexOf(valCol) === -1) {
-									Tval.push(valCol);
-								}
-							});
-							this.filtreColVal[col] = Tval;
-							this.filtreColSelected[col] = [];
-						});
-					}
+					// if (config.filtreCol !== undefined) {
+					// 	this.filtreCol = config.filtreCol;
+					// 	this.filtreCol.forEach((col) => {
+					// 		let Tval = [''];
+					// 		this.table.forEach((t) => {
+					// 			let valCol = t.html[col];
+					// 			if (Tval.indexOf(valCol) === -1) {
+					// 				Tval.push(valCol);
+					// 			}
+					// 		});
+					// 		this.filtreColVal[col] = Tval;
+					// 		this.filtreColSelected[col] = [];
+					// 	});
+					// }
 					this.table = data;
 					if (data.length && data[0].search) {
 						this.champ_search = 'search';
@@ -389,8 +407,8 @@ let monTableau = {
 						}
 					}
 					if (config.filtreCol !== undefined) {
-						this.filtreCol = config.filtreCol;
-						this.filtreCol.forEach((col) => {
+						this.filtreColType = config.filtreCol;
+						Object.keys(this.filtreColType).forEach((col) => {
 							let Tval = [''];
 							this.table.forEach((t) => {
 								let valCol = t.html[col];
@@ -398,6 +416,7 @@ let monTableau = {
 									Tval.push(valCol);
 								}
 							});
+							this.filtreCol.push(col);
 							this.filtreColVal[col] = Tval;
 							this.filtreColSelected[col] = [];
 						});
@@ -568,6 +587,7 @@ let monTableau = {
 					<th v-for="(label,head,i) in header" :key="'filtreCol_'+i">
 						<div v-if="filtreCol.indexOf(head) !== -1" :id="'filtreCol_'+head">
 							<vue-select
+								v-if="filtreColType[head] === 'select'"
 								v-model="filtreColSelected[head]"
 								:options="filtreColVal[head]"
 								hide-selected
@@ -576,6 +596,15 @@ let monTableau = {
 								close-on-select
 								@selected="selectValCol"
 							></vue-select>
+
+							<input
+								v-if="filtreColType[head] === 'input'"
+								class="gamutable--rechercher"
+								v-model="filtreColSelected[head]"
+								type="text"
+								placeholder="Rechercher"
+								@keyup="selectValCol"
+							>
 						</div>
 					</th>
 				</tr>
@@ -615,8 +644,6 @@ const gamuTable = {
 	},
 };
 
-console.log(window.VueNextSelect);
-
 let app = Vue.createApp(gamuTable);
 app.component('vue-select', window.VueNextSelect);
 app.mount('#app');
diff --git a/js/gamutable.js b/js/gamutable.js
index 910241c..d648bc0 100644
--- a/js/gamutable.js
+++ b/js/gamutable.js
@@ -239,9 +239,9 @@ var monTableau = {
       crayons: [],
       classes: [],
       filtreCol: [],
-      filtreColSelected: {
-        gestionnaire: []
-      },
+      filtreColExist: false,
+      filtreColType: [],
+      filtreColSelected: {},
       filtreColModif: 0,
       filtreColVal: {},
       search: '',
@@ -292,29 +292,35 @@ var monTableau = {
         }
 
         Object.keys(_this2.filtreColSelected).forEach(function (colName) {
-          console.log('coucou');
-
           if (rsearch) {
             var colValue = _this2.filtreColSelected[colName];
 
-            if (!Array.isArray(colValue)) {
-              colValue = [colValue];
-            }
-
-            var TcolValue = [];
-            colValue.forEach(function (s) {
-              if (Number.isInteger(s)) {
-                TcolValue.push(s);
+            if (colValue !== null) {
+              if (!Array.isArray(colValue)) {
+                colValue = [colValue];
               }
 
-              if (s.length > 0) {
-                TcolValue.push(s);
-              }
-            });
+              var TcolValue = [];
+              colValue.forEach(function (s) {
+                if (Number.isInteger(s)) {
+                  TcolValue.push(s);
+                }
 
-            if (TcolValue.length) {
-              if (TcolValue.indexOf(ligne.html[colName]) === -1) {
-                rsearch = false;
+                if (s.length > 0) {
+                  TcolValue.push(s.toLowerCase());
+                }
+              });
+
+              if (TcolValue.length) {
+                if (_this2.filtreColType[colName] === 'select') {
+                  if (TcolValue.toString().indexOf(ligne[_this2.champ_search][colName].toString().toLowerCase()) === -1) {
+                    rsearch = false;
+                  }
+                } else {
+                  if (ligne[_this2.champ_search][colName].toString().toLowerCase().indexOf(TcolValue.toString()) === -1) {
+                    rsearch = false;
+                  }
+                }
               }
             }
           }
@@ -370,7 +376,6 @@ var monTableau = {
   },
   methods: {
     selectValCol: function selectValCol() {
-      //console.log(this.filtreColSelected);
       this.filtreColModif++;
     },
     calculer_nameLocalStorage: function calculer_nameLocalStorage() {
@@ -406,25 +411,21 @@ var monTableau = {
 
           if (config.classes !== undefined) {
             this.classes = config.classes;
-          }
+          } // if (config.filtreCol !== undefined) {
+          // 	this.filtreCol = config.filtreCol;
+          // 	this.filtreCol.forEach((col) => {
+          // 		let Tval = [''];
+          // 		this.table.forEach((t) => {
+          // 			let valCol = t.html[col];
+          // 			if (Tval.indexOf(valCol) === -1) {
+          // 				Tval.push(valCol);
+          // 			}
+          // 		});
+          // 		this.filtreColVal[col] = Tval;
+          // 		this.filtreColSelected[col] = [];
+          // 	});
+          // }
 
-          if (config.filtreCol !== undefined) {
-            this.filtreCol = config.filtreCol;
-            this.filtreCol.forEach(function (col) {
-              var Tval = [''];
-
-              _this4.table.forEach(function (t) {
-                var valCol = t.html[col];
-
-                if (Tval.indexOf(valCol) === -1) {
-                  Tval.push(valCol);
-                }
-              });
-
-              _this4.filtreColVal[col] = Tval;
-              _this4.filtreColSelected[col] = [];
-            });
-          }
 
           this.table = data;
 
@@ -468,9 +469,8 @@ var monTableau = {
         }
 
         if (config.filtreCol !== undefined) {
-          _this4.filtreCol = config.filtreCol;
-
-          _this4.filtreCol.forEach(function (col) {
+          _this4.filtreColType = config.filtreCol;
+          Object.keys(_this4.filtreColType).forEach(function (col) {
             var Tval = [''];
 
             _this4.table.forEach(function (t) {
@@ -481,6 +481,8 @@ var monTableau = {
               }
             });
 
+            _this4.filtreCol.push(col);
+
             _this4.filtreColVal[col] = Tval;
             _this4.filtreColSelected[col] = [];
           });
@@ -604,7 +606,7 @@ var monTableau = {
       this.quelleVue = vue;
     }
   },
-  template: "\n\t<div class=\"gamutable\">\n\t\t<div class=\"gamutable--surTable\">\n\t\t\t<select id=\"parPage\" v-model=\"parPageSelect\">\n\t\t\t\t<option v-for=\"v in tparpage\" :key=\"v\">{{v}}</option>\n\t\t\t</select>\n\t\t\t<input class=\"gamutable--rechercher\" type=\"text\" v-model=\"search\" placeholder=\"Rechercher\">\n\n\t\t\t<button class=\"btn gamutable--resetOrderBy\" type=\"button\" @click.stop=\"resetTri()\"\n\t\t\t\ttitle=\"R\xE9initialiser les tris des colonnes\">\n\t\t\t\t<i class=\"fa fa-repeat fas fa-redo\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueTable\" title=\"Switcher en Vue tableau\"\n\t\t\t\t@click.stop=\"changerVue('tableau')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'bloc'\">\n\t\t\t\t<i class=\"fas fa fa-table\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueBloc\" title=\"Switcher en Vue Bloc\"\n\t\t\t\t@click.stop=\"changerVue('bloc')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'tableau'\">\n\t\t\t\t<i class=\"fas fa fa-th-large\"></i>\n\t\t\t</button>\n\t\t\t<button class=\"btn gamutable--exportCSV\" type=\"button\" @click.stop=\"exportCSV()\"\n\t\t\t\tv-show=\"this.namecsv\"\n\t\t\t\ttitle=\"Exporter le tableau affich\xE9 en csv\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-file-excel-o fas fa-file-csv\" aria-hidden=\"true\"></i>\n\t\t\t</button>\n\t\t\t<span v-show=\"chargement\" class=\"rouge\">\n\t\t\t\t<i class=\"fa fa-refresh fa-spin fa-fw rouge fas fa-sync fa-spin\"></i>\n\t\t\t\t<span class=\"texteMajBDD\">\n\t\t\t\t\tMise \xE0 jour de la base de donn\xE9e\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t<span v-show=\"!chargement\" class=\"btn verte\" style=\"cursor:auto;\"\n\t\t\t\ttitle=\"Base de donn\xE9e synchronis\xE9e !\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fas fa-database\"></i>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"vueBlocs\" v-if=\"quelleVue === 'bloc'\">\n\t\t\t<div class=\"vueBlocs-unbloc\"\n\t\t\tv-for=\"(ligne) in tableau\"\n\t\t\t:key=ligne.id\n\t\t\tv-html=replaceBloc(ligne.html)\n\t\t\t>\n\t\t\t</div>\n\t\t</div>\n\t\t<table class=\"table table--zebra\" v-if=\"quelleVue === 'tableau'\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'head_'+i\" :class=\"[head,classes[head]]\">\n\t\t\t\t\t\t<span class=\"iconeTri\">\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-asc fa-sort-up\" :class=\"ordreActif(head, 'asc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'asc')\"></i>\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-desc fa-sort-down\":class=\"ordreActif(head, 'desc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'desc')\" ></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span v-html=\"label\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"filtreCol.length\" class=\"filtreColonne\">\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'filtreCol_'+i\">\n\t\t\t\t\t\t<div v-if=\"filtreCol.indexOf(head) !== -1\" :id=\"'filtreCol_'+head\">\n\t\t\t\t\t\t\t<vue-select\n\t\t\t\t\t\t\t\tv-model=\"filtreColSelected[head]\"\n\t\t\t\t\t\t\t\t:options=\"filtreColVal[head]\"\n\t\t\t\t\t\t\t\thide-selected\n\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\ttaggable\n\t\t\t\t\t\t\t\tclose-on-select\n\t\t\t\t\t\t\t\t@selected=\"selectValCol\"\n\t\t\t\t\t\t\t></vue-select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"l in tableau\" :key=\"l.html.id\" :class=\"selectTr.indexOf(l.html.id) !== -1 ? 'select' : ''\" >\n\t\t\t\t\t<td v-for=\"(td,name, i) in l.html\" :key=\"'td_'+i\" :class=\"[afficher_crayons(name,l.html.id), name, classes[name]]\" v-html=\"td\" @click=\"selectLigne(l.html.id,name)\">\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t<div class=\"gamutable--sousTable\">\n\t\t\t<div class=\"gamutable-nbrMax\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</div>\n\t\t\t<div class=\"gamutable--pagination\">\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page=1\"> Premier </button>\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page--\"> Pr\xE9c\xE9dent </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-for=\"pageNumber in pages.slice(page-1, page+5)\" @click=\"page = pageNumber\"> {{pageNumber}} </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" @click=\"page++\" v-if=\"page < pages.length\" class=\"page-link\"> Suivant </button>\n\t\t\t\t\t<button type=\"button\" @click=\"page=pages.length\" v-if=\"page < pages.length\" class=\"page-link\"> Dernier </button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>"
+  template: "\n\t<div class=\"gamutable\">\n\t\t<div class=\"gamutable--surTable\">\n\t\t\t<select id=\"parPage\" v-model=\"parPageSelect\">\n\t\t\t\t<option v-for=\"v in tparpage\" :key=\"v\">{{v}}</option>\n\t\t\t</select>\n\t\t\t<input class=\"gamutable--rechercher\" type=\"text\" v-model=\"search\" placeholder=\"Rechercher\">\n\n\t\t\t<button class=\"btn gamutable--resetOrderBy\" type=\"button\" @click.stop=\"resetTri()\"\n\t\t\t\ttitle=\"R\xE9initialiser les tris des colonnes\">\n\t\t\t\t<i class=\"fa fa-repeat fas fa-redo\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueTable\" title=\"Switcher en Vue tableau\"\n\t\t\t\t@click.stop=\"changerVue('tableau')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'bloc'\">\n\t\t\t\t<i class=\"fas fa fa-table\"></i>\n\t\t\t</button>\n\n\t\t\t<button class=\"btn gamutable--vueBloc\" title=\"Switcher en Vue Bloc\"\n\t\t\t\t@click.stop=\"changerVue('bloc')\"\n\t\t\t\tv-if=\"this.vuebloc\"\n\t\t\t\tv-show=\"this.quelleVue === 'tableau'\">\n\t\t\t\t<i class=\"fas fa fa-th-large\"></i>\n\t\t\t</button>\n\t\t\t<button class=\"btn gamutable--exportCSV\" type=\"button\" @click.stop=\"exportCSV()\"\n\t\t\t\tv-show=\"this.namecsv\"\n\t\t\t\ttitle=\"Exporter le tableau affich\xE9 en csv\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fa-file-excel-o fas fa-file-csv\" aria-hidden=\"true\"></i>\n\t\t\t</button>\n\t\t\t<span v-show=\"chargement\" class=\"rouge\">\n\t\t\t\t<i class=\"fa fa-refresh fa-spin fa-fw rouge fas fa-sync fa-spin\"></i>\n\t\t\t\t<span class=\"texteMajBDD\">\n\t\t\t\t\tMise \xE0 jour de la base de donn\xE9e\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t<span v-show=\"!chargement\" class=\"btn verte\" style=\"cursor:auto;\"\n\t\t\t\ttitle=\"Base de donn\xE9e synchronis\xE9e !\"\n\t\t\t>\n\t\t\t\t<i class=\"fa fas fa-database\"></i>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"vueBlocs\" v-if=\"quelleVue === 'bloc'\">\n\t\t\t<div class=\"vueBlocs-unbloc\"\n\t\t\tv-for=\"(ligne) in tableau\"\n\t\t\t:key=ligne.id\n\t\t\tv-html=replaceBloc(ligne.html)\n\t\t\t>\n\t\t\t</div>\n\t\t</div>\n\t\t<table class=\"table table--zebra\" v-if=\"quelleVue === 'tableau'\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'head_'+i\" :class=\"[head,classes[head]]\">\n\t\t\t\t\t\t<span class=\"iconeTri\">\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-asc fa-sort-up\" :class=\"ordreActif(head, 'asc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'asc')\"></i>\n\t\t\t\t\t\t\t<i class=\"fa fa-sort-desc fa-sort-down\":class=\"ordreActif(head, 'desc')\" aria-hidden=\"true\" @click.stop=\"tri(head,'desc')\" ></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span v-html=\"label\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"filtreCol.length\" class=\"filtreColonne\">\n\t\t\t\t\t<th v-for=\"(label,head,i) in header\" :key=\"'filtreCol_'+i\">\n\t\t\t\t\t\t<div v-if=\"filtreCol.indexOf(head) !== -1\" :id=\"'filtreCol_'+head\">\n\t\t\t\t\t\t\t<vue-select\n\t\t\t\t\t\t\t\tv-if=\"filtreColType[head] === 'select'\"\n\t\t\t\t\t\t\t\tv-model=\"filtreColSelected[head]\"\n\t\t\t\t\t\t\t\t:options=\"filtreColVal[head]\"\n\t\t\t\t\t\t\t\thide-selected\n\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\ttaggable\n\t\t\t\t\t\t\t\tclose-on-select\n\t\t\t\t\t\t\t\t@selected=\"selectValCol\"\n\t\t\t\t\t\t\t></vue-select>\n\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tv-if=\"filtreColType[head] === 'input'\"\n\t\t\t\t\t\t\t\tclass=\"gamutable--rechercher\"\n\t\t\t\t\t\t\t\tv-model=\"filtreColSelected[head]\"\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tplaceholder=\"Rechercher\"\n\t\t\t\t\t\t\t\t@keyup=\"selectValCol\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"l in tableau\" :key=\"l.html.id\" :class=\"selectTr.indexOf(l.html.id) !== -1 ? 'select' : ''\" >\n\t\t\t\t\t<td v-for=\"(td,name, i) in l.html\" :key=\"'td_'+i\" :class=\"[afficher_crayons(name,l.html.id), name, classes[name]]\" v-html=\"td\" @click=\"selectLigne(l.html.id,name)\">\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t<div class=\"gamutable--sousTable\">\n\t\t\t<div class=\"gamutable-nbrMax\">{{tableau.length}} / {{table.length}} \xE9l\xE9ments</div>\n\t\t\t<div class=\"gamutable--pagination\">\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page=1\"> Premier </button>\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-if=\"page != 1\" @click=\"page--\"> Pr\xE9c\xE9dent </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" class=\"page-link\" v-for=\"pageNumber in pages.slice(page-1, page+5)\" @click=\"page = pageNumber\"> {{pageNumber}} </button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"page-item\">\n\t\t\t\t\t<button type=\"button\" @click=\"page++\" v-if=\"page < pages.length\" class=\"page-link\"> Suivant </button>\n\t\t\t\t\t<button type=\"button\" @click=\"page=pages.length\" v-if=\"page < pages.length\" class=\"page-link\"> Dernier </button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>"
 };
 var gamuTable = {
   components: {
@@ -616,7 +618,6 @@ var gamuTable = {
     }
   }
 };
-console.log(window.VueNextSelect);
 var app = Vue.createApp(gamuTable);
 app.component('vue-select', window.VueNextSelect);
 app.mount('#app');
\ No newline at end of file