const { compare }= require('natural-orderby'); const errors = require("./errors.js"); import { DOMElement, Selectors } from "./interfaces"; import { FreeDatas2HTML } from "./freeDatas2HTML"; export class Selector implements Selectors { _converter: FreeDatas2HTML; _datasViewElt: DOMElement= { id:"", eltDOM:undefined }; // élément du DOM dans lequel afficher le "select" _datasFieldNb: number; // numéro du champ dont les données serviront au filtre _separator: string|undefined; // séparateur éventuel pour les données du champ name: string = ""; // nom à afficher dans le DOM comme "label" du "select" values: string[]=[]; // données proposées par le filtre, après traitement des données reçues // Injection de la classe principale, mais uniquement si les données ont été importées constructor(converter: FreeDatas2HTML, datasFieldNb: number, elt: DOMElement) { if(converter.fields === undefined || converter.datas.length === 0) throw new Error(errors.selectorNeedDatas); else if(! converter.checkFieldExist(Number(datasFieldNb))) throw new Error(errors.selectorFieldNotFound); else { this._datasViewElt=FreeDatas2HTML.checkInDOMById(elt); // provoque une erreur, si élement non trouvé dans DOM this._converter=converter; this._datasFieldNb=datasFieldNb; } } // Ignore un séparateur de données vide // Attention : pas de trim(), car l'espace peut être un séparateur set separator(separator: string|undefined) { if(separator === "") this._separator=undefined; else this._separator=separator; } get datasViewElt() : DOMElement { return this._datasViewElt; } get datasFieldNb() : number { return this._datasFieldNb; } get separator() : string|undefined { return this._separator; } // Création du "; // l'option zéro permet d'actualiser l'affichage en ignorant ce filtre for(let i=0; i< this.values.length; i++) selectorsHTML+=""; selectorsHTML+=""; this. _datasViewElt.eltDOM.innerHTML=selectorsHTML; const selectElement=document.getElementById("freeDatas2HTML_"+this._datasViewElt.id) as HTMLInputElement, mySelector=this; selectElement.addEventListener("change", function(e) { mySelector._converter.refreshView(); }); } } } // Vérifie si une valeur est sélectionnée dans la liste et, si oui, la retourne public getSelectionnedId() : number { const selectElement=document.getElementById("freeDatas2HTML_"+this._datasViewElt.id) as HTMLInputElement; if(selectElement === undefined) return 0; else return parseInt(selectElement.value,10); } // Vérifie sur l'enregistrement passé correspond à la valeur sélectionnée par l'utilisateur dans le filtre public dataIsOk(data: any) : boolean { if(this.name === undefined || this.name === "") throw new Error(errors.selectorCheckIsOkFail); let selectedValue = this.getSelectionnedId(); if(selectedValue === 0) // = pas de valeur sélectionnée = pas de filtre sur ce champ return true; else selectedValue=selectedValue-1; if(this.values[selectedValue] === undefined) throw new Error(errors.selectorSelectedIndexNotFound); if(data[this.name] === undefined) // champ absent pour cet enregistrement, qui est donc refusé return false; const selectedValueTxt=this.values[selectedValue] ; if(this._separator === undefined) { if(data[this.name] !== selectedValueTxt) return false; else return true; } else { let find=false; let checkedValues=data[this.name].split(this._separator); for(let value of checkedValues) { if(value === selectedValueTxt) { find=true; break; } } return find; } } }