From a7dce830c88530d7312516cc8fc1cfbc7264d8be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabrice=20PENHO=C3=8BT?= <fabrice@le-fab-lab.com>
Date: Mon, 27 Sep 2021 12:10:22 +0200
Subject: [PATCH] =?UTF-8?q?All=C3=A9gement=20contraintes=20interface=20du?=
 =?UTF-8?q?=20rendu=20HTML.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/firstExample.ts             | 14 ++++++++++----
 src/freeDatas2HTMLInterfaces.ts |  5 ++---
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/firstExample.ts b/src/firstExample.ts
index e194d60..47ccb21 100644
--- a/src/firstExample.ts
+++ b/src/firstExample.ts
@@ -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
+        {
+            myRender.settings.allBegining="<table class='table-hover'>";
+            converter.datasRender=myRender;
         }
-        else 
-            converter.datasRender.settings.allBegining="<table class='table-hover'>";
 
         // Configuration de la pagination
         const pagination=new Pagination(converter, { id:"pages" }, "Page à afficher :");
diff --git a/src/freeDatas2HTMLInterfaces.ts b/src/freeDatas2HTMLInterfaces.ts
index 5720c2b..d1785a8 100644
--- a/src/freeDatas2HTMLInterfaces.ts
+++ b/src/freeDatas2HTMLInterfaces.ts
@@ -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;