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

See also: other components