Adding top/bottom button to navigate within pages

[antoinech2]

Pull Request check-list

To ensure your Pull Request can be accepted as fast as possible, make sure to review and check all of these items:

• If your changes affects code, did your write the tests? No backend modification
• Are tests passing? (npm test on both front/server) No backend modification. Error for front tests but it's the same for master.
• Is the linter passing? (npm run eslint on both front/server)
• Did you run prettier? (npm run prettier on both front/server)
• If you are adding a new features/services, did you run integration comparator? (npm run compare-translations on front)
• Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community (french forum/english forum) for testing before merging. We tested on the Gladys interface
• If your changes modify the API (REST or Node.js), did you modify the API documentation? (Documentation is based on comments in code)
• If you are adding a new features/services which needs explanation, did you modify the user documentation? See the GitHub repo and the website.
• Did you add fake requests data for the demo mode (front/src/config/demo.js) so that the demo website is working without a backend? (if needed) See https://demo.gladysassistant.com.

NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open.

Description of change

We are a group of 7 French students in engineering school and it is our first time contributing to an open source project like this one. Please do not hesitate to tell us if we've done anything wrong.

We added two navigation buttons within pages to directly go to top or bottom of the page.

Screenshots :

To do for a V2 :

• Remove button on certain pages where it is not useful
• Update button state when changing page / test that everything works fine in fullscreen.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (cfbb25b) 98.17% compared to head (318bcdb) 98.19%.
Report is 35 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #1944      +/-   ##
==========================================
+ Coverage   98.17%   98.19%   +0.01%     
==========================================
  Files         776      787      +11     
  Lines       12176    12293     +117     
==========================================
+ Hits        11954    12071     +117     
  Misses        222      222              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[relativeci]

Job #2140: Bundle Size — 9.09MiB (+0.04%).

318bcdb(current) vs bfbf817 master#2133(baseline)

Warning

Bundle contains 3 duplicate packages – View duplicate packages

Bundle metrics   4 changes 2 regressions

	Current Job #2140	Baseline Job #2133
Initial JS	4.91MiB(+0.07%)	4.9MiB
Initial CSS	302.83KiB(+0.12%)	302.47KiB
Cache Invalidation	57.09%	70.96%
Chunks	51	51
Assets	158	158
Modules	1423(+0.14%)	1421
Duplicate Modules	20	20
Duplicate Code	0.83%	0.83%
Packages	124	124
Duplicate Packages	3	3

Bundle size by type   2 changes 2 regressions

	Current Job #2140	Baseline Job #2133
JS	6.58MiB (+0.05%)	6.57MiB
IMG	2.08MiB	2.08MiB
CSS	319.33KiB (+0.11%)	318.98KiB
Fonts	93.55KiB	93.55KiB
Other	16.14KiB	16.14KiB
HTML	13.58KiB	13.58KiB

---

View job #2140 report View antoinech2:navigation-button-v2 branch activity

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.