# Add Events Collection

[MarkyAaronYoung]

User Story

As a user, I should able to add events to my event page

AC

When a user is authenticated Then clicks on a "Add New Event" button Then it should create a page container Where I can add staff, souvenirs, food, and show items onto

Dev Notes

• Create a landing page/container div for events.js
• printToDom using #events-page
• Create a single Create Event button
• Addclass.hide unless the user is logged in
• Create addEventForm() use bootstrap form bootstrap form src/javascripts/component/addEventForm/addEventForm.js
• $('body').on('click', '.add-event-form', addEventForm) Form will print to #new-event div using utils.printToDom('#new-event, domString); function Create addEvent() that takes values from form and creates new event object $('body').on('click', '.submit-event-form', addEvent)
• create axios.post() commands to firebase to add to data
• Dropdown example code, see example

[MarkyAaronYoung]

[MarkyAaronYoung]

IGNORE THIS ONE

[luketlancaster]

This dropdown is probably gonna be pretty complex, right? Given that you'll need to GET every collection that you have, and create dropdowns for those events? If that's the case I'd break this card in to several: displaying all events, adding an event, displaying a single event, etc

[luketlancaster]

oh yeah I see you have some cards for that now

[bnemchak]