From f7ab2177187d9758e19ca06f171d506897e52940 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fabrice=20PENHO=C3=8BT?= Date: Mon, 8 Nov 2021 11:00:49 +0100 Subject: [PATCH] =?UTF-8?q?Ajout=20Matomo=20site=20de=20d=C3=A9mo.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/index.html | 101 ++++++++++++++++++++++--------------------- public/userFile.html | 73 ++++++++++++++++--------------- public/withCSV.html | 77 +++++++++++++++++---------------- public/withHTML.html | 1 + public/withJSON.html | 1 + 5 files changed, 129 insertions(+), 124 deletions(-) diff --git a/public/index.html b/public/index.html index d900e29..af657b8 100644 --- a/public/index.html +++ b/public/index.html @@ -1,82 +1,83 @@ - - - - - - - - FreeDatas2HTML : parser et afficher des données en TypeScript/JavaScript - + + + + + + + + + FreeDatas2HTML : parser et afficher des données en TypeScript/JavaScript + - -

FreeDatas2HTML

-

Parser, afficher, paginer, filtrer, classer des données… à l’aide de TypeScript/JavaScript

- -
-

Parser des données JSON, CSV ou HTML

- -

FreeDatas2HTML vous permet de parser des données listées dans une page internet ou encore une ressource distante. Les formats de données possibles sont le JSON, le CSV ou encore le HTML, pour peu que les données y soient listées de manière rigoureuse.

+ +

FreeDatas2HTML

+

Parser, afficher, paginer, filtrer, classer des données… à l’aide de TypeScript/JavaScript

-

Testez ici avec votre propre fichier CSV.

+
+

Parser des données JSON, CSV ou HTML

-

Le parseur retourne de manière distincte une liste des champs trouvés, une liste des « enregistrements », ainsi que les éventuelles anomalies rencontrées durant le traitement. Vous pouvez utiliser votre propre parseur, par exemple pour gérer d’autres formats de données (XML…).

+

FreeDatas2HTML vous permet de parser des données listées dans une page internet ou encore une ressource distante. Les formats de données possibles sont le JSON, le CSV ou encore le HTML, pour peu que les données y soient listées de manière rigoureuse.

+ +

Testez ici avec votre propre fichier CSV.

-

Une fois les données parsées, tous les traitements se font côté client, sans nouvel appel nécessaire à l’éventuelle source de données distante.

- -

Afficher les données dans votre page web

+

Le parseur retourne de manière distincte une liste des champs trouvés, une liste des « enregistrements », ainsi que les éventuelles anomalies rencontrées durant le traitement. Vous pouvez utiliser votre propre parseur, par exemple pour gérer d’autres formats de données (XML…).

-

FreeDatas2HTML vous permet d’afficher les données dans votre page web, par défaut sous forme de tableau. Mais il est possible de paramèter d’autres formats, par exemple une liste HTML ou encore d’utiliser son propre moteur de rendu, tout en bénéficiant du reste du code de FreeDatas2HTML.

+

Une fois les données parsées, tous les traitements se font côté client, sans nouvel appel nécessaire à l’éventuelle source de données distante.

+ +

Afficher les données dans votre page web

-

Vous pouvez choisir de ne pas afficher tous les champs trouvés par le parseur, tout en les gardant disponibles pour les filtres. En option, un compteur d’enregistrements peut être affiché.

+

FreeDatas2HTML vous permet d’afficher les données dans votre page web, par défaut sous forme de tableau. Mais il est possible de paramèter d’autres formats, par exemple une liste HTML ou encore d’utiliser son propre moteur de rendu, tout en bénéficiant du reste du code de FreeDatas2HTML.

-

Classer les données

+

Vous pouvez choisir de ne pas afficher tous les champs trouvés par le parseur, tout en les gardant disponibles pour les filtres. En option, un compteur d’enregistrements peut être affiché.

-

Certains champs peuvent être proposés pour permettre de classer les données affichées.

+

Classer les données

-

