Affichage de données pouvant provenir de différentes sources (fichier, API...) avec différents formats (CSV, JSON, HTML...) et possibilité de trier, filtrer ou encore paginer les données. https://freedatas2html.le-fab-lab.com
Go to file
Fabrice PENHOËT 3a59afc3a5 Ajout possibilité de fournir un ordre d'affichage différent de celui de la source de données. 2022-01-17 16:42:24 +01:00
public Modification d'une des pages de démo pour ajouter une liste SELECT multiple + compilation. 2022-01-13 17:26:15 +01:00
src Ajout possibilité de fournir un ordre d'affichage différent de celui de la source de données. 2022-01-17 16:42:24 +01:00
tests Ajout possibilité de fournir un ordre d'affichage différent de celui de la source de données. 2022-01-17 16:42:24 +01:00
.gitignore Ajout d'un répertoire à ne pas suivre. 2021-11-08 11:00:19 +01:00
LICENSE Initialisation du projet 2021-08-05 11:05:05 +02:00
README.md Mise à jour de 'README.md' 2021-11-10 16:29:38 +01:00
karma.conf.js Adaptation configuration karma.js pour prise en compte des scripts présents dans des sous-répertoires. 2021-12-09 16:03:50 +01:00
package-lock.json Mise à jour dépendances du projet. 2022-01-17 15:33:59 +01:00
package.json Ajout possibilité de fournir un ordre d'affichage différent de celui de la source de données. 2022-01-17 16:42:24 +01:00
tsconfig.json Déplacement des scripts des pages de démonstration + nouvelles compilations. 2021-11-04 15:50:40 +01:00
webpack.config.js Ajout page d'exemple pour l'extension SortingFieldsStandAlone 2021-12-09 11:49:44 +01:00

README.md

FreeDatas2HTML

Des données sont déjà listées dans une page HTML ou sont accessibles via une API ou encore un fichier présent "localement". Ces données peuvent être stockées en CSV, JSON ou autres formats.

Nous souhaitons pouvoir les afficher, les filtrer, classer ou paginer en agissant uniquement côté client, sans nouvel appel à la source des données.

Toutes les fonctionnalités sont en options et aucun CSS n'est imposé pour le rendu.

Plus d'information et exemples sur le site de démonstration, qui peut être lancé localement via WebPack.

Le code

Le code source de FreeDatas2HTML est écrit en TypeScript (répertoire "src"), une version compilée en JavaScript "Vanilla" étant disponible dans le sous-répertoire "build".

L'ensemble est testé via Karma.js et Jasmine.js sur les navigateurs Firefox et Chromium.

Dépendances en production

  • Papa Parse est utilisé pour parser les données CSV.
  • natural-orderby pour classer les données de manière plus naturelle.