add personnel to mission - CREATE

[christopherjohnson1]

USER STORY

As a user, I should be able to add personnel to a mission I have created

AC

WHEN you click on a single mission THEN you see a button to add personnel AND the personnel information will be displayed

DEV NOTES

• [ ] put an "add-personnel" button on the mission cards with a class of add-personnel
  • use a font awesome icon: <i class="fas fa-user-plus"></i>
• [ ] add an event listener that opens the modal (in missionEvents function in missions.js)
  • event listener calls function that declares a variable missionId that has a value of e.target.closest('.card').id
  • pass missionId into data-id's value on the modal
• [ ] Create addPersonnelToMission component/file (where modal lives)
• [ ] Create modal with a dropdown that populates using a smash function (shows only personnel that are not already in that mission
  • just make sure it's printing to the page here, add smash function when it's written
• [ ] give the save/add button a class of add-new-personnel-to-mission
• [ ] add an event listener (in missionEvents function in missions.js)
• [ ] function called by the event listener should create the object we are sending to the database
  • personnelId and missionId
  • will call the addPersonnelToMission
• [ ] Create personnelMissionData.js file
• [ ] Create a function called getPersonnelMissionByMissionId in personnelMissionData.js
• [ ] Create a function called addPersonnelMission in personnelMissionData.js
  • axios.post() method
• [ ] smash function here