Missions: Update

[rarceneaux]

User Story

As a logged user, I should be able to edit a mission when I click the Edit button on the selected mission card.

Page View Logged in User

Then a modal will appear with the existing mission info to make the needed changes to the selected mission. Then the user can make their changes.

Mission Title Edited

AC

GIVEN a user is logged in..... THEN a user can click on the Edit button on a selected mission card that will call the editMission function in mission.js which presents a modal to edit one or more values of the existing selected mission plane. AND Firebase reflects the change of the edited mission object THEN after they have made the necessary changes clicks the save and close button on the modal THEN this updates DOM

Dev Notes

• Create ra-updateMission branch
• Create a missionData.js in the src/javascripts/helpers/data file
• Create axios.put() in missionData.js file
• Create edit mission function in mission.js file
• Create event listener on the edit button in mission.js with the (e.target.id) will be how I capture the mission object by id from firebase then be able to make the wanted edits within the modal form.
• Create event listener on the save button in mission.js this will call the edit editMission function and update firebase and make sure to call buildMission function to refresh page.