Add checkboxes and delete action to Data Import view all page

Purpose: Add checkboxes and a delete action to the Data Import View all page, so that users can mark one or more logs to be deleted.

As a staff person dealing with imported records
I want to be able to select specific imports
So that I can delete them, individually or en masse

Scenarios

1. Scenario 1
   • Given the Data Import View all page
   • When viewing the header at the top of the list of completed jobs
   • Then add change the sub-header from "[x] records found" to "[x] logs found"
   • See 1-delete-selected-logs-disabled.png attached
2. Scenario 2
   • Given the Data Import View all page
   • When viewing the list of completed jobs
   • Then add a checkbox at the top left of the log list
   • And a checkbox to the left of each log entry
   • See 1-delete-selected-logs-disabled.png attached
3. Scenario 3
   • Given the Data Import View all page
   • When viewing the page
   • Then add an Action menu
   • And include the action for
     • [icon] Delete selected logs
   • But ensure the Delete option defaults to greyed out/disabled until any checkboxes are checked
   • See 1-delete-selected-logs-disabled.png attached
4. Scenario 4
   • Given the Data Import View all page
   • When a user clicks the top checkbox
   • Then fill in the checkboxes for all logs displayed on the View all screen
   • And change the page subheader from "[x] logs found" to "[x] logs found [space] [dot] [space] "[y] logs selected" (with y being the number of logs whose checkboxes have been checked)
   • And enable the Actions/Delete menu option
   • NOTES:
     • If the View all list has been filtered, then do not mark the checkboxes for logs that are not displayed
     • If the user has not selected "Load more" to make 100+ logs display on the page, then only mark the checkboxes for the first 100 logs
   • See 2-delete-selected-logs-enabled.png attached
5. Scenario 5
   • Given the Data Import View all page
   • When the top checkbox is filled in
   • And a user *UN*clicks the top checkbox
   • Then remove the checkboxes for all logs on the View all page
   • And change the page subheader back to "[x] logs found"
   • And disable to Actions/Delete menu option
   • See 1-delete-selected-logs-disabled.png attached
6. Scenario 6
   • Given the Data Import View all page
   • When a user clicks any checkboxes next to individual log rows
   • Then fill in those checkboxes
   • And enable the Actions/Delete menu option
   • And change the page subheader from "[x] logs found" to "[x] logs found [space] [dot] [space] "[y] logs selected" (with y being the number of logs whose checkboxes have been checked)
   • But do not fill in not the checkbox at the top of the list
   • Unless the user has checked every single log on the View all page
   • See 5-checkboxes-selected.png attached
7. Scenario 7
   • Given the Data Import View all page
   • When a user clicks the top checkbox
   • And the checkboxes next to each individual record are automatically checked
   • And the user *UN*checks one or more individual checkboxes
   • Then remove the check at the top of the list
   • But do not disable the Actions/Delete menu option unless all checkboxes have been unmarked
   • See 5-checkboxes-selected.png attached
8. Scenario 8
   • Given the Data Import View all page
   • When one or more rows are checked
   • And the user selects Actions/Delete
   • Then display a confirmation modal:
     • Header: Delete data import logs?
     • Body:
       • Data import logs selected
       • [number of logs selected]
       • [blank row]
       • Are you sure that you want to delete these data import logs? Deleted logs will be permanently removed and cannot be retrieved.
     • Footer
       • On the left: No, do not delete
       • On the right: Yes, delete
     • See 3-delete-selected-logs-modal.png attached
9. Scenario 9
   • Given the Data Import log deletion confirmation modal
   • And the user presses No, do not delete
   • Then close the modal
   • And unclick any log rows that were previously selected
   • And change the page subheader back to "[x] logs found"
   • And disable the Actions/Delete menu option
10. Scenario 10
    • Given the Data Import log deletion confirmation modal
    • And the user presses Yes, delete
    • Then close the modal
    • And delete all of the logs that were checked (and make sure they are deleted on the Landing page)
    • And refresh the Data Import View all page to show the most recent 100 undeleted logs (checkboxes UNmarked)
    • And change the page subheader back to "[x] logs found"
    • And show green confirmation toast: [number of logs] data import logs have been successfully deleted.
    • And disable the Actions/Delete menu option
    • See 4-success-modal.png attached
11. Scenario 11
    • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot