Repeating Sets: Panel/Tree View

cds-snc / platform-forms-client

NextJS application that serves the public-facing website for Forms

https://forms-staging.cdssandbox.xyz/

MIT License

34 stars 13 forks source link

Repeating Sets: Panel/Tree View #4271

Open Abi-Nada opened 3 weeks ago

Abi-Nada commented 3 weeks ago

User Story

As a form builder, I want the Repeating Sets feature to be compatible with the right panel and drag-and-drop, so that I can easily configure and position the repeating set questions within the group.

Acceptance Criteria:

[x] Drag and drop is functional with all the form elements (noting for now we want to limit this to re-ordering within the group)
[x] Within the panel, there will be a small icon to suggest a set of questions that can be repeated
- [x] the questions within that set will be a slightly smaller card width (normal: 358, set: 324) to show an indent
- [x] A line on the left side will indicate they are grouped together (slate-500, .5px)

[x] The active state in the middle and the panel will match, change the stroke to indigo-700, 1px, and fill violet-50

[ ] Adding in translations

Abi-Nada commented 2 weeks ago

@anikbrazeau and @connorscarolyns to QA test

[x] Add a Repeating Set to a form (duplicate, move up and down, move around in drag and drop)
[x] Navigate and customize the repeating set (modal, translations, pages, conditionals review)
[x] Ensure that it reflects correctly in Translations/no impact to Logic View
[x] Test a response
[x] Download response, validate that all looks correct in the downloaded submission (csv, html, json, email delivery)
[x] Log any bugs into Zenhub with the "Bug" template
[x] Testing for backwards compatibility (Copyright Board of Canada) -> ensure that the button reflects correctly, form remains unchanged.

anikbrazeau commented 2 weeks ago

QA Testing link: https://xldg62gxflrlyk6zna7t3fu6i40plvzf.lambda-url.ca-central-1.on.aws/

anikbrazeau commented 1 week ago

Questions:

Should there be a way to drag an existing question that's not in the set into the repeating set?
Could the user select a question by clicking on the card rather than inside an input?
Might people want to add another nested set within a set? (For example submitting multiple books for order for multiple employees)
Can users make selections conditional within a repeating set? (For example: "Other" text input?)

anikbrazeau commented 3 hours ago

Testing complete on tablet/staging

Abi-Nada commented 3 hours ago

Potentially look to turning off feature flag tomorrow