Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(Create) Airport Collection Add Item #13

Open
MarkyAaronYoung opened this issue Jul 14, 2020 · 2 comments
Open

(Create) Airport Collection Add Item #13

MarkyAaronYoung opened this issue Jul 14, 2020 · 2 comments
Assignees

Comments

@MarkyAaronYoung
Copy link
Contributor

MarkyAaronYoung commented Jul 14, 2020

User Story

As a user, I should be able to add airports to the airport collection.

AC

WHEN a user is logged in and on the Airport Collection Page
THEN they will see a single add button on the top of the page
WHEN clicked it'll populate a form where the user can add the name, location, and website
THEN when submitted it'll add the aiport and dom will be reprinted with added airport item

Dev Notes

  • Create an airport collection div
  • Create a single addAirport button
    *. src/javascripts/components/addAirport/addAirport.js
  • Addclass.hide unless the user is logged in
  • Create addAirportForm() use bootstrap form bootstrap form
  • $('body').on('click', '.add-airport-form', addAirportForm)
  • Form will print to #new-airport div using utils.printToDom('#new-airport, domString); function
  • Create addAirport() that takes values from form and creates new airport object
  • $('body').on('click', '.submit-airport-form', addAirport)
  • * create axios.post()``` commands to firebase to add to data
@MarkyAaronYoung
Copy link
Contributor Author

Screen Shot 2020-07-14 at 6 52 55 PM

@luketlancaster
Copy link
Member

where's the form going to be printing? Also it's not a axios.get for adding something right? It's one of the other methods

@MarkyAaronYoung MarkyAaronYoung changed the title Airport Collection Add Item (Create) Airport Collection Add Item Jul 16, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants