Note: Inspired by how Gmail does Select All.
What happens is:
If you click on the 'Select All' checkbox, all the current checkboxes on the screen will be checked. A popup message will then be shown:
If you click on 'Select all Courses/Subplans/Programs' in the popup message, the pagination will be updated and all entries will be shown on screen. All the checkboxes on the screen will be checked. The message on the popup will update and tell you that you have selected all entries:
As this implementation relies on the entries being shown on the screen, I have moved the 'Delete Selected' button from the bottom to the top, next to the 'Add' button. Also, I implemented the most basic form of sticky header (the buttons will stay at the top when you scroll down):
I'm not too sure of the idea of putting all the entries on the page when wanting to select all entries, but it's the only way I could do it where all the checkboxes can be seen as checked (even for gmail, when you select all entries, and you go through the pages, only the first page's checkboxes are checked).
Another Note: this took me way longer than expected due to not being experienced with javascript. Fortunately, I was able to eventually create a solution.
closes #276.
Note: Inspired by how Gmail does Select All. What happens is:
Another Note: this took me way longer than expected due to not being experienced with javascript. Fortunately, I was able to eventually create a solution.