ajout de selecteur input, todo : maj du readme

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');