Function buildFilters

telemetry-dashboard/public/app.js:101–138

()

// ---------------------------------------------------------------------------

function buildFilters() {
  const bar = document.getElementById('filters');
  const presets = $(bar, 'presets');

  for (const preset of RANGE_PRESETS) {
    const button = el('button', 'range', preset.label);
    button.type = 'button';
    button.dataset.days = String(preset.days);
    button.addEventListener('click', () => {
      state.preset = preset.days;
      syncFilters();
      render();
    });
    presets.append(button);
  }

  const from = $(bar, 'custom-from');
  const to = $(bar, 'custom-to');
  const apply = $(bar, 'custom-apply');
  apply.addEventListener('click', () => {
    if (!isDay(from.value) || !isDay(to.value)) {
      setRangeSummary('Enter both dates as YYYY-MM-DD.');
      return;
    }
    if (from.value > to.value) {
      setRangeSummary('The start date must come before the end date.');
      return;
    }
    state.preset = 'custom';
    state.custom = { from: from.value, to: to.value };
    syncFilters();
    render();
  });

  $(bar, 'refresh').addEventListener('click', () => {
    refreshMeta().finally(render);
  });
}

function syncFilters() {
  const bar = document.getElementById('filters');