80 lines
3.2 KiB
TypeScript
80 lines
3.2 KiB
TypeScript
|
const { compare }= require('natural-orderby');
|
||
|
|
const errors = require("./errors.js");
|
||
|
|
import { SortingFields } from "./freeDatas2HTMLInterfaces";
|
||
|
|
import { FreeDatas2HTML } from "./freeDatas2HTML";
|
||
|
|
|
||
|
|
export class SortingField implements SortingFields
|
||
|
|
{
|
||
|
|
_converter: FreeDatas2HTML;
|
||
|
|
_fieldsDOMSelector: string;
|
||
|
|
_datasFieldNb: number|undefined; // numéro du champ dont les données serviront au filtre
|
||
|
|
_order: "asc"|"desc"|undefined = undefined;
|
||
|
|
|
||
|
|
// Injection de la classe principale, mais uniquement si le nom des champs ont été importés et affichés correctement
|
||
|
|
constructor(converter: FreeDatas2HTML, fieldsDOMSelector: string = "th")
|
||
|
|
{
|
||
|
|
if(converter.parseMetas === undefined || converter.parseMetas.fields === undefined)
|
||
|
|
throw new Error(errors.sortingFieldNeedDatas);
|
||
|
|
else
|
||
|
|
{
|
||
|
|
const fields=document.querySelectorAll(fieldsDOMSelector);
|
||
|
|
if(fields === undefined)
|
||
|
|
throw new Error(errors.sortingFieldsNotInHTML);
|
||
|
|
else if(fields.length !== converter.parseMetas.fields.length)
|
||
|
|
throw new Error(errors.sortingFieldsNbFail);
|
||
|
|
else
|
||
|
|
{
|
||
|
|
this._converter=converter;
|
||
|
|
this._fieldsDOMSelector= fieldsDOMSelector;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Vérifie que le numéro de champ existe dans les données reçues
|
||
|
|
// On pourrait tester que l'élément HTML contient un noeud de type textuel avec nodeType
|
||
|
|
// Mais on peut créer un lien sur une image, un span, etc.
|
||
|
|
set datasFieldNb(datasFieldNb: number|undefined)
|
||
|
|
{
|
||
|
|
if(datasFieldNb !== undefined && this._converter.parseMetas!.fields![datasFieldNb] === undefined)
|
||
|
|
throw new Error(errors.sortingFieldFieldNotFound);
|
||
|
|
else
|
||
|
|
this._datasFieldNb=datasFieldNb;
|
||
|
|
}
|
||
|
|
|
||
|
|
get datasFieldNb() : number|undefined
|
||
|
|
{
|
||
|
|
return this._datasFieldNb;
|
||
|
|
}
|
||
|
|
|
||
|
|
get order() : "asc"|"desc"|undefined
|
||
|
|
{
|
||
|
|
return this._order;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Création du lien dans le HTML correspondant au champ de classement
|
||
|
|
public field2HTML() : void
|
||
|
|
{
|
||
|
|
if(this._converter === undefined || this._fieldsDOMSelector === "" || this._datasFieldNb === undefined)
|
||
|
|
throw new Error(errors.sortingField2HTMLFail);
|
||
|
|
else
|
||
|
|
{
|
||
|
|
const fields=document.querySelectorAll(this._fieldsDOMSelector);
|
||
|
|
let htmlContent=fields[this._datasFieldNb].innerHTML;
|
||
|
|
htmlContent="<a href='#freeDatas2HTMLSorting"+this._datasFieldNb+"' id='freeDatas2HTMLSorting"+this._datasFieldNb+"'>"+htmlContent+"</a>";
|
||
|
|
fields[this._datasFieldNb].innerHTML=htmlContent;
|
||
|
|
const sortingElement=document.getElementById("freeDatas2HTMLSorting"+this._datasFieldNb), field=this;
|
||
|
|
sortingElement!.addEventListener("click", function(e) // je sais que sortingElement existe, car je viens de le créer !
|
||
|
|
{
|
||
|
|
e.preventDefault();
|
||
|
|
let order=field._order ;
|
||
|
|
if(order === undefined || order === "desc")
|
||
|
|
field._order="asc";
|
||
|
|
else
|
||
|
|
field._order="desc";
|
||
|
|
field._converter.datasSortedField = field;
|
||
|
|
field._converter.refreshView();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|