Add paging to users/{user_ID}/tasks - Githubissues

North-Seattle-College / ad440-winter2021-thursday-repo

NSC AD 440 Winter 2021 Thursday cohort practicum repo

Apache License 2.0

2 stars 27 forks source link

Add paging to users/{user_ID}/tasks #322

Open Dylan-Riley opened 3 years ago

Dylan-Riley commented 3 years ago

Closes: https://github.com/North-Seattle-College/ad440-winter2021-thursday-repo/issues/319

Bootstrap Tables have built-in pagination, looks like, so I rewrote the UserTasks.js React UI into UserTasksPaginated.js following a similar style to UsersPaginated.js.

For testing on local machines:

Pull down the branch from my fork
Open the fork folder and type cmd in the explorer bar
cd ui/react-ui
npm install
npm start
- Or otherwise get a command line and start the react app on your local machine to taste
Enter a user ID into the /users/___/tasks search bar
- 2 is good
Underneath the table you will see the paginationFactory

Possible improvements:

Table spacing looks bad on narrow windows
No "mark completed" option
Possibly reworking utils.js 's fetchSetTblState() so it returns a nicer JSON of the data and removal of coded column names in UsersPaginated and UserTasksPaginated