Function renderServers

web/js/app.js:320–351

()

}

function renderServers(){
  const rows = visibleServers();
  document.querySelectorAll('#serversTable th[data-sort]').forEach(th => {
    th.classList.toggle('sorted-asc', th.dataset.sort === S.filters.sort && S.filters.dir === 'asc');
    th.classList.toggle('sorted-desc', th.dataset.sort === S.filters.sort && S.filters.dir === 'desc');
  });
  $('serversBody').innerHTML = rows.map(s => {
    const m = metrics(s);
    const netNow = `${humanMinKBFromB(s.network_rx)} | ${humanMinKBFromB(s.network_tx)}`;
    const netTotal = `${humanMinMBFromB(s.network_in)} | ${humanMinMBFromB(s.network_out)}`;
    const alertClass = m.rowLevel ? ` alert-${m.rowLevel}` : '';
    return `<tr data-key="${esc(s._key)}" data-online="${m.online ? 1 : 0}" class="row-server${alertClass}${osClass(s.os)}" style="cursor:${m.online ? 'pointer' : 'default'};">
      <td>${protoPill(s)}</td>
      <td>${trafficCaps(s)}</td>
      <td>${esc(s.name || '-')}</td>
      <td>${esc(s.type || '-')}</td>
      <td>${esc(s.location || '-')}</td>
      <td>${esc(s.uptime || '-')}</td>
      <td>${s.load_1 === -1 ? '–' : num(s.load_1).toFixed(2)}</td>
      <td>${netNow}</td>
      <td>${netTotal}</td>
      <td>${m.online ? gaugeHTML('cpu', s.cpu) : '-'}</td>
      <td>${m.online ? gaugeHTML('mem', m.memPct) : '-'}</td>
      <td>${m.online ? gaugeHTML('hdd', m.hddPct) : '-'}</td>
      <td>${buckets(s)}</td>
    </tr>`;
  }).join('') || `<tr><td colspan="13" class="muted" style="text-align:center;padding:1rem;">无数据</td></tr>`;
  document.querySelectorAll('#serversBody .row-server').forEach(row => row.addEventListener('click', () => {
    if(row.dataset.online !== '1') return;
    openDetail(row.dataset.key);
  }));
}

function renderServersCards(){
  const wrap = $('serversCards');