Make Central show a form preview using web forms

getodk / web-forms

ODK Web Forms enables form filling and submission editing of ODK forms in a web browser. It's coming soon! ✨

https://getodk.org

Apache License 2.0

6 stars 1 forks source link

Make Central show a form preview using web forms #24

Open lognaturel opened 4 months ago

lognaturel commented 4 months ago

Blocked by #20 Blocked by #29

E.g if the preview button is alt-clicked

Like the current Enketo-based preview, it's opened in a full screen view.
- So it's easy to share with mobile users, etc
~Use the same EnketoID to build a link. Maybe instead of /-/preview/enketoID we use /wf/preview/enketoID and make that public so it can be tried on a range of devices (especially mobile)~ This feels like it was an accidental feature
Clicking/tapping the send button shows a validation summary and reminder it's a preview only

sadiqkhoja commented 4 months ago

Can we start shipping it to our internal servers like dev and test? So that QA and the team in general start playing with it

lognaturel commented 4 months ago

Yes, we can do dev or another dedicated server, for sure. I'm a little more hesitant with test because that one gets updated periodically for the purpose of QA and it might be a little more annoying to maintain changes that are not in git. Or maybe not if they don't touch the same code paths? @sadiqkhoja maybe something to discuss with the Central folks?

sadiqkhoja commented 2 months ago

How to use @odk-web-forms/ui-vue in Central

Import @odk-web-forms/ui-vue as npm package in central-frontend from the file system
Install the exported plugin by adding app.use(ThemePlugin) in container.js
Add the exported component anywhere in the application: <OdkWebForm :form-xml="formVersionXml.data" @submit="handleSubmit" />