Mission Enemy Target - Update

[stephencastaneda]

User Story

As a user, I should be able to edit the enemy target for a mission.

AC

WHEN the mission page loads THEN each mission should have an edit button AND when I click that edit button a modal should pop up AND the modal should have a dropdown menu of enemy targets AND I should be able to change the enemy target AND the enemy target should update in firebase

Dev Notes

125

Step 1 Create a file in the data folder called missionEnemyData.js import axios and apiKeys at the top of the file create a function called getAllEnemyTargets getAllEnemyTargets makes an axios.get call to /enemyId.json

• .then stores response.data as a variable theEnemyTargets
• it then stores these in an empty array called daEnemyTarget
• an if statement passes in the daEnemyTarget
• uses an Object.keys(theEnemyTargets).forEach((enemyTargetId)
• set the enemyTargetId = to theEnemyTargets[enemyTarget].id
• then use a .push to theEnemyTargets[enemyTarget].id intodaEnemyTargetempty array *resolvedaEnemyTarget`

Step 2 *go the printMissions function in theGalaxy and add a <select> tag with an id of enemy-target-btn to the bottom of the domString

• Add missionEnemyComponent.getAllEnemyTargets beneath the <select> tag the .then should pass in ((enemy) on success do a forEach = sectors.ForEach((enemy)
• build a domString with `${enemy.name}'

Step 3 *go the updateMission function and add $(#enemy-target-btn).val() to get the value of the button for the enemyTarget