Fab_Blab
/
FreeDatas2HTML
1
1
Fork 0
Code Issues Pull Requests Projects Releases Activity
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.
160 Commits
1 Branch
0 Tags
5.0 MiB
 
 
 
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '276a7f8333'
${ noResults }
Go to file
Fabrice PENHOËT 276a7f8333
Ajout page mentions légales au site de démonstration. 		2 years ago
public Ajout page mentions légales au site de démonstration. 2 years ago
src Nouvelle version des pages d'exemples en vue créant du site de présentation. 2 years ago
tests Revue classe principale + script de tests, suite anomalies durant intégration, principalement concernant les champs à afficher et le compteur. 2 years ago
.gitignore Ajout d'un répertoire à ne pas suivre. 2 years ago
LICENSE Initialisation du projet 2 years ago
README.md Mise à jour texte accueil projet. 2 years ago
karma.conf.js Déplacement des scripts des pages de démonstration + nouvelles compilations. 2 years ago
package-lock.json Mise à jour des dépendances 2 years ago
package.json Déplacement des scripts des pages de démonstration + nouvelles compilations. 2 years ago
tsconfig.json Déplacement des scripts des pages de démonstration + nouvelles compilations. 2 years ago
webpack.config.js Déplacement des scripts des pages de démonstration + nouvelles compilations. 2 years ago

README.md

freeDatas2HTML

Affichage et manipulation de listes données côté client en TypeScript/JavaScript.

Le projet

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, filtrer, classer ou paginer en agissant uniquement côté client, sans nouvel appel à la source des données.

L'esprit est proche du projet DataTables, mais sans dépendances à jQuery.

Si le code source de freeDatas2HTML est écrit en TypeScript, une version compilée en JavaScript natif ("Vanilla") est disponible.

De même l'idée est de rester libre du rendu des données en n'imposant pas de CSS et en proposant les diverses fonctionnalités en options.

La première version

La première version se contente de récupérer et parser des données présentes dans un fichier CSV via un appel Ajax. Les données trouvées sont affichées dans un tableau. En option, des colonnes peuvent être indiquées pour filtrer les données et/ou les classer. Il est possible de fournir des fonctions spécifiques pour classer les données de certaines colonnes. Il est également possible de paginer les résultats ou encore de modifier l'affichage des données (par défaut un tableau).

Le tout en options, le développeur final devant pouvoir adapter le module à son besoin.

Il reste à ajouter :

  • la possibilité d'utiliser des sources/formats différents qu'un fichier CSV pour extraire les données.

Tests et exemples

L'utilisation de TypeScript élimine déjà pas mal d'erreurs. Le code est ensuite testé via Karma.js et Jasmine.js sur des navigateurs Firefox et Chromium. Un premier exemple d'utilisation est présent dans le répertoire "public".

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.