mgr/dashboard: Replace vonage-status-panel with native grafana stat panel

[aaSharma14]

Before:

After:

Fixes: https://tracker.ceph.com/issues/58295
Signed-off-by: Aashish Sharmaaasharma@redhat.com

Contribution Guidelines

• To sign and title your commits, please refer to Submitting Patches to Ceph.

• If you are submitting a fix for a stable branch (e.g. "pacific"), please refer to Submitting Patches to Ceph - Backports for the proper workflow.

Checklist

• Tracker (select at least one)
  • References tracker ticket
  • Very recent bug; references commit where it was introduced
  • New feature (ticket optional)
  • Doc update (no ticket needed)
  • Code cleanup (no ticket needed)
• Component impact
  • Affects Dashboard, opened tracker ticket
  • Affects Orchestrator, opened tracker ticket
  • No impact that needs to be tracked
• Documentation (select at least one)
  • Updates relevant documentation
  • No doc update is appropriate
• Tests (select at least one)
  • Includes unit test(s)
  • Includes integration test(s)
  • Includes bug reproducer
  • No tests

Show available Jenkins commands

• jenkins retest this please
• jenkins test classic perf
• jenkins test crimson perf
• jenkins test signed
• jenkins test make check
• jenkins test make check arm64
• jenkins test submodules
• jenkins test dashboard
• jenkins test dashboard cephadm
• jenkins test api
• jenkins test docs
• jenkins render docs
• jenkins test ceph-volume all
• jenkins test ceph-volume tox
• jenkins test windows

[pereman2]

Great job Aasshish thanks for helping here :).

I believe the alignment should be addressed as it is looking too out of place and different in each label.

Active and standy should have the number below as the previous stat panels, furthermore, could it help aligning to center both labels and values maybe?

[epuertat]

Looks reall nice. BTW I thought that this panel was also generated from a jsonnet/grafonnet file... Not the case?

[aaSharma14]

Looks reall nice. BTW I thought that this panel was also generated from a jsonnet/grafonnet file... Not the case?

Thanks @epuertat , ceph-cluster.json is the only dashboard json file for which we didn't create a jsonnet file.

[aaSharma14]

Great job Aasshish thanks for helping here :).

I believe the alignment should be addressed as it is looking too out of place and different in each label.

Active and standy should have the number below as the previous stat panels, furthermore, could it help aligning to center both labels and values maybe?

Thanks @pereman2 , I have modified the panels a bit with added bg color as well, couldn't find the properties to set the alignment though, anyways it looks a little better to me than before.

[nizamial09]

This looks really great @aaSharma14 , thank you!

[nizamial09]

you have a singed-off-by check here as well. Its best to sign the commits using git commit -s --amend if you are not doing that already.

[aaSharma14]

jenkins retest this please