slimsdk 0.1.55 → 0.2.1

package/dist/mod/hwlink/index.js

@@ -1,873 +0,0 @@
-// src/mod/global.ts
-var gbvar = {
-  UNIX_TIME: 0,
-  app: {
-    UUID: "",
-    NAME: "",
-    VERSION: "",
-    RELEASE: ""
-  },
-  api: {
-    URL: "",
-    TOKEN: ""
-  },
-  hub: {
-    LOGIN: "https://wkrh.info/oauth/v1/authorize",
-    OAUTH: "https://wkrh.info:8850/oauth/v1",
-    API: "https://wkrh.info:8850/api/v1",
-    WSS: "wss://wkrh.info:8855/ws",
-    UUID: ""
-  },
-  hwl: {
-    HOST: "ws://localhost:8844/ws",
-    FILE: "https://wkrh.info/app/hwlink/hwlink_setup.exe"
-  },
-  user: {
-    ACCT: 0,
-    ACTYPE: 0,
-    ACROLE: 0,
-    ACNAME: "",
-    PICTURE: "",
-    AGCY: 0,
-    DVSN: 0,
-    SECT: 0,
-    DEPT: "0,0",
-    AGCY_NAME: "",
-    DVSN_NAME: "",
-    SECT_NAME: ""
-  }
-};
-var app = document.querySelector("#app");
-
-// src/page/index.ts
-var app2 = document.querySelector("#app");
-var pageSpin = (
-  /*html*/
-  `
-<div class="lds-spinner">
-    <div></div><div></div><div></div><div></div>
-    <div></div><div></div><div></div><div></div>
-    <div></div><div></div><div></div><div></div>
-</div>
-`
-);
-var smallSpin = `<div class="spinner s32"></div>`;
-var Loading = (size = "default") => {
-  if (!app2) return;
-  if (!app2.querySelector("#page-loader")) {
-    const loader = document.createElement("div");
-    loader.id = "page-loader";
-    loader.className = "overlay center";
-    loader.innerHTML = size == "default" ? pageSpin : smallSpin;
-    app2.appendChild(loader);
-  }
-  const content = app2.querySelector("#app-content");
-  if (content) content.style.display = "none";
-};
-var Ready = (delay = 400) => {
-  new Promise((r) => setTimeout(r, delay)).then(() => {
-    clearLoader(true);
-  });
-};
-var clearLoader = (showContent) => {
-  if (!app2) return;
-  const loader = app2.querySelector("#page-loader");
-  if (loader) {
-    loader.style.animation = "fade-out 0.4s forwards";
-    loader.onanimationend = () => loader.remove();
-  }
-  const content = app2.querySelector("#app-content");
-  if (content) content.style.display = showContent ? "block" : "none";
-};
-
-// src/mod/built-in/cover/index.ts
-var Loading2 = (cover, state = false, align = "top", hide = true) => {
-  const inner = cover.querySelectorAll("*");
-  if (state) {
-    cover.querySelector(".cover-loader")?.remove();
-    cover.style.position = "relative";
-    if (hide) inner.forEach((el) => el.style.visibility = "hidden");
-    const loader = document.createElement("div");
-    loader.className = `cover-loader ${align}`;
-    loader.innerHTML = `<div class="spinner s28"></div>`;
-    cover.appendChild(loader);
-  } else {
-    new Promise((r) => setTimeout(r, 400)).then(() => {
-      cover.querySelector(".cover-loader")?.remove();
-      cover.style.position = "";
-      inner.forEach((el) => el.style.visibility = "");
-    });
-  }
-};
-
-// src/mod/modal/index.ts
-var app3 = document.querySelector("#app");
-var tmpBtnSave = (
-  /* html */
-  `
-    <button class="solid green" type="submit">
-        <i>&#xf0c7;</i>\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01
-    </button>
-`
-);
-var tmpBtnCancel = (
-  /* html */
-  `
-    <button class="solid gray" type="button" id="btn-cancel">
-        <i>&#xf057;</i>\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01
-    </button>
-`
-);
-var tmpBtnClose = (
-  /* html */
-  `
-    <button class="solid blue" type="button" id="btn-close">
-        <i>&#xf057;</i>\u0E1B\u0E34\u0E14\u0E2B\u0E19\u0E49\u0E32
-    </button>
-`
-);
-var Create = (params) => {
-  const icon = params.icon ? params.icon : "&#xf40e;";
-  const title = params.title ? params.title : "Modal Title";
-  const body = params.body ? params.body : "Modal Body";
-  const width = params.width ? params.width : "100%";
-  const align = params.button?.align ? params.button?.align : "";
-  const doc = params.target ? params.target : app3;
-  let button = "";
-  if (params.button?.cancel) button += tmpBtnCancel;
-  if (params.button?.close) button += tmpBtnClose;
-  if (params.button?.save) button += tmpBtnSave;
-  const modal = document.createElement("div");
-  modal.className = "overlay slim-modal";
-  modal.innerHTML = /*html*/
-  `
-        <form>
-            <div class="content" style="width: ${width};">
-                <div class="header">
-                    <i class="icon pad">${icon}</i>${title}
-                    <button id="btn-exit" type="button"
-                        class="icon">&#xf00d;</button>
-                </div>
-                <div class="body">${body}</div>
-                <div class="footer ${align}">${button}</div>
-                <div class="loader">
-                    <div class="spinner s28"></div>
-                </div>
-            </div>
-        </form>
-    `;
-  if (!doc) return modal;
-  doc.appendChild(modal);
-  if (width == "auto") {
-    const content2 = modal.querySelector(".content");
-    if (content2) content2.style.maxWidth = `450px`;
-  }
-  window.location.hash = "modal";
-  const content = modal.querySelector(".content");
-  content.classList.add("modal-in");
-  modal.classList.add("overlay-in");
-  content.addEventListener("animationend", () => {
-    if (content.classList.contains("modal-in")) {
-      content.classList.remove("modal-in");
-      modal.classList.remove("overlay-in");
-    }
-  });
-  const hashChange = () => {
-    const hash = window.location.hash.replaceAll("#", "");
-    if (hash != "modal") done();
-  };
-  const done = () => {
-    destroy(modal);
-    if (window.location.hash == "#modal") history.back();
-    window.removeEventListener("hashchange", hashChange);
-  };
-  window.addEventListener("hashchange", hashChange);
-  const btnExit = modal.querySelector("#btn-exit");
-  const btnCancel = modal.querySelector("#btn-cancel");
-  const btnClose = modal.querySelector("#btn-close");
-  if (btnExit) {
-    btnExit.focus();
-    btnExit.onclick = done;
-  }
-  if (btnCancel) btnCancel.onclick = done;
-  if (btnClose) btnClose.onclick = done;
-  return modal;
-};
-var Close = (modal) => new Promise((resolve) => {
-  modal.querySelector("#btn-exit").click();
-  const content = modal.querySelector(".content");
-  content.addEventListener("animationend", () => resolve());
-});
-var destroy = (modal) => {
-  const content = modal.querySelector(".content");
-  content.classList.add("modal-out");
-  modal.classList.add("overlay-out");
-  content.addEventListener("animationend", () => {
-    if (content.classList.contains("modal-out")) {
-      modal.style.display = "none";
-      modal.remove();
-    }
-  });
-};
-var Loading3 = (modal) => {
-  const body = modal.querySelector(".body");
-  const loader = modal.querySelector(".loader");
-  if (body) body.style.visibility = "hidden";
-  if (loader) loader.style.display = "flex";
-};
-var Ready2 = (modal) => {
-  const body = modal.querySelector(".body");
-  const loader = modal.querySelector(".loader");
-  if (body) body.style.visibility = "visible";
-  if (loader) loader.style.display = "none";
-};
-var Hidden = (modal) => {
-  modal.style.display = "none";
-};
-var Visible = (modal) => {
-  modal.style.display = "block";
-};
-
-// src/mod/dialog/index.ts
-var app4 = document.querySelector("#app");
-var Confirm = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
-  const color = params && params?.color ? params.color : "green";
-  const dialog = document.createElement("div");
-  dialog.className = "overlay slim-dialog";
-  dialog.innerHTML = /*html*/
-  `
-        <div class="confirm ${color}">
-            <div class="header">
-                <i class="icon solid">&#xf058;</i> Slim Confirm
-            </div>
-            <div class="message">${message}</div>
-            <div class="footer">
-                <button class="lg gray left" id="btn-no">
-                    <i>&#xf057;</i>\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01
-                </button>
-                <button class="lg ${color} right" id="btn-yes">
-                    <i>&#xf058;</i>\u0E15\u0E01\u0E25\u0E07
-                </button>
-            </div>
-        </div>
-    `;
-  doc.appendChild(dialog);
-  dialog.querySelector("#btn-yes").focus();
-  dialog.querySelector("#btn-yes").onclick = () => {
-    dialog.remove();
-    resolve(true);
-  };
-  dialog.querySelector("#btn-no").onclick = () => {
-    dialog.remove();
-    resolve(false);
-  };
-});
-var Alert = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
-  const type = params && params?.type ? params.type : "success";
-  let color = "";
-  let icon = "";
-  if (type == "success") {
-    color = "green";
-    icon = "&#xf058;";
-  }
-  if (type == "failure") {
-    color = "red";
-    icon = "&#xf057;";
-  }
-  if (type == "warning") {
-    color = "orange";
-    icon = "&#xf06a;";
-  }
-  if (type == "info") {
-    color = "blue";
-    icon = "&#xf05a;";
-  }
-  const dialog = document.createElement("div");
-  dialog.className = "overlay slim-dialog";
-  dialog.innerHTML = /*html*/
-  `
-        <div class="alert ${color}">
-            <div class="icon solid">${icon}</div>
-            <div class="message">${message}</div>
-            <div class="footer">
-                <button class="lg ${color}" id="btn-yes">\u0E15\u0E01\u0E25\u0E07</button>
-            </div>
-        </div>
-    `;
-  doc.appendChild(dialog);
-  dialog.querySelector("#btn-yes").focus();
-  dialog.querySelector("#btn-yes").onclick = () => {
-    dialog.remove();
-    resolve();
-  };
-});
-var Toast = (message, params) => new Promise((resolve) => {
-  if (!app4) return;
-  const doc = params && params?.target ? params.target : app4;
-  const type = params && params?.type ? params.type : "success";
-  let color = "";
-  let icon = "";
-  if (type == "success") {
-    color = "green";
-    icon = "&#xf058;";
-  }
-  if (type == "failure") {
-    color = "red";
-    icon = "&#xf057;";
-  }
-  if (type == "warning") {
-    color = "orange";
-    icon = "&#xf06a;";
-  }
-  if (type == "info") {
-    color = "blue";
-    icon = "&#xf05a;";
-  }
-  const toast = document.createElement("div");
-  toast.className = `slim-toast ${color}`;
-  toast.innerHTML = /*html*/
-  `
-        <i class="icon">${icon}</i>
-        <span class="text">${message}</span>
-    `;
-  doc.appendChild(toast);
-  toast.classList.add("show");
-  let count = 0;
-  toast.onanimationend = () => {
-    count++;
-    if (count == 2) {
-      toast.remove();
-      resolve();
-    }
-  };
-});
-
-// src/lib/utility.ts
-var strCheck = (str) => {
-  let out = String(str);
-  out = out.replaceAll("'", "\\'");
-  out = out.replaceAll('"', '\\"');
-  out = out.trim();
-  return out;
-};
-
-// src/svchub/hwlink/template.ts
-var template = (
-  /*html*/
-  `
-<div id="page-svchub" class="cover">
-    <div class="cover-bar">Hardware Link</div>
-    <div class="cover-body border">
-        <!-- svcinfo -->
-        <div id="svcinfo">
-            <div class="box-tb">
-                <div class="topic">HwLink</div>
-                <div class="text" id="hwlink">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">AutoUp</div>
-                <div class="text" id="autoup">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">CSUUID</div>
-                <div class="text" id="csuuid">:</div>
-            </div>
-        </div>
-        <hr>
-        <!-- device -->
-        <div id="device">
-            <div class="box-tb">
-                <div class="topic">\u0E2B\u0E19\u0E48\u0E27\u0E22\u0E07\u0E32\u0E19</div>
-                <div class="text" id="agcy">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">\u0E01\u0E25\u0E38\u0E48\u0E21\u0E07\u0E32\u0E19</div>
-                <div class="text" id="dept">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">\u0E0A\u0E37\u0E48\u0E2D\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C</div>
-                <div class="text" id="dname">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">\u0E40\u0E25\u0E02\u0E17\u0E23\u0E31\u0E1E\u0E22\u0E4C\u0E2A\u0E34\u0E19</div>
-                <div class="text" id="assno">:</div>
-            </div>
-            <button id="btn-edit" class="circle sm blue"
-                shadow="true">&#xf5ae;</button>
-        </div>
-        <hr>
-        <!-- hwinfo -->
-        <div id="hwinfo">
-            <div class="box-tb">
-                <div class="topic">Hostname</div>
-                <div class="text" id="host">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Platform</div>
-                <div class="text" id="os">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">CpuModel</div>
-                <div class="text" id="cpu">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Memory</div>
-                <div class="text" id="mem">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Uptime</div>
-                <div class="text" id="uptime">:</div>
-            </div>
-        </div>
-        <hr>
-        <!-- x -->
-        <div id="">
-            <div class="box-tb">
-                <div class="topic">SmartCard</div>
-                <div class="text" id="">:</div>
-            </div>
-            <div class="box-tb">
-                <div class="topic">Biometric</div>
-                <div class="text" id="">:</div>
-            </div>
-        </div>
-    </div>
-</div>
-<style>
-    #page-svchub {
-        margin: auto;
-        max-width: 600px;
-        min-width: 480px;
-        line-height: 1.5;
-    }
-    #page-svchub .topic {
-        float: left;
-        width: 100px;
-        font-weight: 600;
-    }
-    #page-svchub .text {
-        float: left;
-        width: calc(100% - 100px);
-    }
-    #page-svchub #device {
-        position: relative;
-    }
-    #page-svchub #btn-edit {
-        position: absolute;
-        top: 0;
-        right: 0;
-    }
-</style>
-`
-);
-var frmDevice = (
-  /*html*/
-  `
-<div id="frm-device" class="cover grid">
-    <div class="input-box span">
-        <select id="inp-agcy" required></select>
-        <div class="label">\u0E2B\u0E19\u0E48\u0E27\u0E22\u0E07\u0E32\u0E19 *</div>
-    </div>
-    <div class="input-box span">
-        <select id="inp-dept"></select>
-        <div class="label">\u0E01\u0E25\u0E38\u0E48\u0E21\u0E07\u0E32\u0E19/\u0E2A\u0E48\u0E27\u0E19\u0E07\u0E32\u0E19</div>
-    </div>
-    <div class="input-box span">
-        <input type="text" id="inp-name" maxlength="100" required>
-        <div class="label">\u0E0A\u0E37\u0E48\u0E2D\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C *</div>
-    </div>
-</div>
-<style>
-    #frm-device {
-        gap: 5px;
-    }
-    #frm-device .dvsn {
-        font-weight: 600;
-    }
-    #frm-device .sect {
-        font-style: italic;
-    }
-</style>
-`
-);
-
-// src/svchub/api/agency/agcy.ts
-var Read = (agcy) => new Promise((resolve, reject) => {
-  let url = `/agcy`;
-  if (agcy) url = `/agcy/${agcy}`;
-  fetch(gbvar.hub.API + url, {
-    method: "GET",
-    headers: gbvar.api.HEADERS
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Set = async (elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read().then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const name = val.short ? val.short : val.name;
-      const opt = document.createElement("option");
-      opt.value = `${val.id}`;
-      opt.text = name;
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/agency/dept.ts
-var Read2 = (agcy) => new Promise((resolve, reject) => {
-  const url = `/agcy/${agcy}/dept`;
-  fetch(gbvar.hub.API + url, {
-    method: "GET",
-    headers: gbvar.api.HEADERS
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Set2 = async (agcy, elm) => {
-  elm.innerHTML = '<option value="">- \u0E40\u0E25\u0E37\u0E2D\u0E01 -</option>';
-  await Read2(agcy).then((resp) => {
-    const data = resp.data;
-    for (const val of data) {
-      const opt = document.createElement("option");
-      opt.value = `${val.dvsn},${val.sect}`;
-      if (val.sect == 0) {
-        opt.text = `${val.name}`;
-        opt.style.fontWeight = "600";
-      } else {
-        opt.text = `- ${val.name}`;
-        opt.style.fontStyle = "italic";
-      }
-      elm.appendChild(opt);
-    }
-  }).catch((err) => console.error(err));
-};
-
-// src/svchub/api/account/index.ts
-var Read3 = (agcy, acct, params) => new Promise((resolve, reject) => {
-  const status = params && params.status ? params.status : 1;
-  let query = `?status=${status}`;
-  if (params) {
-    const dvsn = params.dvsn ? params.dvsn : 0;
-    const sect = params.sect ? params.sect : 0;
-    const actype = params.actype ? params.actype : 0;
-    const acrole = params.acrole ? params.acrole : 0;
-    if (dvsn) query += `&dvsn=${dvsn}`;
-    if (sect) query += `&sect=${sect}`;
-    if (actype) query += `&actype=${actype}`;
-    if (acrole) query += `&acrole=${acrole}`;
-  }
-  let url = `/agcy/${agcy}/acct${query}`;
-  if (acct) url = `/agcy/${agcy}/acct/${acct}`;
-  fetch(gbvar.hub.API + url, {
-    method: "GET",
-    headers: gbvar.api.HEADERS
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Create2 = (agcy, params) => new Promise((resolve, reject) => {
-  const url = `/agcy/${agcy}/acct`;
-  fetch(gbvar.hub.API + url, {
-    method: "POST",
-    headers: gbvar.api.HEADERS,
-    body: JSON.stringify(params)
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-var Update = (agcy, acct, params) => new Promise((resolve, reject) => {
-  const url = `/agcy/${agcy}/acct/${acct}`;
-  fetch(gbvar.hub.API + url, {
-    method: "PUT",
-    headers: gbvar.api.HEADERS,
-    body: JSON.stringify(params)
-  }).then((resp) => {
-    if (!resp.ok) throw resp;
-    return resp.json();
-  }).then((json) => {
-    resolve(json);
-  }).catch((err) => reject(err));
-});
-
-// src/svchub/hwlink/device.ts
-var Create3 = (csid) => new Promise((resolve, reject) => {
-  const modal = Create({
-    title: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E04\u0E2D\u0E21\u0E1E\u0E34\u0E27\u0E40\u0E15\u0E2D\u0E23\u0E4C",
-    icon: "&#xf390;",
-    width: "400px",
-    body: frmDevice,
-    button: { save: true, cancel: true }
-  });
-  const inpAgcy = modal.querySelector("#inp-agcy");
-  const inpDept = modal.querySelector("#inp-dept");
-  const inpName = modal.querySelector("#inp-name");
-  inpAgcy.onchange = () => {
-    Set2(Number(inpAgcy.value), inpDept);
-  };
-  (async () => {
-    await Set(inpAgcy);
-    await Set2(Number(inpAgcy.value), inpDept);
-    Ready2(modal);
-  })();
-  const form = modal.querySelector("form");
-  if (form) form.onsubmit = async (e) => {
-    e.preventDefault();
-    Hidden(modal);
-    const res = await Confirm("\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19.! \u0E01\u0E32\u0E23\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25");
-    Visible(modal);
-    if (res) {
-      Loading3(modal);
-      const newAgcy = Number(inpAgcy.value);
-      const [dvsn, sect] = inpDept.value.split(",");
-      const params = {
-        agcy: newAgcy,
-        dvsn: dvsn ? Number(dvsn) : 0,
-        sect: sect ? Number(sect) : 0,
-        actype: 2,
-        // อุปกรณ์
-        acrole: 8,
-        // คอมพิวเตอร์
-        acuuid: strCheck(csid),
-        profile: {
-          dvtype: 1,
-          // คอมพิวเตอร์
-          name: strCheck(inpName.value)
-        }
-      };
-      await Create2(newAgcy, params).then(() => {
-        Close(modal);
-        Toast("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25 \u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08.!", { type: "success" });
-        resolve();
-      }).catch((err) => {
-        Close(modal);
-        Alert("\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14...!", { type: "failure" });
-        reject(err);
-      });
-    }
-  };
-});
-var Update2 = (agcy, acct, csid) => new Promise((resolve, reject) => {
-  const modal = Create({
-    title: "\u0E41\u0E01\u0E49\u0E44\u0E02\u0E23\u0E32\u0E22\u0E25\u0E30\u0E40\u0E2D\u0E35\u0E22\u0E14",
-    icon: "&#xf390;",
-    width: "400px",
-    body: frmDevice,
-    button: { save: true, cancel: true }
-  });
-  const inpAgcy = modal.querySelector("#inp-agcy");
-  const inpDept = modal.querySelector("#inp-dept");
-  const inpName = modal.querySelector("#inp-name");
-  inpAgcy.onchange = () => {
-    Set2(Number(inpAgcy.value), inpDept);
-  };
-  (async () => {
-    await Read3(agcy, acct).then(async (resp) => {
-      const data = resp.data;
-      const profile = data.profile;
-      await Set(inpAgcy);
-      await Set2(data.agcy, inpDept);
-      inpAgcy.value = String(data.agcy);
-      inpDept.value = data.dvsn ? `${data.dvsn},${data.sect}` : "";
-      inpName.value = profile.name;
-    }).catch((err) => console.error(err));
-    Ready2(modal);
-  })();
-  const form = modal.querySelector("form");
-  if (form) form.onsubmit = async (e) => {
-    e.preventDefault();
-    Hidden(modal);
-    const res = await Confirm("\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19.! \u0E01\u0E32\u0E23\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25");
-    Visible(modal);
-    if (res) {
-      Loading3(modal);
-      const newAgcy = Number(inpAgcy.value);
-      const [dvsn, sect] = inpDept.value.split(",");
-      const params = {
-        agcy: newAgcy,
-        dvsn: dvsn ? Number(dvsn) : 0,
-        sect: sect ? Number(sect) : 0,
-        actype: 2,
-        // อุปกรณ์
-        acrole: 8,
-        // คอมพิวเตอร์
-        acuuid: strCheck(csid),
-        profile: {
-          dvtype: 1,
-          // คอมพิวเตอร์
-          name: strCheck(inpName.value)
-        }
-      };
-      await Update(agcy, acct, params).then(() => {
-        Close(modal);
-        Toast("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25 \u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08.!", { type: "success" });
-        resolve();
-      }).catch((err) => {
-        Close(modal);
-        Alert("\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14...!", { type: "failure" });
-        reject(err);
-      });
-    }
-  };
-});
-var PwdChk = () => new Promise((resolve) => {
-  const modal = Create({
-    title: "\u0E01\u0E23\u0E2D\u0E01\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19",
-    icon: "&#xf084;",
-    width: "230px",
-    body: (
-      /*html*/
-      `
-            <div class="cover">
-                <input type="password" id="inp-pass"
-                    value="admin@wkr" style="width: 100%;">
-            </div>
-        `
-    ),
-    button: { save: true, cancel: true, align: "center" }
-  });
-  Ready2(modal);
-  const inpPass = modal.querySelector("#inp-pass");
-  inpPass?.focus();
-  const form = modal.querySelector("form");
-  if (form) form.onsubmit = async (e) => {
-    e.preventDefault();
-    const pass = inpPass?.value?.trim();
-    if (pass === "admin@wkr") {
-      await Close(modal);
-      resolve(true);
-    } else {
-      await Alert("\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19.! \u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07", { type: "failure" });
-      inpPass?.focus();
-    }
-  };
-});
-
-// src/svchub/hwlink/index.ts
-var app5 = document.querySelector("#app");
-var AGCY;
-var ACCT;
-var CSID;
-var isREADY;
-var WSSVC;
-var boxDv;
-var HwLink = () => {
-  if (!app5) return;
-  const content = document.createElement("div");
-  content.id = "app-content";
-  content.innerHTML = template;
-  app5.classList.add("full-page");
-  app5.appendChild(content);
-  boxDv = app5.querySelector("#device");
-  const btnEdit = app5.querySelector("#btn-edit");
-  if (btnEdit) btnEdit.onclick = async () => {
-    if (await PwdChk()) {
-      if (AGCY > 0 && ACCT > 0 && CSID != "") {
-        Update2(AGCY, ACCT, CSID).then(() => {
-          Loading2(boxDv, true);
-          WSSVC.send('{"head": "KEYRST"}');
-        }).catch((err) => console.error(err));
-      } else {
-        Create3(CSID).then(() => {
-          Loading2(boxDv, true);
-          WSSVC.send('{"head": "KEYRST"}');
-        }).catch((err) => console.error(err));
-      }
-    }
-  };
-  Loading();
-  AGCY = 0;
-  ACCT = 0;
-  CSID = "";
-  isREADY = false;
-  if (!gbvar.api.TOKEN) {
-    const btn = app5.querySelectorAll("button");
-    btn.forEach((elm) => elm.style.display = "none");
-  }
-  wsSvc();
-};
-var wsSvc = () => {
-  WSSVC = new WebSocket(gbvar.hwl.HOST);
-  WSSVC.onopen = () => {
-    hwinfo();
-    dvinfo();
-    T_hwinfo = setInterval(hwinfo, 1e3 * 10);
-  };
-  WSSVC.onclose = () => {
-    clearInterval(T_hwinfo);
-    setTimeout(wsSvc, 1e3 * 10);
-  };
-  WSSVC.onmessage = (e) => {
-    const resp = JSON.parse(e.data);
-    const head = resp.head ? resp.head : "";
-    const data = resp.data ? resp.data : "";
-    if (head == "CSUUID") CSID = data;
-    if (head == "HWINFO") setHwInfo(data);
-    if (head == "DVINFO") {
-      if (!isREADY) {
-        isREADY = true;
-        Ready();
-      }
-      setDvInfo(data);
-      Loading2(boxDv, false);
-    }
-  };
-  let T_hwinfo;
-  const hwinfo = () => WSSVC.send('{"head": "HWINFO"}');
-  const dvinfo = () => WSSVC.send('{"head": "DVINFO"}');
-};
-var setHwInfo = (data) => {
-  if (!app5) return;
-  const svc = data.svc;
-  app5.querySelector("#hwlink").innerText = `: ${svc.hwlink}`;
-  app5.querySelector("#autoup").innerText = `: ${svc.autoup}`;
-  app5.querySelector("#csuuid").innerText = `: ${data.csuuid}`;
-  const cpu = data.cpu;
-  const mem = data.mem;
-  const hwinfo = app5.querySelector("#hwinfo");
-  const uptime = Number(data.uptime);
-  const hh = Math.floor(uptime / 3600);
-  const mm = Math.floor(uptime % 3600 / 60);
-  const memUsed = (Number(mem.used) / 1024 / 1024 / 1024).toFixed(1);
-  const memTotal = (Number(mem.total) / 1024 / 1024 / 1024).toFixed(1);
-  const mem_text = `${memUsed}/${memTotal} GB (${mem.percent}%)`;
-  hwinfo.querySelector("#host").innerText = `: ${data.hostname}`;
-  hwinfo.querySelector("#os").innerText = `: ${data.platform}`;
-  hwinfo.querySelector("#cpu").innerText = `: ${cpu.model}`;
-  app5.querySelector("#mem").innerText = `: ${mem_text}`;
-  app5.querySelector("#uptime").innerText = `: ${hh} h ${mm} m`;
-};
-var setDvInfo = (data) => {
-  if (!app5 || !data.acct || Number(data.acct) == 0) return;
-  AGCY = Number(data.agcy);
-  ACCT = Number(data.acct);
-  let dept = data.dvsn_name;
-  if (Number(data.sect) > 0) {
-    dept += ` - ${data.sect_name}`;
-  }
-  app5.querySelector("#agcy").innerText = `: ${data.agcy_name}`;
-  app5.querySelector("#dept").innerText = `: ${dept}`;
-  app5.querySelector("#dname").innerText = `: ${data.acname}`;
-};
-export {
-  HwLink
-};
-//# sourceMappingURL=index.js.map