From: Nick Erdmann Date: Fri, 1 Sep 2017 10:27:28 +0000 (+0000) Subject: mgr/dashboard: change raw usage chart's color depending on usage X-Git-Tag: v13.0.1~1082^2 X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=db027bcd8eae92c24f1a1a25afb78658a6e6cd98;p=ceph-ci.git mgr/dashboard: change raw usage chart's color depending on usage Signed-off-by: Nick Erdmann --- diff --git a/src/pybind/mgr/dashboard/health.html b/src/pybind/mgr/dashboard/health.html index b46eef245d5..092b604f9a1 100644 --- a/src/pybind/mgr/dashboard/health.html +++ b/src/pybind/mgr/dashboard/health.html @@ -144,6 +144,18 @@ content_data.df.stats.total_used_bytes / content_data.df.stats.total_bytes)) + "%"; var raw_usage_canvas = $("#raw_usage_chart").get(0).getContext("2d"); + if (content_data.df.stats.total_used_bytes/content_data.df.stats.total_bytes + >= content_data.osd_map.full_ratio) { + var raw_usage_chart_color = "#ff0000"; + } else if (content_data.df.stats.total_used_bytes/content_data.df.stats.total_bytes + >= content_data.osd_map.backfillfull_ratio) { + var raw_usage_chart_color = "#ff6600"; + } else if (content_data.df.stats.total_used_bytes/content_data.df.stats.total_bytes + >= content_data.osd_map.nearfull_ratio) { + var raw_usage_chart_color = "#ffc200"; + } else { + var raw_usage_chart_color = "#00bb00"; + } var raw_usage_chart = new Chart(raw_usage_canvas, { type: 'doughnut', data: { @@ -159,7 +171,7 @@ content_data.df.stats.total_used_bytes, content_data.df.stats.total_avail_bytes ], - backgroundColor: ["#424d52", "#222d32"] + backgroundColor: [raw_usage_chart_color, "#424d52"] } ] },