const errors=require("./errors.js"); import { DOMElement, Paginations, PaginationsOptions, PaginationsPages } from "./interfaces"; import { FreeDatas2HTML } from "./FreeDatas2HTML"; export class Pagination implements Paginations { private _converter: FreeDatas2HTML; private _selectedValue: number|undefined; private _options: PaginationsOptions|undefined; private _pages: PaginationsPages; public static isPositiveInteger(nb: number) { return (Number.isInteger(nb) === false || nb <= 0) ? false : true; } // Injection de la classe principale, mais uniquement si les données ont été importées // L'élément du DOM devant recevoir la liste des pages doit exister constructor(converter: FreeDatas2HTML, pagesElt: DOMElement, pagesName="Pages") { if(converter.fields.length === 0) throw new Error(errors.paginationNeedDatas); else { this._pages={ displayElement: FreeDatas2HTML.checkInDOMById(pagesElt), name: pagesName }; this._converter=converter; } } // undefined = ne pas paginer les données. set selectedValue(value : number|undefined) { if(value !== undefined) { if(!Pagination.isPositiveInteger(value)) throw new Error(errors.needPositiveInteger); if(this.options !== undefined && this.options.values.indexOf(value) === -1) throw new Error(errors.paginationNeedByfaultValueBeInOptions); } this._selectedValue=value; } get selectedValue() : number|undefined { return this._selectedValue; } // Les différentes valeurs de pagination proposées set options(options : PaginationsOptions|undefined) { if(options !== undefined) { options.displayElement=FreeDatas2HTML.checkInDOMById(options.displayElement); // Dédoublonnage et refus des valeurs incorrectes. // Par contre pas de classement des valeurs restantes, car le "désordre" peut être volontaire :) const realValues=[]; for(let option of options.values) { if(! Pagination.isPositiveInteger(option)) throw new Error(errors.needPositiveInteger); if(realValues.indexOf(option) === -1) realValues.push(option); else console.log(errors.paginationOptionsDuplicatedValues); } if(realValues.length < 2) throw new Error(errors.paginationNeedOptionsValues); options.values=realValues; if(this.selectedValue !== undefined && options.values.indexOf(this.selectedValue) === -1) throw new Error(errors.paginationNeedByfaultValueBeInOptions); options.name=(options.name === undefined) ? "Pagination" : options.name ; // chaîne vide possible, si souhaité } this._options=options; } get options() : PaginationsOptions|undefined { return this._options; } get pages() : PaginationsPages { return this._pages; } // Création du "; for(let i=0; i< this._options.values.length; i++) selectorsHTML+=""; selectorsHTML+=""; this._options.displayElement.eltDOM!.innerHTML=selectorsHTML; // "!" car displayElement testé par le constructeur let selectElement=document.getElementById("freeDatas2HTMLPaginationSelector") as HTMLInputElement; if(this._selectedValue !== undefined) selectElement.value=""+(this._options.values.indexOf(this._selectedValue)+1); const pagination=this; selectElement.addEventListener("change", function(e) { if(selectElement.value === "0") pagination._selectedValue=undefined; // = pas de pagination else pagination._selectedValue=pagination._options!.values[Number(selectElement.value)-1]; pagination._converter.refreshView(); }); } } // Création du "; this.pages.values=[]; for(let j=1; j <= nbPages; j++) { selectorsHTML+=""; this.pages.values.push(j); } selectorsHTML+=""; this.pages.displayElement.eltDOM!.innerHTML=selectorsHTML; let selectElement=document.getElementById("freeDatas2HTMLPagesSelector") as HTMLInputElement; // Réinitialisé, car dans le cas d'un réaffichage, les données et leur nombre peuvent changer. this.pages.selectedValue=1; let pagination=this; selectElement.addEventListener("change", function(e) { pagination.pages.selectedValue=Number(selectElement.value); pagination._converter.refreshView(); }); } } }