[UICAL-117] Revise calendar UI Created: 14/Sep/20  Updated: 05/Oct/22  Resolved: 05/Oct/22

Status: Closed
Project: ui-calendar
Components: None
Affects versions: None
Fix versions: None

Type: Story Priority: TBD
Reporter: Emma Boettcher Assignee: Unassigned
Resolution: Duplicate Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original estimate: Not Specified

Issue links:
Blocks
is blocked by MODCAL-105 Support more complex calendars and ex... Closed
Defines
defines UXPROD-2657 Improvements to the Circulation Calen... Closed
Sprint:
Development Team: None

 Description   

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:

  1. 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
  2. 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:
          • Text entry
          • Required
        • Start date
          • Date picker
          • Required
        • End date
          • Date picker
          • Not required
        • 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
  3. 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
        • time selector
      • End time
        • time selector
  4. 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
        • Date picker
      • Start time
        • Time selector
      • End time
        • Time selector
      • Trash can icon
  5. 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:
          • Text field
        • Exception type: [q for Cheryl - what are values here]
          • Dropdown
        • Start date
          • Date picker
        • End date
          • Date picker
        • Button: Add day & time
  6. 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
        • Time selector
      • End time
        • Time selector
  7. Scenario
    • Given the trash can icon on the New calendar form
    • When clicked
    • Then delete the corresponding group of fields on the form
  8. Scenario
    • Given the New calendar form, with unsaved changes
    • When the user clicks cancel
    • then display the Unsaved changes modal
  9. 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
  10. 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
        • Name of calendar
      • Start date
        • Start date of calendar
      • 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]



 Comments   
Comment by Noah Overcash [ 19/Oct/21 ]

Should UICAL-114 Closed be a duplicate of this?

Generated at Fri Feb 09 00:25:47 UTC 2024 using Jira 1001.0.0-SNAPSHOT#100246-sha1:7a5c50119eb0633d306e14180817ddef5e80c75d.