FreeDatas2HTML/public/index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">        
    <meta name="description" content="Page d'exemple d'utilisation du script freeDatas2HTML pour visualiser des informations venant d'un fichier CSV.">
    <meta name="robots" content="noindex">
    <link rel="stylesheet" href="CSS/paper.min.css">
    <script src="JS/firstExample.app.js" defer></script>
    <title>freeDatas2HTML : démo affichage données venant d'un fichier CSV.</title>
</head>
<body class="paper container">
    <h1>freeDatas2HTML</h1>

    <div class="row">
      <div id="filtre1" class="sm-12 md-6 lg-4 col"></div>
      <div id="filtre2" class="sm-12 md-6 lg-4  col"></div>
      <div id="filtre3" class="sm-12 md-6 lg-4  col"></div>
      <div id="paginationOptions" class="col-12 col"></div>
    </div>
    
    <h3>Nombre total de résultats : <span id="compteur"></span></h3>
    <article id="datas">
        <p>Si tout se passe bien, ce texte sera remplacé par un tableau de données extraites du fichier csv.</p>
    </article>
    <p id="pages"></p>
    <aside><p>Les données affichées viennent d'<a href="datas/elements-chimiques.csv">un fichier CSV</a> reprenant une partie des informations trouvées <a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9ment_chimique#Caract%C3%A9ristiques_des_diff%C3%A9rents_%C3%A9l%C3%A9ments" target="_blank">sur Wikipédia</a>.</p>
    <p>Le dernier filtre (Mots-clés) permet de montrer la possibilité d'<b>extraire des données d'un champ ayant plusieurs valeurs par ligne</b>, ici séparées par une virgule, sachant que l'on peut désigner n'importe quel autre caractère séparateur.</p>
    <p>Certains champs (=colonnes) peuvent être désignées comme devant permettre de <b>classer les données</b> : un 1ᵉʳ clic lance un classement par ordre croissant, le 2ᵉ pour ordre décroissant et ainsi de suite.</p>
    <p>Il est également possible d'afficher le nombre total de résultats, avec prise en compte des éventuels filtres.</p>
    <p>Une autre option permet de <b>paginer les résultats</b>.</p>
    <p>Enfin il est possible d'<b>afficher les données autrement que sous forme de tableau HTML</b>. Si vous affichez cette page sur un écran large de moins de 800 px, les données seront simplement listées.<br>Si vous avez un grand écran, visualiser le résultat en faisant "Alt+"Maj"+"M", puis "F5". Appuyez de nouveau sur "F5", une fois de retour sur grand écran.</p>
     <p>Design basé sur <a href="https://www.getpapercss.com" target="_blank">PaperCSS</a></p></aside>
</body>
</html>
-												Ajout du répertoire /public qui recevra les examples d'utilisation.

											
										
										
											2021-08-05 18:28:14 +02:00
+								<!DOCTYPE html>
 								<html>
 								<head>
 									<meta charset="utf-8">
 								    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-												Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.

											
										
										
											2021-08-13 20:00:03 +02:00
+								    <meta name="description" content="Page d'exemple d'utilisation du script freeDatas2HTML pour visualiser des informations venant d'un fichier CSV.">
-												Ajout du répertoire /public qui recevra les examples d'utilisation.

											
										
										
											2021-08-05 18:28:14 +02:00
+								    <meta name="robots" content="noindex">
-												Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.

											
										
										
											2021-08-13 20:00:03 +02:00
+								    <link rel="stylesheet" href="CSS/paper.min.css">
-												Ajout du répertoire /public qui recevra les examples d'utilisation.

											
										
										
											2021-08-05 18:28:14 +02:00
+								    <script src="JS/firstExample.app.js" defer></script>
-												Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.

											
										
										
											2021-08-13 20:00:03 +02:00
+								    <title>freeDatas2HTML : démo affichage données venant d'un fichier CSV.</title>
-												Ajout du répertoire /public qui recevra les examples d'utilisation.

											
										
										
											2021-08-05 18:28:14 +02:00
