AlertItem

Domain · Modem

Router bildirimi satırı. INFO · WARNING · CRITICAL şiddet seviyeleri. Okunmamış uyarılar mavi nokta ile işaretlenir.

All severities (unread)

Preview

New firmware 3.0.0.4.390 is available

02 May 10:00

Unknown device joined: 02:42:AC:11:22:33

02 May 13:00

WAN connection lost (PPPoE)

28 Apr 03:15

Code

<% state.alerts.forEach(function(alert) { %>
<%- include('modules/domain/modem/AlertItem', { alert: alert }) %>
<% }); %>

Read vs unread

Preview

Unknown device joined: 02:42:AC:11:22:33

02 May 13:00

WAN reconnected after outage

28 Apr 03:20

Code

<%- include('modules/domain/modem/AlertItem', { alert: { ...alert, read: false } }) %>
<%- include('modules/domain/modem/AlertItem', { alert: { ...alert, read: true  } }) %>

Unread-only filter

Preview

Firmware 3.0.0.4.390 available

02 May 10:00

Unknown device 02:42:AC:11:22:33

02 May 13:00

Code

<% state.alerts.filter(function(a){ return !a.read; }).forEach(function(alert) { %>
<%- include('modules/domain/modem/AlertItem', { alert: alert }) %>
<% }); %>

Source modules/domain/modem/AlertItem.ejs

<%
  var _alert = locals.alert || {};

  var severityMeta = {
    INFO:     { icon: 'fa-solid fa-circle-info',          iconColor: 'text-info',    bg: 'bg-info/5',    border: 'border-info/20'    },
    WARNING:  { icon: 'fa-solid fa-triangle-exclamation', iconColor: 'text-warning', bg: 'bg-warning/5', border: 'border-warning/20' },
    CRITICAL: { icon: 'fa-solid fa-circle-xmark',         iconColor: 'text-error',   bg: 'bg-error/5',   border: 'border-error/20'   },
  };
  var sm = severityMeta[_alert.severity] || severityMeta.INFO;

  function fmtTime(iso) {
    if (!iso) return '';
    try {
      var d = new Date(iso);
      return d.toLocaleDateString('en-GB', { day: '2-digit', month: 'short' }) + ' ' +
             d.toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' });
    } catch(e) { return iso; }
  }
%>

  
  
    <%= _alert.message %>
    <%= fmtTime(_alert.timestamp) %>
  
  <% if (!_alert.read) { %>
  
  <% } %>