Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

mgr/dashboard: Display cluster status in favicon #36000

Merged
merged 1 commit into from Jul 17, 2020

Conversation

tspmelo
Copy link
Contributor

@tspmelo tspmelo commented Jul 9, 2020

Fixes: https://tracker.ceph.com/issues/44542

Signed-off-by: Tiago Melo tmelo@suse.com

image

Checklist

  • References tracker ticket
  • Updates documentation if necessary
  • Includes tests for new functionality or reproducer for bug

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 backend
  • jenkins test docs
  • jenkins render docs
  • jenkins test ceph-volume all
  • jenkins test ceph-volume tox

@tspmelo tspmelo requested a review from a team as a code owner July 9, 2020 17:59
@tspmelo
Copy link
Contributor Author

tspmelo commented Jul 10, 2020

jenkins test dashboard

@tspmelo
Copy link
Contributor Author

tspmelo commented Jul 10, 2020

jenkins test dashboard backend

Copy link
Member

@epuertat epuertat left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. I'm curious, why not trying out with an existing library? Just checked and saw this, which gives you ready to use notification count badges (e.g.: number of health warnings, dashboard alerts or notifications).

Comment on lines 53 to 63
let color = 'transparent';
switch (status) {
case 'HEALTH_OK':
color = '#00bb00';
break;
case 'HEALTH_WARN':
color = '#ffa500';
break;
case 'HEALTH_ERR':
color = '#ff0000';
break;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can colors be extracted to a constants file, just no to have the same colors repeated (e.g.: HealthPipe, ...)?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sure, I can do that.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@tspmelo
Copy link
Contributor Author

tspmelo commented Jul 10, 2020

@epuertat I also found some package that did it, not sure if it was that one.
But since this was a simple functionality I didn't want to add another external dependency where we would only use part of it.

Copy link
Member

@epuertat epuertat left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@tspmelo
Copy link
Contributor Author

tspmelo commented Jul 16, 2020

jenkins test dashboard

@tspmelo
Copy link
Contributor Author

tspmelo commented Jul 16, 2020

jenkins test dashboard backend

@tspmelo
Copy link
Contributor Author

tspmelo commented Jul 16, 2020

jenkins test dashboard backend

@callithea callithea merged commit e7a102f into ceph:master Jul 17, 2020
@tspmelo tspmelo deleted the wip-favicon branch July 17, 2020 09:15
votdev added a commit to votdev/ceph that referenced this pull request Jul 17, 2020
Use radius of 2px like on GitHub to increase visibility of the status circle.

Follow up of PR ceph#36000.

Signed-off-by: Volker Theile <vtheile@suse.com>
ideepika pushed a commit to ideepika/ceph that referenced this pull request Aug 7, 2020
Use radius of 2px like on GitHub to increase visibility of the status circle.

Follow up of PR ceph#36000.

Signed-off-by: Volker Theile <vtheile@suse.com>
@LenzGr
Copy link
Contributor

LenzGr commented Aug 13, 2020

Did someone test this on Firefox? It does not work for me: https://tracker.ceph.com/issues/46918

ideepika pushed a commit to ceph/ceph-ci that referenced this pull request Sep 3, 2020
Use radius of 2px like on GitHub to increase visibility of the status circle.

Follow up of PR ceph/ceph#36000.

Signed-off-by: Volker Theile <vtheile@suse.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
6 participants