Feature: Form designer
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript
- Área
- frontend
Línea de trabajo
No se especifican archivos, pruebas ni puntos de entrada. Empieza por convertir el área de formularios propuesta, el comportamiento de dragula, las etiquetas y descripciones contenteditable y la exportación de formArea.innerHTML en un alcance concreto; el trabajo terminado debe incluir un diseño acordado y un formato de persistencia definido.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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!
- Lenguaje dominante
- Python
- Estrellas
- 22
- Forks
- 5
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Aún no hemos revisado los archivos de configuración de este proyecto. Empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de CodeForPhilly/stately
-
Related app: DocassembleAbierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 15/100
CodeForPhilly/stately#60 ·
-
Investigate using BPMLAbierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 20/100
CodeForPhilly/stately#59 · 1 comentario ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 28/100
CodeForPhilly/stately#58 · 1 comentario ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
CodeForPhilly/stately#57 ·
-
Search case listAbiertoapi ui
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
CodeForPhilly/stately#55 ·
Todos los issues de CodeForPhilly/stately
Issues similares
-
pydanty:is-working
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
pydantic/pydantic-ai#8843 ·
Los mantenedores suelen responder en 1 día
-
breaking change enhancement server
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
sktime/sktime#11310 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
Los mantenedores suelen responder en 1 día
-
needs-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
Los mantenedores suelen responder en 1 día