TuxStatus · TUX

Interactive Component Playground

TuxStatus Workbench

Presets:

OK service: sensor-feed-04.tti.tamu.edu

Properties Inspector5 configurable knobs

Operational Statestate

Display Kindkind

Acknowledged Incidentacked

false

Custom Label Overridelabel

Shape Glyph (CVD Redundancy)glyph

false

Dynamic Component Syntax

<tux-status state="ok" kind="chip"></tux-status>

ramp

Chips

Fill + ink from --status-*. Scan order is green → yellow → orange → true red, then pending grey and maintenance blue.

OKWARNINGUNKNOWNCRITICALPENDINGMAINT

<tux-status state="ok" />
<tux-status state="warning" />
<tux-status state="unknown" />
<tux-status state="critical" />
<tux-status state="pending" />
<tux-status state="maintenance" />

roles

Text and dot

OKCRITICAL

<tux-status state="ok" kind="text" />
<tux-status state="critical" kind="text" />

warning

unknown

critical

pending

maintenance

<tux-status state="ok" kind="dot" />
<tux-status state="warning" kind="dot" />
<tux-status state="critical" kind="dot" />
<tux-status state="maintenance" kind="dot" />
<tux-status state="pending" kind="dot" />
<tux-status state="unknown" kind="dot" />

colorblindness & cvd

Multi-Channel Redundant Glyphs

Under severe Protanopia (red blindness) or Deuteranopia (green blindness), relying on colored dots alone violates WCAG 1.4.1 (Use of Color). TuxStatus provides redundant geometric silhouettes: Circle (OK), Upright Triangle (Warning), Stop Sign Octagon (Critical), Square (Maintenance), Clock (Pending), and Diamond (Unknown).

OKWARNINGUNKNOWNCRITICALPENDINGMAINT

<tux-status state="ok" glyph />
<tux-status state="warning" glyph />
<tux-status state="critical" glyph />
<tux-status state="maintenance" glyph />
<tux-status state="pending" glyph />
<tux-status state="unknown" glyph />

owned vs live

Acknowledged

Still a problem, but someone is on it. Sinks to --surface-sunken — not pending grey, which reads as UNKNOWN in the dark theme.

CRITICALCRITICAL

<tux-status state="critical" />
<tux-status state="critical" acked />

overlay

Paint foreign markup

The kit never learns .serviceOK. You stamp TUX classes onto the host, or you emit an owned document (see ops board).

Host	Status
code.tti.tamu.edu	OK
code.tti.tamu.edu	CRITICAL
lab-gpu-04	MAINT

<!-- Consumer markup you do not own. Map onto TUX classes. -->
<tr class="tux-status-row--critical">
  <td>code.tti.tamu.edu</td>
  <td><span class="tux-status tux-status--critical">CRITICAL</span></td>
</tr>