Multi-steps form
Use-case
An author should submit a manuscript in multiple steps.
Proposed approach
A dynamically created form out of a configuration file. As a first iteration could be a hard-coded js/json file and later on a form builder can generate this configuration file.
Example:
{ config: { showProgressBar: true, backText: 'Back', backAction: '', ... }, steps: [ { label: 'Journal details', title: 'Jounal & Field Selection', children: [ { type: 'dropdown', label: 'Journal *', value: '', options: [ { label: '', value: '' }, ... ], }, { type: 'text', label: 'Subject area', value: '', }, ... ] }, ... ] }
Form should have some general config and steps, each step containing a list with children.
Each child could be a Pubsweet UI atom or any other custom component.
Other suggestions:
- redux-form based
- involve theming (discussion still open)
- in case of a full page form a combination of configs can generate a 1 step full form