Add clock box for dashboard

[callemand]

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?
• Are tests passing? (npm test on both front/server)
• 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 for testing before merging.
• 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

The purpose of this PR is a proposal to add box on dashboard to display a clock.

Settings:

[codecov]

Codecov Report

Base: 97.26% // Head: 97.26% // No change to project coverage 👍

Coverage data is based on head (0c885a8) compared to base (5154c19).
Patch has no changes to coverable lines.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #1509   +/-   ##
=======================================
  Coverage   97.26%   97.26%           
=======================================
  Files         643      643           
  Lines        9684     9684           
=======================================
  Hits         9419     9419           
  Misses        265      265           

Impacted Files	Coverage Δ
server/models/dashboard.js	100.00% <ø> (ø)
server/utils/constants.js	100.00% <ø> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[atrovato]

I tried on my computer, but analog clock doesn't work well (left element).

And I think we may have to choice to display seconds or not, it is stressing me :D

[callemand]

display seconds or not, i

I tried on my computer, but analog clock doesn't work well (left element).

I found the error, It's the default value of the edit box send an undefined, fixing in progress :)

And I think we may have to choice to display seconds or not, it is stressing me :D

Yes, It's a good idea 👍

[callemand]

@atrovato : I have added an options to display or not the second, I have updated the screenshot

[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.

[atrovato]

I will re-try this, sorry for the delay.

[atrovato]

Ok, it is quite better.
Look's good to me.

[atrovato]

Please fix conflicts and handle all comments :)

[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.

[Pierre-Gilles]

Thanks for taking the time to update this PR 🙏

The code is good to me expect one little detail (nothing serious)

Functionally, the design of the month seems a bit big to me, I guess it's because it was designed in May when the month was small, and now we are in December 😂

What about making the "17 décembre" smaller, and a bit more compact (less spacing between the two) ?

[Pierre-Gilles]

Thanks for the changes 🙏

Good for me for the code, just can you add the text-monospace class to the numeric time so that there is no "glitch"

See my comment here: https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/38?u=pierre-gilles

[Pierre-Gilles]

Good for me now! Thanks for this PR 🙏

[relativeci]

Job #938: Bundle Size — 7MiB (+0.44%).

3df107c(current) vs 7eb0b2a master#908(baseline)

Metrics (5 changes)

	Current Job #938	Baseline Job #908
Initial JS	3.03MiB(+0.03%)	3.02MiB
Initial CSS	294.78KiB(+0.3%)	293.9KiB
Cache Invalidation	63.03%	0%
Chunks	52	52
Assets	148	148
Modules	1258(+1.29%)	1242
Duplicate Modules	2	2
Duplicate Code	0.03%	0.03%
Packages	111(+4.72%)	106
Duplicate Packages	8	8

Total size by type (2 changes)

	Current Job #938	Baseline Job #908
CSS	312.43KiB (+0.43%)	311.09KiB
Fonts	93.55KiB	93.55KiB
HTML	13.58KiB	13.58KiB
IMG	1.64MiB	1.64MiB
JS	4.95MiB (+0.59%)	4.92MiB
Media	0B	0B
Other	4.95KiB	4.95KiB

---

View job #938 report View master branch activity