|
Purpose: revise UI for editing calendar.
See https://docs.google.com/presentation/d/1o_hMdULtPxS4yK1zJ_kqwlegJyX3Xw8ghBlxJyJySto/edit#slide=id.gbc8fea75f6_0_0 for detailed screen mockups
Scenarios:
- Scenario
- Given the Settings app, and no previously created calendars
- When Calendar is selected
- Then open the Calendar settings
- Pane header: Calendar
- Pane header button: New
- Pane body: empty
- Scenario
- Given the Calendar settings selected in the Settings app
- When the user selects New in the pane header
- Then open the New calendar form
- General information (collapsible, default to open)
- Service point:
- Dropdown menu of names of all service points
- Required
- Calendar name:
- Start date
- End date
- Button: Add day & time
- Exception date list (collapsible, default to open)
- Button: Add exception date
- Exception period list (collapsible , default to open)
- Button: Add exception period
- Pane footer:
- Cancel
- Save & close (primary styling)
- inactive until all required fields are completed
- Scenario
- Given the New calendar form
- when the user selects Add day & time in the General information accordion
- Then display a row of new fields:
- From
- Dropdown menu with days of the week
- To
- Dropdown menu with days of the week
- Start time
- End time
- Scenario
- Given the New calendar form
- When the user selects Add exception date in the Exception date list accordion
- Then display a new row of fields
- Exception type
- Dropdown menu closed(no open hours), hours (exception hours)
- Exception date
- Start time
- End time
- Trash can icon
- Scenario
- Given the New calendar form
- When the user selects Add exception period in the Exception period list accordion
- Then display the Exception period schedule block
- Header: Exception period schedule, trash can icon
- Body:
- Period name:
- Exception type: [q for Cheryl - what are values here]
- Start date
- End date
- Button: Add day & time
- Scenario
- Given the Exception period schedule block on the New calendar form
- When the user clicks Add day & time
- Then display a new row of fields
- From
- Dropdown menu, values: days of the week
- To
- Dropdown menu, values: days of the week
- Start time
- End time
- Scenario
- Given the trash can icon on the New calendar form
- When clicked
- Then delete the corresponding group of fields on the form
- Scenario
- Given the New calendar form, with unsaved changes
- When the user clicks cancel
- then display the Unsaved changes modal
- Scenario
- Given the New Calendar form with active Save & close button
- When the user clicks Save & close
- Then save the calendar and close the form with a success toast
- Scenario
- Given the Settings app, and at least one previously created calendar
- When Calendar is selected
- Then display the table of previously created calendars
- Service point
- Name of service point calendar is for
- Name
- Start date
- End date
- End date of calendar [q for Cheryl: what happens if blank? - or blank?]
- Exception dates
- Count of how many exception dates there are for the calendar
- Exception periods
- Count of how many exception periods there are for the calendar
TK:
[view only stories]
[edit calendar - different header, the record metadata]
[validation]
|