Function buildZoomControls

public/js/fileListView.js:5847–5922

(host)

}

function buildZoomControls(host) {
  const wrap = document.createElement("div");
  wrap.className = "vo-control";

  const label = document.createElement("div");
  label.className = "vo-label";
  label.textContent = t("zoom") || "Zoom";

  const row = document.createElement("div");
  row.className = "vo-slider-row";

  const slider = document.createElement("input");
  slider.type = "range";
  slider.min = "60";
  slider.max = "140";
  slider.step = "5";
  slider.value = currentZoomPercent();
  slider.id = "zoomPercentSlider";

  const value = document.createElement("span");
  value.id = "zoomPercentValue";
  value.className = "vo-value";
  value.textContent = `${slider.value}%`;

  const applyZoom = (pct) => {
    const api = window.fileriseZoom;
    if (api && typeof api.setPercent === "function") {
      api.setPercent(pct);
    } else {
      document.documentElement.style.setProperty('--app-zoom', String(pct / 100));
    }
    value.textContent = `${pct}%`;
    slider.value = String(pct);
  };

  slider.addEventListener("input", () => {
    applyZoom(parseInt(slider.value, 10));
  });

  const btnRow = document.createElement("div");
  btnRow.className = "vo-zoom-btns";

  const mkBtn = (icon, title, handler) => {
    const b = document.createElement("button");
    b.type = "button";
    b.className = "btn btn-sm btn-light vo-zoom-btn";
    b.title = title;
    b.innerHTML = `<span class="material-icons">${icon}</span>`;
    b.addEventListener("click", handler);
    return b;
  };

  btnRow.appendChild(mkBtn("remove", t("zoom_out") || "Zoom out", () => {
    const api = window.fileriseZoom;
    const next = api && api.out ? api.out() : currentZoomPercent() - 5;
    applyZoom(next);
  }));
  btnRow.appendChild(mkBtn("add", t("zoom_in") || "Zoom in", () => {