Function bindFilters

web/js/app.js:561–584

()

  });
}
function bindFilters(){
  $('serverSearch').addEventListener('input', e => { S.filters.query = e.target.value; renderServers(); renderServersCards(); });
  $('statusFilter').addEventListener('click', e => {
    if(e.target.tagName !== 'BUTTON') return;
    S.filters.status = e.target.dataset.filter;
    document.querySelectorAll('#statusFilter button').forEach(btn => btn.classList.toggle('active', btn === e.target));
    renderServers(); renderServersCards();
  });
  $('osFilter').addEventListener('change', e => { S.filters.os = e.target.value; renderServers(); renderServersCards(); });
  $('osFilter').addEventListener('blur', renderOsOptions);
  $('sortSelect').addEventListener('change', e => { S.filters.sort = e.target.value; renderServers(); renderServersCards(); });
  $('sortDirection').addEventListener('click', () => {
    S.filters.dir = S.filters.dir === 'desc' ? 'asc' : 'desc';
    $('sortDirection').textContent = S.filters.dir === 'desc' ? '降序' : '升序';
    renderServers(); renderServersCards();
  });
  document.querySelectorAll('#serversTable th[data-sort]').forEach(th => th.addEventListener('click', () => {
    if(S.filters.sort === th.dataset.sort) S.filters.dir = S.filters.dir === 'desc' ? 'asc' : 'desc';
    else S.filters.sort = th.dataset.sort;
    $('sortSelect').value = S.filters.sort;
    $('sortDirection').textContent = S.filters.dir === 'desc' ? '降序' : '升序';
    renderServers(); renderServersCards();
  }));
}

function adminHeaders(){
  return { 'Content-Type': 'application/json', 'Authorization': `Bearer ${S.admin.token}` };