Breaking Down Events

[hannahmneal]

#5

Story

As a user, I should be able to enter in an event that will happen at a future date, and when that event is next on the agenda, it should be more prominent in the application

Acceptance Criteria

Given a user wants to keep track of a future event
When the user clicks an affordance to enter a new event in the application
Then a form should be presented to the user in which the following properties of the event can be provided

• form.js: Create a form which contains the following criteria:_
• Name of event
• Date of event
• Location of event

Given a user has entered in all details of an event

• Add a condition that checks whether there is a userInput in all the eventForm boxes
  When the user performs a gesture to save the event
• Create save-event-button with eventListener ("click")
  Then the event should be displayed in the application in the Events component
• The event is appended to the DOM in the event-display-container

Given a user has entered in one or more events
When the event component is updated

• event-cal-handler should include "refreshing" the db.

Then the next event on the agenda should have bold text
And it should be slightly larger in size
And it should have a non-white, and non-offensive background color

• The user-cal-display should sort events from most to least recent
  • Do the older calendar items disappear after date expiry?

Given a user wants to change the details of an event
When the user performs a gesture to edit an event
Then the user should be presented with a form that has the event details pre-filled into the fields
And there should be an affordance to save the new details

• cal-edit button with cal-edit-listener ("click")
• cal-edit-handler: pre-populated events-form appears with a "save" button