Par défaut, le classement se fait de manière alphabétique et « naturelle », c’est-à-dire qu’en ordre ascendant « 20 » sera devant « 100 », malgré le fait que « 1 » se trouve devant « 2 »…

+

Certains champs peuvent être proposés pour permettre de classer les données affichées.

-

Mais il est possible de fournir des fonctions spécifiques de classement pour certains champs, pour peu qu’elles soient compatibles avec la fonction sort() de JavaScript.

+

Par défaut, le classement se fait de manière alphabétique et « naturelle », c’est-à-dire qu’en ordre ascendant « 20 » sera devant « 100 », malgré le fait que « 1 » se trouve devant « 2 »…

-

Filtrer les données

+

Mais il est possible de fournir des fonctions spécifiques de classement pour certains champs, pour peu qu’elles soient compatibles avec la fonction sort() de JavaScript.

-

Il peut être proposé à l’utilisateur de filtrer les données, via des listes <SELECT> reprenant les valeurs distinctes d’un champ, classées de la même manière que vu précédemment.

+

Filtrer les données

-

Si plusieurs filtres sont ainsi proposés, leurs actions s’additionnent, c’est-à-dire que seuls les enregistrements validant tous les filtres sélectionnés seront fournis en résultat.

+

Il peut être proposé à l’utilisateur de filtrer les données, via des listes <SELECT> reprenant les valeurs distinctes d’un champ, classées de la même manière que vu précédemment.

-

Moteur de recherche

+

Si plusieurs filtres sont ainsi proposés, leurs actions s’additionnent, c’est-à-dire que seuls les enregistrements validant tous les filtres sélectionnés seront fournis en résultat.

-

Un moteur de recherche peut aussi être proposé à l’utilisateur.
- Il agit comme les filtres précédents, si ce n’est que la saisie est libre et que la recherche se fait sur plusieurs champs.

+

Moteur de recherche

-

Il est possible de définir les champs sur lesquels effectuer la recherche ou les garder tous (par défaut).

+

Un moteur de recherche peut aussi être proposé à l’utilisateur.
+ Il agit comme les filtres précédents, si ce n’est que la saisie est libre et que la recherche se fait sur plusieurs champs.

-

La recherche peut être lancée dès la saisie d’un certain nombre de caractères, ou attendre un clic sur le bouton d’envoi.

+

Il est possible de définir les champs sur lesquels effectuer la recherche ou les garder tous (par défaut).

-

Pagination

+

La recherche peut être lancée dès la saisie d’un certain nombre de caractères, ou attendre un clic sur le bouton d’envoi.

-

Une valeur de pagination peut être définie et/ou plusieurs options de pagination proposées aux utilisateurs finaux.

+

Pagination

-

Adaptable à vos besoins

+

Une valeur de pagination peut être définie et/ou plusieurs options de pagination proposées aux utilisateurs finaux.

-

Toutes les fonctionnalités de FreeDatas2HTML sont proposées en option.

+

Adaptable à vos besoins

-

Vous pouvez très bien n’utiliser FreeDatas2HTML que pour parser les données et en faire ensuite ce que bon vous semble…

+

Toutes les fonctionnalités de FreeDatas2HTML sont proposées en option.

-

Vous pouvez écrire vos propres scripts pour remplacer n’importe quelle classe du projet, pour peu qu’il respecte son interface. Cela peut être assez simple, en vous inspirant de l’existant.

+

Vous pouvez très bien n’utiliser FreeDatas2HTML que pour parser les données et en faire ensuite ce que bon vous semble…

-

FreeDatas2HTML est partagé sous licence AGPL, ce qui vous donne le droit de modifier et partager son code, mais en gardant les mêmes droits (copyleft).

+

Vous pouvez écrire vos propres scripts pour remplacer n’importe quelle classe du projet, pour peu qu’il respecte son interface. Cela peut être assez simple, en vous inspirant de l’existant.

-

N’hésitez pas à me contacter pour me signaler un bug ou me demander de l’aide pour une intégration. Pas forcément gratuitement, dans le deuxième cas :-)

+

