Consolidated UI Updates

[tristanmkernan]

Motivation

Let's 'universalize' the design for both sections and questions. I have a basic proposal that incorporates feedback and ideas from the other issues and attempts to resolve future, impending issues.

Survey (as a whole)

the survey as a whole has additional properties and the current design has nowhere to put them for editing. thus i propose that the survey be treated the same as sections and questions: you can "select" the survey-as-a-whole in order to edit its properties.

this solves the immediate problem of editing the survey name and the survey display in multiple languages, in addition to [in the future] supporting editing the survey "system" settings.

to this end, let's replace the current single input with the new pencil/checkmark selection button and a helpful label, like "Survey Properties".

Sections

As @johnhbenetech suggested, there should always be at least one section available - and you cannot delete the last section.

I propose a modification of the current design:

The leftmost icon button is edit, as a pencil icon initially and after clicked becomes the same checkmark icon we have now. Then the base display name (not system name), followed by a margin, followed by the up/down movement buttons and finally delete on the far right.

finally, at the bottom of every section (beneath the questions list) will appear a horizontal list of buttons for appending a question of that type. the question will always be appended to the end of the section to which it belongs.

Questions

as seen above, questions are almost identical to sections, except that they will include on the left an icon displaying their type (for screen readers it will be spelled out). questions will appear in order as list items, without the bullet points.

[tristanmkernan]

Errata

• required/not required will be placed after the name of the question.

[johnhbenetech]

I threw together a quick higher fidelity mockup for comment. I can do more views if people find it useful

[johnhbenetech]

I think like we discussed the delete option would be removed from the top-most section. I'm not in love with the edit icon or placement, but it's probably good for MVP

[tristanmkernan]

@johnhbenetech that looks great! 👍