add mission weapons - CREATE

[christopherjohnson1]

USER STORY

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

AC

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

DEV NOTES

• [ ] put an "add-mission-weapon" button on the mission cards with a class of add-mission-weapon
  • 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 addWeaponToMission component/file (where modal lives)
• [ ] Create modal with a dropdown that populates using a smash function (shows only mission weapons 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-weapon-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
  • missionWeaponId and missionId
  • will call the addWeaponToMission
• [ ] Create weaponMissionData.js file
• [ ] Create a function called getMissionWeaponByMissionId in missionWeaponData.js
• [ ] Create a function called addWeaponToMission in missionWeaponData.js
  • axios.post() method
• [ ] smash function here