Commit 870c6250 authored by Bertille Dubosc de Pesquidoux's avatar Bertille Dubosc de Pesquidoux
Browse files

Formulaire schéma

parent bcd09704
......@@ -11,7 +11,7 @@ Tout d'abord, il faut renseigner les informations de votre structure.
Pour ce faire, vous pouvez consulter [la liste de tous les champs possibles, des valeurs qu'ils peuvent
prendre et de leur sens](https://framagit.org/bertille/tx-collecte-chatons/-/blob/master/schema/README.md).
Vous pouvez aussi utiliser [un formulaire qui se génère avec le schéma](http://brutusin.org/json-forms/).
Vous pouvez aussi utiliser [un formulaire qui se génère avec le schéma](http://chatons.picasoft.net/gen/json_gen.html).
Vérifier que le fichier respecte bien la convention adoptée
-----------------------------------------------------------
......@@ -109,5 +109,3 @@ de software ou de service\_type, vers la fin du schéma.
C'est la même procédure pour ajouter une valeur possible à n'importe
laquelle des listes.
......@@ -67,6 +67,7 @@ Il contient notamment :
- [sa documentation](https://framagit.org/bertille/tx-collecte-chatons/-/blob/master/schema/README.md)
- [la liste des URL](https://framagit.org/bertille/tx-collecte-chatons/-/blob/master/liste/CHATONS_list.txt)
- [le code du crawler](https://framagit.org/bertille/tx-collecte-chatons/-/blob/master/crawler/crawler.py)
- [le code du convertisseur](https://framagit.org/bertille/tx-collecte-chatons/-/blob/master/conversion/convert.py)
- [les sources de cette documentation](https://framagit.org/bertille/tx-collecte-chatons/-/tree/master/documentation_source)
Ce site
......
This diff is collapsed.
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Site de la TX Collecte CHATONS</title>
<script src="brutusin-json-forms.js"></script>
<script type="text/javascript">
const BrutusinForms = brutusin['json-forms'];
let bf;
function formGen () {
// Repérage de la frame gui contient le schéma
const originFrame = document.getElementById('schema');
// Récupération du contenu de la frame
const content = originFrame.contentWindow.document.body.childNodes[0].innerHTML;
// Conversion en JSON
const schema = JSON.parse(content);
// Génération du formulaire
bf = BrutusinForms.create(schema);
const container = document.getElementById('form');
bf.render(container);
}
function printData() {
const json = bf.getData();
const container = document.getElementById('result');
// Remise à zéro de la section
container.innerHTML = '';
const result = document.createElement('p');
result.textContent = JSON.stringify(json);
container.appendChild(result);
}
</script>
</head>
<body>
<h1>Formulaire pour créer une fiche</h1>
<!-- Un peu sale, mais permet d'accéder à des fichiers du serveur avec le JavaScript -->
<iframe id="schema" src="../schema/schema.json" style="display: none;" onload="formGen()"></iframe>
<div class="info">
<p>Remplissez le formulaire suivant pour obtenir la fiche de votre Chaton</p>
</div>
<div class="form_schema">
<form onsubmit="retun false;">
<div class="form" id= "form">
</div>
<input type="button" value="Valider" onclick="printData()">
</form>
</div>
<div class="result" id="result">
</div>
<div class="license">
<p>Formulaire généré grâce à la librairie <a href="https://github.com/brutusin/json-forms">json-forms</a>.</p>
</div>
<div class="return">
<a href="../index.html">Retour à l'accueil</a>
</div>
</body>
</html>
......@@ -14,6 +14,7 @@
<li><a href="http://chatons.picasoft.net/schema/schema.json">Le schéma de fiche pour un Chaton</a></li>
<li><a href="https://framagit.org/bertille/tx-collecte-chatons/-/blob/master/schema/README.md">La documentation du schéma</a></li>
<li><a href="http://chatons.picasoft.net/documentation/contribuer/#ajouter-son-chaton">Le tutoriel pour ajouter son Chaton</a></li>
<li><a href="http://chatons.picasoft.net/gen/json_gen.html">L'outil de génération de fiche</a></li>
<li><a href="http://chatons.picasoft.net/exports/chatons.json">Le fichier regroupant tous les Chatons</a></li>
<li><a href="http://chatons.picasoft.net/exports/entraide.json">Le fichier des services au format entraide</a></li>
<li><a href="http://chatons.picasoft.net/search/recherche.html">L'outil de recherche d'un Chaton</a></li>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment