Company Directory review

[x] Clicking on tabs does not refresh associated table
[x] Add, delete and filter modals have different formats: All modals should follow same design criteria: Vertically centred, no backdrop, primary header background, white text for title and close X, shadow, primary buttons, footer at same level as body, upper case button text and controls should use "form-floating" class. Left hand button should be SAVE or YES, right hand button in footer should be CANCEL, CLOSE or NO
[x] First column should be last name, first name eg Ace, Tamarra
[x] Filter on department OR location. See example in dependency checking Codepen below that forces the user to choose either/or
[x] Personnel delete: Use data-bs-* attribute to open modal and show.bs.modal event that makes an AJAX call to retrieve name of entry and display it
[x] show.bs.modal events for all modals except Add Location and the department and location delete ones to populate controls and/or rebuild selects from query to database
[x] hidden.bs.modal event is ideal for resetting form
[x] Currently appending rows by rendering HTML; see third and fourth option in this example: https://codepen.io/itcareerswitch/pen/qBLeJyQ/1c22783ae0ca24312ed78680d2f314e0
[x] Deleting departments and locations: Check for dependencies first and prevent deletion if there are any: https://codepen.io/itcareerswitch/pen/ExrpqKE/4a3801854ca5bea71fb5b79711dd98ef
[x] Never use "*" in a SQL query - always name the columns even if it is all of them

tanikolo / nikolova