[Feature] Added Pagination in webUI

Freedisch commented 4 months ago

Checklist

[x] I have followed the Contributor Guidelines.
[x] The code has been thoroughly tested in my local development environment with flake8 and pylint.
[x] The code is Python 3 compatible.
[x] The code follows the PEP8 styling guidelines with 4 spaces indentation.
[x] This Pull Request relates to only one issue or only one feature
[x] I have referenced the corresponding issue number in my commit message
[x] I have added the relevant documentation.
[x] My branch is up-to-date with the Upstream master branch.

Changes proposed in this pull request

This PR fixes issue #805 added pagination to web UI for both Crawler and Results page

https://github.com/OWASP/Nettacker/assets/82499435/5e31924d-266e-45fb-8673-49660cac7914

Your development environment

OS: x
OS Version: x
Python Version: x

securestep9 commented 4 months ago

Thank you for your contribution. In our example you only have 5 pages, however have you tested your solution in situations when results contain lots of pages (for example 50 or 500) taking the entire width of the screen? what happens in that case?

Freedisch commented 4 months ago

@securestep9, Depending on the total number of page, but When we have more than 4 pages only 4 buttons will be always displayed and updated. If we are at the 49th element, the numbers will be displayed like the following 47 48 49 50

OWASP / Nettacker