Fab_Blab/FreeDatas2HTML
1
1
Fork 0
Code Issues Pull Requests Projects Releases Activity

Allégement contraintes interface du rendu HTML.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/firstExample.ts
View File

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

5
src/freeDatas2HTMLInterfaces.ts
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 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 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; rend2HTML(datas: any[]): string;
settings: DatasRendersSettings;
} }
export interface DatasRendersSettings export interface DatasRendersSettings // interface spécifique à la classe Render par défaut.
{ {
allBegining: string; allBegining: string;
allEnding: string; allEnding: string;