Remove/Delete Dino

[luketlancaster]

User Story

As a User, on any specific Dino's Profile, I can click a button that displays a confirmation window asking me to type the Dino's name and confirm its extinction.

AC

WHEN a User navigates to an individual Dino's profile THEN they can click a button that says Extinguish AND it asks if you would like to Extinguish the Dino AND requires them to type the Dino's name AND then click the Extinguish button AND then be redirected to the main page like it never happened

Dev Notes

• Add a isDeleted boolean to the dino object
• Add a Bootstrap Danger button to the Print Dinos card (see issue #5):

  <button type="button" class="btn btn-danger">Extinguish</button>

• Add an Event Listener for the Extinguish button that will have an id of #removeButton.
• Build a function called removeDino() that runs upon clicking the Danger button
  • Add a Bootstrap modal hard coded on the html page

    const removeDino = () => {
    $('.modal').modal(focus)
    }

• Text to display on modal: EXTINGUISH DINO NAME'S LIFE and an Extinguish Danger button
  • They must type the dinos name in that field and submit (upon clicking the second Extinguish Danger button
• Set isDeleted to true
• Rerun the printToDom for the cards page, making sure that we're only printing non-deleted dinos