+								</head>
-												Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.

											
										
										
											2021-08-13 20:00:03 +02:00
+								<body class="paper container">
 								    <h1>freeDatas2HTML</h1>
-												Ajout fonctionnalité pagination des données.

											
										
										
											2021-09-09 12:57:23 +02:00
 								    <div class="row">
 								      <div id="filtre1" class="sm-12 md-6 lg-4 col"></div>
 								      <div id="filtre2" class="sm-12 md-6 lg-4  col"></div>
 								      <div id="filtre3" class="sm-12 md-6 lg-4  col"></div>
-												Correction balise div

											
										
										
											2021-09-16 16:05:42 +02:00
+								      <div id="paginationOptions" class="col-12 col"></div>
-												Ajout fonctionnalité pagination des données.

											
										
										
											2021-09-09 12:57:23 +02:00
+								    </div>
-												Ajout d'un compteur de lignes de données avec possibilité d'affichage dans la page.

											
										
										
											2021-09-23 11:28:27 +02:00
+								    <h3>Nombre total de résultats : <span id="compteur"></span></h3>
-												Ajout du répertoire /public qui recevra les examples d'utilisation.

											
										
										
											2021-08-05 18:28:14 +02:00
+								    <article id="datas">
 								        <p>Si tout se passe bien, ce texte sera remplacé par un tableau de données extraites du fichier csv.</p>
 								    </article>
-												Ajout fonctionnalité pagination des données.

											
										
										
											2021-09-09 12:57:23 +02:00
+								    <p id="pages"></p>
-												Adaptation page de démo pour montrer une colonne contenant des données séparées ppar une virgule.

											
										
										
											2021-09-01 16:28:56 +02:00
+								    <aside><p>Les données affichées viennent d'<a href="datas/elements-chimiques.csv">un fichier CSV</a> reprenant une partie des informations trouvées <a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9ment_chimique#Caract%C3%A9ristiques_des_diff%C3%A9rents_%C3%A9l%C3%A9ments" target="_blank">sur Wikipédia</a>.</p>
-												Nouvelle fonctionnalité permettant d'adapter le rendu HTML.

											
										
										
											2021-09-23 17:19:31 +02:00
+								    <p>Le dernier filtre (Mots-clés) permet de montrer la possibilité d'<b>extraire des données d'un champ ayant plusieurs valeurs par ligne</b>, ici séparées par une virgule, sachant que l'on peut désigner n'importe quel autre caractère séparateur.</p>
 								    <p>Certains champs (=colonnes) peuvent être désignées comme devant permettre de <b>classer les données</b> : un 1ᵉʳ clic lance un classement par ordre croissant, le 2ᵉ pour ordre décroissant et ainsi de suite.</p>
-												Ajout d'un compteur de lignes de données avec possibilité d'affichage dans la page.

											
										
										
											2021-09-23 11:28:27 +02:00
+								    <p>Il est également possible d'afficher le nombre total de résultats, avec prise en compte des éventuels filtres.</p>
-												Nouvelle fonctionnalité permettant d'adapter le rendu HTML.

											
										
										
											2021-09-23 17:19:31 +02:00
+								    <p>Une autre option permet de <b>paginer les résultats</b>.</p>
 								    <p>Enfin il est possible d'<b>afficher les données autrement que sous forme de tableau HTML</b>. Si vous affichez cette page sur un écran large de moins de 800 px, les données seront simplement listées.<br>Si vous avez un grand écran, visualiser le résultat en faisant "Alt+"Maj"+"M", puis "F5". Appuyez de nouveau sur "F5", une fois de retour sur grand écran.</p>
-												Adaptation page de démo pour montrer une colonne contenant des données séparées ppar une virgule.

											
										
										
											2021-09-01 16:28:56 +02:00
+								     <p>Design basé sur <a href="https://www.getpapercss.com" target="_blank">PaperCSS</a></p></aside>
-												Ajout du répertoire /public qui recevra les examples d'utilisation.

											
										
										
											2021-08-05 18:28:14 +02:00
+								</body>
 								</html>