Health Check Plugin Layout - Circle Value / Pie Chart

[sdwjoomla]

Sub task of Health Checker Framework #72

The presentation would look something like this:

[schultz-it-solutions]

Transferred from Mattermost:

Schultz IT Solutions
7:47 AM

Bonjour Olivier,

thinking about the "layout" definition for "score" elements, I came up with the following parameters which should be provided by the respective plugin:

{
"score_id":"xyz999",
"label":"Performance",
"sublabel":"Desktop",
"note_below":"",
"rawdata":"0.96",
"score":"96",
"unit":"%",
"score_min":"0",
"score_max":"100",
"score_threshold_error":"0",
"score_threshold_warning":"50",
"score_threshold_success":"90",
},

This would allow us to create a template with a HEADING and a SUBHEADING above the score circle and maybe a NOTE below it, it would let us define the range of the data (not all scores might be percentage values), and also the individual thresholds for the three statuses (error, warning and success). In order to be as generic (and international) as possible, the colors for the three statuses should probably be taken (by CSS class) from the global messageing color scheme - the notifications from $app->enqueMessage() - this would allow the website owner to adjust them for their need (red does not mean BAD in every culture around the globe, and green does not mean GOOD either).

what do you think?

Olivier Buisard
6:26 PM

Thanks Rudieger, that's on point, that looks exhaustive to me, I will base the layout on those needs and we can always improve the layout as we go. I was thinking using SVG for the graphics... Another tech that is also used in Joomla is vue.js. I have not started looking into it, too busy with other stuff this week