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
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Fabrice PENHOËT b696a4bc44 Correction hébergeur pages mentions légales + relecture 5 months ago
integrations Évolution exemple d'intégration pour le site du segal. 6 months ago
public Correction hébergeur pages mentions légales + relecture 5 months ago
src relecture code 6 months ago
tests Ajout de la possibilité de chercher séparément (ou pas) chacun des mots saisis. 6 months ago
.gitignore Adaptation script intégration liste partenaires du segal. 7 months ago
LICENSE Initialisation du projet 1 year ago
README.md Mise à jour de 'README.md' 9 months ago
karma.conf.js Adaptation configuration karma.js pour prise en compte des scripts présents dans des sous-répertoires. 8 months ago
package-lock.json Mise à jour des dépendances 6 months ago
package.json Ajout de la possibilité de chercher séparément (ou pas) chacun des mots saisis. 6 months ago
tsconfig.json Déplacement des scripts des pages de démonstration + nouvelles compilations. 10 months ago
webpack.config.js Ajout d'un moteur de rendu alternatif pour des affichages de données plus complexes. 7 months ago

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.