FreeDatas2HTML est partagé sous licence AGPL, ce qui vous donne le droit de modifier et partager son code, mais en gardant les mêmes droits (copyleft).

-

Code et dépendances

+

N’hésitez pas à me contacter pour me signaler un bug ou me demander de l’aide pour une intégration. Pas forcément gratuitement, dans le deuxième cas :-)

-

FreeDatas2HTML est écrit en TypeScript, les tests étant réalisés via Karma et Jasmine dans environnement Node/Webpack. Deux modules externes sont utilisés : Papa Parse pour parser les données CSV et natural-orderby pour optimiser le classement par défaut des données.

+

Code et dépendances

-

Accéder au dépôt GIT du projet.

-
+

FreeDatas2HTML est écrit en TypeScript, les tests étant réalisés via Karma et Jasmine dans environnement Node/Webpack. Deux modules externes sont utilisés : Papa Parse pour parser les données CSV et natural-orderby pour optimiser le classement par défaut des données.

- - +

Accéder au dépôt GIT du projet.

+
+ + + \ No newline at end of file diff --git a/public/userFile.html b/public/userFile.html index 1d3d38d..4738afb 100644 --- a/public/userFile.html +++ b/public/userFile.html @@ -1,40 +1,41 @@ - - - - - - - - - Afficher les données d'un fichier CSV dans une page web à l'aide de FreeDatas2HTML - - -

FreeDatas2HTML

-

Afficher votre fichier CSV dans la page web

- -

Cette page vous permet de tester directement freeDatas2HTML en affichant les données d'un fichier CSV de votre choix. Vous pourrez choisir les champs/colonnes à afficher. Suivant la taille de votre écran ou encore le nombre champs, le résultat peut être + ou - lisible... Sachez que FreeDatas2HTML permet d'afficher les données autrement que sous forme de tableau quan cela est plus pratique.

- -
-
- -
-
-
-
-
- -
- -
+ + + + + + + + + + Afficher les données d'un fichier CSV dans une page web à l'aide de FreeDatas2HTML + + +

FreeDatas2HTML

+

Afficher votre fichier CSV dans la page web

+ +

Cette page vous permet de tester directement freeDatas2HTML en affichant les données d'un fichier CSV de votre choix. Vous pourrez choisir les champs/colonnes à afficher. Suivant la taille de votre écran ou encore le nombre champs, le résultat peut être + ou - lisible... Sachez que FreeDatas2HTML permet d'afficher les données autrement que sous forme de tableau quan cela est plus pratique.

+ +
+
+ +
+
+
+
+
+ +
+ +
-

- - - - - +

+ + + + + \ No newline at end of file diff --git a/public/withCSV.html b/public/withCSV.html index 0bcfc5b..c5afd42 100644 --- a/public/withCSV.html +++ b/public/withCSV.html @@ -1,42 +1,43 @@ - - - - - - - - - Parser et afficher des données CSV via FreeDatas2HTML - - -

FreeDatas2HTML

-

Parser et afficher des données CSV

- -
-
-
-
-
- -
- -

Nombre total de résultats :

-
-

Si tout se passe bien, ce texte sera remplacé par un tableau de données extraites du fichier csv.

-
-

- - + + + + + + + + + + Parser et afficher des données CSV via FreeDatas2HTML + + +

FreeDatas2HTML

+

Parser et afficher des données CSV

+ +
+
+
+
+
+ +
+ +

Nombre total de résultats :

+
+

Si tout se passe bien, ce texte sera remplacé par un tableau de données extraites du fichier csv.

+
+

+ + - - + + \ No newline at end of file diff --git a/public/withHTML.html b/public/withHTML.html index e724886..ff1a9ce 100644 --- a/public/withHTML.html +++ b/public/withHTML.html @@ -8,6 +8,7 @@ + Parser et afficher un tableau HTML via FreeDatas2HTML diff --git a/public/withJSON.html b/public/withJSON.html index 825153e..b654777 100644 --- a/public/withJSON.html +++ b/public/withJSON.html @@ -8,6 +8,7 @@ + Parser et afficher des données JSON via FreeDatas2HTML