personnel EDIT

[christopherjohnson1]

User Story

as a user I should be able to edit personnel

AC

WHEN the user logs in THEN there should be an edit button on all personnel cards AND you should be able to update any personnel item with a modal form

Dev Notes

• [x] add a new <div> with id="edit-personnel-modal" at the top of index.html, under id="add-new-personnel-modal" and above everything else
• [x] add a button to each personnel card in the buildPersonnelCards function
• [x] add class="edit-personnel-btn"
• [x] use a font awesome icon with (whatever looks cool) to symbolize editing
• [x] add an event listener using jquery
• [x] call an editPersonnelForm function
• [x] make a component folder/file called editPersonnelForm
• [x] make an editPersonnelForm function
• [x] import personnelData
• [x] import utils
• [x] declare a domString variable
• [x] write out the HTML for the form - use bootstrap modal/forms to create - base this on the add modal/form for the key/inputs
• [x] give the submit button an id="submit-personnel-edit"
• [x] add an event listener
• [x] calls a function called editPersonnelItem which lives in personnel.js
• [x] in personnelData.js make a new function called updatePersonnel that uses axios.put(personnelId, editedPersonnelItem) method
• [x] create an object called editedPersonnelItem that has the key:value pairs the same as the original seed data objects
• [x] call updatePersonnel in editPersonnelItem
• [x] .then() calls buildAllPersonnel
• [x] .catch() should console.error a comment and the error