The tracking component
Component for visualising activity logs or other monitoring-related data.
Introduced in SQLPage v0.18.0.
Top-level parameters
name | required | type | description |
---|---|---|---|
title | REQUIRED | TEXT |
Title of the tracking component. |
center | BOOLEAN |
Whether to center the component. | |
class | TEXT |
class attribute added to the container in HTML. It can be used to apply custom styling to this item through css. Added in v0.18.0. | |
description | TEXT |
A short paragraph. | |
description_md | TEXT |
A short paragraph formatted using markdown. | |
id | TEXT |
id attribute added to the container in HTML. It can be used to target this item through css or for scrolling to this item through links (use "#id" in link url). | |
information | TEXT |
A short text displayed below the title. | |
placement | TEXT |
Position of the tooltip (e.g. top, bottom, right, left) | |
width | INTEGER |
Width of the component, between 1 and 12. |
Row-level parameters
name | required | type | description |
---|---|---|---|
title | REQUIRED | TEXT |
Description of the state. |
color | TEXT |
Color of the tracked item (e.g. success, warning, danger) |
Example 1
A basic example of servers tracking component
select
'tracking' as component,
'Servers status' as title;
select
'No data' as title;
select
'No data' as title;
select
'No data' as title;
select
'No data' as title;
select
'No data' as title;
select
'No data' as title;
select
'No data' as title;
select
'No data' as title;
Result
Servers status
Example 2
An example of servers tracking component
select
'tracking' as component,
'Servers status' as title,
'60% are running' as information,
'Status of all **currently running servers**' as description_md,
'top' as placement,
4 as width;
select
'success' as color,
'operational' as title;
select
'success' as color,
'operational' as title;
select
'success' as color,
'operational' as title;
select
'danger' as color,
'Downtime' as title;
select
'No data' as title;
select
'success' as color,
'operational' as title;
select
'warning' as color,
'Big load' as title;
select
'success' as color,
'operational' as title;
Result
Servers status
60% are running
Status of all currently running servers