PowerLoadGauge

Domain · UPS

Load percentage gauge with watts/VA display and color-coded bar (green < 50%, yellow 50-80%, red > 80%).

Normal load

Preview

42% load

1134 W / 874 VA

of 2700 W capacity

Code

<%- include('../../../modules/domain/ups/PowerLoadGauge', { loadPercent: output.loadPercent, watts: output.watts, va: output.va, capacity: ups }) %>

Critical load

Preview

87% load

2349 W / 2610 VA

of 2700 W capacity

Code

<%- include('../../../modules/domain/ups/PowerLoadGauge', { loadPercent: 87, watts: 2349, va: 2610 }) %>

Source modules/domain/ups/PowerLoadGauge.ejs

<%
  var _loadPercent = locals.loadPercent || 0;
  var _watts       = locals.watts       || 0;
  var _va          = locals.va          || 0;
  var _capacity    = locals.capacity    || { watts: 2700, va: 3000 };

  var barColor  = _loadPercent > 80 ? 'bg-error'   : _loadPercent > 50 ? 'bg-warning' : 'bg-success';
  var textColor = _loadPercent > 80 ? 'text-error'  : _loadPercent > 50 ? 'text-warning' : 'text-success';
%>

  
    
      <%= _loadPercent %>%
      load
    
    <%= _watts %> W / <%= _va %> VA
  
  
    
  
  of <%= _capacity.watts %> W capacity