Allégement contraintes interface du rendu HTML.

This commit is contained in:
Fabrice PENHOËT 2021-09-27 12:10:22 +02:00
parent 8c636a57b3
commit a7dce830c8
2 changed files with 12 additions and 7 deletions

View File

@ -24,10 +24,12 @@ const initialise = async () =>
converter.datasSourceUrl="http://localhost:8080/datas/elements-chimiques.csv";
await converter.parse();
converter.datasSortingFunctions=[{ datasFieldNb:4, sort:mySort }];
// Adaptation du rendu
// Adaptation du rendu suivant la taille de l'écran
const myRender=new Render(converter);
if(window.innerWidth < 800)
{
converter.datasRender.settings={
myRender.settings=
{
allBegining:"<h4>Affichage petits écrans !</h4>",
allEnding:"",
linesBegining:"<ul>",
@ -36,9 +38,13 @@ const initialise = async () =>
lineEnding:"</ul></li>",
dataDisplaying:"<li><b>#FIELDNAME :</b> #VALUE</li>",
};
converter.datasRender=myRender;
}
else
converter.datasRender.settings.allBegining="<table class='table-hover'>";
{
myRender.settings.allBegining="<table class='table-hover'>";
converter.datasRender=myRender;
}
// Configuration de la pagination
const pagination=new Pagination(converter, { id:"pages" }, "Page à afficher :");

View File

@ -3,12 +3,11 @@ export interface Counter
displayElement?: DOMElement; // peut être undefined si on ne souhaite pas d'affichage automatique dans la page
value?: number; // undefined jusqu'à recevoir sa première valeur
}
export interface DatasRenders
export interface DatasRenders // interface à respecter par toute alternative à la classe Render par défaut
{
rend2HTML(datas: any[]): string;
settings: DatasRendersSettings;
}
export interface DatasRendersSettings
export interface DatasRendersSettings // interface spécifique à la classe Render par défaut.
{
allBegining: string;
allEnding: string;