EventLogRow

Domain · UPS

Event log table row with timestamp, severity indicator, event code, and message.

Preview

07.05.2026 14:23	Info	UPS001	UPS is on line power.
07.05.2026 14:17	Critical	UPS002	UPS switched to battery power.

Code

<% events.forEach(function(ev, i) { %>
<%- include('../../../modules/domain/ups/EventLogRow', { event: ev, index: i }) %>
<% }); %>

<%
  var _event = locals.event || {};
  var _index = locals.index || 0;

  var severityMeta = {
    INFO:     { dot: 'bg-info',    text: 'text-info',    label: 'Info'     },
    WARNING:  { dot: 'bg-warning', text: 'text-warning', label: 'Warning'  },
    CRITICAL: { dot: 'bg-error',   text: 'text-error',   label: 'Critical' },
  };
  var sm = severityMeta[_event.severity] || severityMeta.INFO;

  var ts = _event.timestamp ? new Date(_event.timestamp).toLocaleString('tr-TR', { dateStyle: 'short', timeStyle: 'short' }) : '—';
%>
<tr class="<%= _index % 2 === 0 ? 'bg-surface-base' : 'bg-surface-raised' %> hover:bg-surface-overlay transition-colors">
  <td class="px-4 py-2.5 text-xs font-mono text-text-secondary whitespace-nowrap"><%= ts %></td>
  <td class="px-4 py-2.5">
    <span class="inline-flex items-center gap-1.5 text-xs font-medium <%= sm.text %>">
      <span class="h-1.5 w-1.5 rounded-full flex-shrink-0 <%= sm.dot %>" aria-hidden="true"></span>
      <%= sm.label %>
    </span>
  </td>
  <td class="px-4 py-2.5 text-xs font-mono text-text-secondary"><%= _event.code || '—' %></td>
  <td class="px-4 py-2.5 text-xs text-text-primary"><%= _event.message || '—' %></td>
</tr>