Improved "New Form" dialog

[ebruchez]

See also:

• FB: Get rid of initial dialog upon new form #638
• New naming convention for global library #5495

The idea here is to improve the landing experience in Form Builder. We should have:

• New Form
• New Library

Some fields should be optional:

• app name (unless controlled by form-builder-permissions.xml)
• form-name
• title/description

If any mandatory field is not set, we should ask the user to set them before publishing at least, and maybe during saving.

For a new form, we should show a list of form templates to start with. This could be, for now, the list of forms in Form Builder that are in the orbeon app. We could also create a new app name, if desired, such as orbeon-templates, orbeon:templates, fr:templates, or templates or something like that.

• asynchronously start a search of Form Builder forms in the orbeon app
• show that list as cards
• show scrollable image of form
  • Form Builder should also have a "form image URL" field, which is indexed, but not showing on the Summary page
  • for now we would generate such images manually

[ebruchez]

In addition, URL parameters should still allow bypassing the dialog when safe to do so.

Tasks:

• mockup UI
• implement split New Form/New Library
  • Better UI for creating/editing libraries #6684
• optional fields
  • allow optional fields in dialog
  • check optional and empty fields upon save/publish/test/export
• templates
  • call search
  • changes to Form Builder indexing fields
  • create images for our forms
  • load selected template
  • add Blank (template.xml?) and Wizard templates (special-case?)]
  • UI to pick template (including "Blank", "Wizard")
  • show only when "new", not when editing Form Settings
  • screenshot for Blank/Wizard templates
  • make sure templates list honors form-builder-permissions.xml
    • currently it doesn't!
  • use title in current language when present
    • found templates
      • can't do easily, as the search API doesn't differentiate between languages
    • including Blank/Wizard
  • option to mark form as "Allow use a form template"
  • keyboard navigation in templates (tab/left/right)
  • clean-up UI
  • doc
    • option to mark form as "Allow use a form template"
    • new UI once we are satisfied with the look
    • lifecycle in Form Builder of app/form names
• update built-in templates pictures
  • blank
    • so far can't find a good icon, leaving blank
  • wizard

[ebruchez]

Additional ideas:

• when picking an app name/form name, show whether
  • this already exists in Form Builder
    • could let user open that instead
  • this is already published
  • entered Tell user if selected app/form exists in-progress/published #6644
• same for libraries
  • Better UI for creating/editing libraries #6684

[ebruchez]

Mockups:

[ebruchez]

• consider: new form from file (.xhtml, later /zip)
  • entered FB: UI to import a single form definition #6690

[ebruchez]

• consider: new from published form
  • added comment to Ability to pull published form back into Form Builder #750

[ebruchez]

Suggestion: the "New" dialog should show the templates first, and then give the user the opportunity to set the app/form name.

• "Next" button (although "Continue" is ok too)
• takes you to the app/form settings only
  • no other tabs
  • "Back" button
  • "Continue" button

[ebruchez]

• Q: should we prepopulate the app name? maybe just leave blank
  • but make sure that if only one app allowed, loads that