Feature: Form designer
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Accessibilité débutants
- 25/100
- Type d'issue
- Fonctionnalité
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- javascript
- Domaine
- frontend
Piste de recherche
Aucun fichier, test ou point d’entrée n’est indiqué. Commencez par transformer la zone de formulaire proposée, le comportement de dragula, les libellés et descriptions contenteditable, ainsi que l’exportation de formArea.innerHTML, en un périmètre concret ; le travail terminé doit inclure une conception approuvée et un format de persistance défini.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Using this issue to jot down ideas about the form designer. We could try to reuse dobt's form designer ... but if we didn't....
We could use dragula and HTML5's contenteditable, and simply serialize the DOM.
So there'd be a form area, and a way to add fields to it. Adding an <input type="text"> would actually add a <div class="draggable"><label><input><p class="description"></div>. The <div> would have dragula enabled on it. Dragging it around simply rearranges it in the DOM. The <label> and description <p> would have contenteditable="true", letting the user directly edit their contents (which also just updates the DOM).
"Saving" the form would be a matter of exporting formArea.innerHTML. Sure, we could serialize it into JSON if we want to, but there may be an advantage to simply storing the HTML. For instance, you could very easily customize it to infinity. We'd just need a way to associate the fields with the data, but that shouldn't be too hard; just require that each field has a <label> and use an underscorified_version_of_the_label as the field name.
Sounds like fun!
- Langage dominant
- Python
- Étoiles
- 22
- Forks
- 5
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Nous n'avons pas encore vérifié les fichiers d'installation de ce projet. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de CodeForPhilly/stately
-
Related app: DocassembleOuverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 15/100
CodeForPhilly/stately#60 ·
-
Investigate using BPMLOuverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 20/100
CodeForPhilly/stately#59 · 1 commentaire ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 28/100
CodeForPhilly/stately#58 · 1 commentaire ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
CodeForPhilly/stately#57 ·
-
Search case listOuverteapi ui
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
CodeForPhilly/stately#55 ·
Toutes les issues de CodeForPhilly/stately
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 84/100
gradio-app/gradio#13895 ·
Les mainteneurs répondent en général sous 1 jour
-
build-error
Difficulté 2/5 1-3 heures Accessibilité débutants 76/100
spack/spack-packages#6713 ·
Les mainteneurs répondent en général sous 1 jour
-
Use issue templatesOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
ActivityWatch/activitywatch#1464 · 1 réaction ·
Les mainteneurs répondent en général sous 1 jour
-
[Bug]: The ckg tool drops the return type of every decorated Python method in class search resultsOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
bytedance/trae-agent#483 ·
Les mainteneurs répondent en général sous 1 jour