rtu_linux_services/web-ui.service/web/static/js/page5.js

let cameraLogLevel = "";
function setCameraLogLevel() {
  const level = logLevel.value;

  fetch("/api/camera/loglevel", {
    method: "POST",
    headers: {"Content-Type": "application/json"},
    body: JSON.stringify({level})
  })
  .then(async r => {
    if (!r.ok) throw new Error(await r.text());
    cameraLogLevel = level;
  })
  .catch(e => {
    logLevel.value = cameraLogLevel;
  });
}

function getCameraLogLevel() {
  fetch("/api/camera/loglevel")
  .then(async r => {
    if (!r.ok) throw new Error(await r.text());
    return r.json();
  })
  .then(d => {
    cameraLogLevel = d.log_level;
    logLevel.value = d.log_level;
  })
  .catch(e => {
    cameraLogLevel = "";
    logLevel.value = "";
  });
}

function downloadCameraLogFile() {
  const btn = event.currentTarget;
  btn.disabled = true;

  fetch("/api/camera/logfile")
  .then(async r => {
    if (!r.ok) {
      throw new Error("HTTP " + r.status);
    }

    const disposition = r.headers.get("Content-Disposition");
    let filename = "camera.log.tar.gz";
    if (disposition) {
      const match = disposition.match(/filename="?([^";]+)"?/);
      if (match) {
        filename = match[1];
      }
    }

    return {
      blob: await r.blob(),
      filename
    };
  })
  .then(({ blob, filename }) => {
    const url = URL.createObjectURL(blob);

    const a = document.createElement("a");
    a.href = url;
    a.download = filename;

    document.body.appendChild(a);
    a.click();
    a.remove();

    setTimeout(() => {
      URL.revokeObjectURL(url);
    }, 1000);

    alert("下载成功");
  })
  .catch(e => {
    console.error("download failed:", e);
    alert("下载失败: " + e.message);
  })
  .finally(() => {
    btn.disabled = false;
    btn.textContent = "下载";
  });
}

function restartCameraService() {
  if (!confirm("确定重启相机服务吗？")) {
    return;
  }

  if (cameraTakingPhoto) {
    alert("相机使用中，请稍后再重试！");
    return;
  }

  const btn = event.currentTarget;
  btn.disabled = true;

  fetch("/api/camera/restart", {
    method: "POST"
  })
  .then(async r => {
    if (!r.ok) {
      throw new Error(await r.text());
    }
    logLevel.value = "info";
    cameraLogLevel = logLevel.value;
    disconnectLog();
    connectLog("yfkj-camera-capture.service", "text1");
    alert("重启成功");
  })
  .catch(e => {
    console.error("restart failed:", e);
    alert("重启失败: " + e.message);
  })
  .finally(() => {
    btn.disabled = false;
  });
}

function getCameraStatus() {
  ["btn1", "btn2", "btn3", "btn4"]
  .forEach(id => setBtnStatus(id, false, "page5"));

  fetch("/api/camera/status")
    .then(async r => {
      if (!r.ok) {
        throw new Error("HTTP " + r.status);
      }

      return r.json();
    })
    .then(data => {
      ["avar1","avar2","avar3","avar4","avar5", "avar6"]
        .forEach(id => setText(id, data[id], "page5"));
    })
    .catch(e => {
      console.error("getCameraStatus() failed:", e);

      ["avar1","avar2","avar3","avar4","avar5", "avar6"]
        .forEach(id => setText(id, null, "page5"));
    })
    .finally(() => {
      ["btn1", "btn2", "btn3", "btn4"]
      .forEach(id => setBtnStatus(id, true, "page5"));
    });

  getCameraLogLevel();
}

function cameraPower(enable) {
  fetch("/api/camera/gpio22power", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      enable: enable
    })
  })
  .then(async r => {
    if (!r.ok) {
      throw new Error(await r.text());
    }

    return r.json();
  })
  .then(data => {
    if (data.ok) {
      setText("avar5", enable === "true" ? "🟢打开" : null, "page5");
      alert(enable === "true" ? "上电成功" : "断电成功");
    } else { // 目前后端不会这么返回，避免以后修改代码
      alert("操作失败");
    }
  })
  .catch(e => {
    setText("avar5", null, "page5");
    alert("操作失败: " + e.message);
  });
}

function cameraPing() {
  fetch("/api/camera/pingGigeCamera", {method:"POST"})
  .then(r => r.json())
  .then(data => {
    setText("avar6", data.avar6, "page5");
    alert(data.avar6 === "🟢正常" ? "网口相机Ping测试成功" : "网口相机Ping测试失败");
  })
  .catch(() => {
    setText("avar6", null, "page5");
    alert("网口相机Ping测试失败");
  });
}

let cameraPreviewTimer = null;
let cameraPreviewRunning = false;
let cameraPhotoIndex = 0;
let cameraCurrentFile = "";
let cameraTakingPhoto = false; 

const cameraPhotoFiles = [
  "/tmp/camera_preview_0.jpg",
  "/tmp/camera_preview_1.jpg"
];

async function cameraTakePhoto(filename) {
  const r = await fetch("/api/camera/takePhoto", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      filename: filename
    })
  });
  if (!r.ok) {
    throw new Error(await r.text());
  }
  return await r.json();
}

function setImageSrc(id, url)
{
  const img = document.getElementById(id);
  if (img) img.src = url;
}

async function takeOnePhoto() {
  if (cameraTakingPhoto) {
    return;
  }
  cameraTakingPhoto = true;

  ["btn1", "btn2", "btn3", "btn4"]
  .forEach(id => setBtnStatus(id, false, "page5"));

  ["cvar1", "cvar2", "cvar3", "cvar4", "cvar5", "cvar6"]
  .forEach(id => setText(id, null, "page5"));

  setText("cvar1", "拍照中, 请稍后...", "page5");
  const filename = cameraPhotoFiles[cameraPhotoIndex];
  cameraPhotoIndex = cameraPhotoIndex ? 0 : 1;

  try {
    const data = await cameraTakePhoto(filename);
    if (!data.ok) throw new Error("take photo failed");

    cameraCurrentFile = filename;
    setImageSrc("camera-image", "/api/camera/getImage?file=" + encodeURIComponent(filename) + "&t=" + Date.now());

    setText("cvar1", "拍照完成", "page5");
    setText("cvar2", "1", "page5");
    setText("cvar3", data.var1, "page5");
    setText("cvar4", data.var2, "page5");
    setText("cvar5", data.var3, "page5");
    setText("cvar6", data.var4 + "x" + data.var5, "page5");
  } catch(e) {
    console.error("takeOnePhoto failed:", e);
    setText("cvar1", "拍照失败", "page5");
  } finally {
    cameraTakingPhoto = false;
    ["btn1", "btn2", "btn3", "btn4"]
    .forEach(id => setBtnStatus(id, true, "page5"));
  }
}

function initPage5() {
  getCameraStatus();
  if (cameraTakingPhoto) {
    setText("cvar1", "拍照中, 请稍后...", "page5");
  }
  connectLog("yfkj-camera-capture.service", "text1");
}

function exitPage5() {
  disconnectLog();
}