@gameap/frontend 4.1.0-dev1 → 4.1.0-dev11

package/dist/ServerControlButton-D_zJbxr6.js

@@ -0,0 +1,186 @@
+import { NModal as j, NProgress as F } from "naive-ui";
+import { ref as _, createElementBlock as J, openBlock as Q, Fragment as X, createVNode as g, withCtx as b, createElementVNode as S, toDisplayString as P, normalizeClass as Y, unref as Z, h as x } from "vue";
+import { k as ee, t, _ as se, a as te, d as ae, b as T, w as p } from "./index-9fvX7FD-.js";
+const ne = { class: "progress-info" }, re = { class: "hidden lg:inline" }, oe = 2e3, y = 2e3, ie = 2e4, k = 0, le = 10, ce = 40, ue = 80, O = 100, G = 10, U = 2e3, ge = {
+  __name: "ServerControlButton",
+  props: [
+    "button",
+    "buttonColor",
+    "buttonSize",
+    "icon",
+    "text",
+    "command",
+    "serverId"
+  ],
+  setup(i) {
+    const L = ee(), z = {
+      width: "600px"
+    }, l = {
+      start: {
+        title: t("servers.starting"),
+        checkServerStatusAfterTask: !0,
+        expectedStatus: !0,
+        successMessage: t("servers.start_success_msg"),
+        failMessage: t("servers.start_fail_msg")
+      },
+      stop: {
+        title: t("servers.stopping"),
+        checkServerStatusAfterTask: !0,
+        expectedStatus: !1,
+        successMessage: t("servers.stop_success_msg"),
+        failMessage: t("servers.stop_fail_msg")
+      },
+      restart: {
+        title: t("servers.restarting"),
+        checkServerStatusAfterTask: !0,
+        expectedStatus: !0,
+        successMessage: t("servers.restart_success_msg"),
+        failMessage: t("servers.restart_fail_msg")
+      },
+      update: {
+        title: t("servers.updating"),
+        checkServerStatusAfterTask: !1
+      },
+      install: {
+        title: t("servers.installing"),
+        checkServerStatusAfterTask: !1
+      },
+      reinstall: {
+        title: t("servers.reinstalling"),
+        checkServerStatusAfterTask: !1
+      }
+    }, c = _(!1), a = _(k), h = _(""), o = _(""), E = i;
+    let n = {}, d, u = !1, C = !1, v = G;
+    function D(e) {
+      ae(t("main.confirm_message"), () => K(e));
+    }
+    function K(e) {
+      a.value = k, L.isAdmin && (C = !0), T.post("/api/servers/" + E.serverId + "/" + e).then(function(s) {
+        const r = s.data.gdaemonTaskId;
+        c.value = !0, h.value = l[e].title, d = (/* @__PURE__ */ new Date()).getTime(), u = !1, A(e, r);
+      }).catch(function(s) {
+        p(s.response.data.message, function() {
+          location.reload();
+        });
+      });
+    }
+    function A(e, s) {
+      W(s);
+      let r = !0;
+      Object.keys(n).length !== 0 && (n.status === "waiting" ? (o.value = t("servers.command_progress_waiting"), a.value = le, H()) : n.status === "working" ? (o.value = t("servers.command_progress_executed"), a.value = ce, m()) : n.status === "success" ? (r = !1, a.value = ue, l[e].checkServerStatusAfterTask ? (o.value = t("servers.command_progress_waiting_status"), setTimeout(I, U, e)) : (o.value = "", R(l[e].successMessage), setTimeout(M, y))) : n.status === "canceled" ? (o.value = "", r = !1, a.value = k, f(t("gdaemon_tasks.common_canceled_msg"))) : n.status === "error" ? (o.value = "", r = !1, a.value = O, f(t("gdaemon_tasks.common_error_msg"))) : (o.value = "", r = !1, a.value = O, f(t("gdaemon_tasks.common_error_msg")))), r && !u && setTimeout(A, oe, e, s);
+    }
+    function W(e) {
+      T.get("/api/gdaemon_tasks/" + e).then(function(s) {
+        n = s.data;
+      }).catch(function(s) {
+        f(s.response.data.message);
+      });
+    }
+    function H() {
+      (/* @__PURE__ */ new Date()).getTime() - d > ie && V(t("gdaemon_tasks.long_waiting_doc"));
+    }
+    function V(e) {
+      const s = document.querySelector("#additional-info");
+      s.innerHTML = e, s.style.display = "block";
+    }
+    function m() {
+      const e = document.querySelector("#additional-info");
+      e.style.display = "none";
+    }
+    function f(e) {
+      (e === void 0 || e === "") && (e = t("gdaemon_tasks.common_error_msg")), u = !0;
+      let s = "";
+      C && (s = () => [
+        x("div", [
+          x(
+            "a",
+            { href: "/admin/gdaemon_tasks/" + n.id },
+            t("servers.task_see_log")
+          )
+        ])
+      ]), p(e, () => {
+        location.reload();
+      }, s), d = 0, m(), c.value = !1, w();
+    }
+    function R(e) {
+      u = !0, m(), d = 0, (e === void 0 || e === "") && (e = t("servers.task_success_msg")), p(e, () => {
+        location.reload();
+      }), w();
+    }
+    function w() {
+      c.value = !1, setTimeout(M, y);
+    }
+    function I(e) {
+      B((s) => {
+        if (s === l[e].expectedStatus) {
+          R(l[e].successMessage);
+          return;
+        }
+        if (v <= 0) {
+          f(l[e].failMessage);
+          return;
+        }
+        v--, a.value <= 90 && a.value++, setTimeout(I, U, e);
+      });
+    }
+    function B(e) {
+      T.get("/api/servers/" + E.serverId + "/status").then(function(s) {
+        e(s.data.processActive);
+      });
+    }
+    function M() {
+      a.value = 0, n = {}, v = G;
+    }
+    function $(e) {
+      e || (c.value = !1, u = !0);
+    }
+    return (e, s) => {
+      const r = F, q = j;
+      return Q(), J(X, null, [
+        g(q, {
+          show: c.value,
+          "onUpdate:show": s[0] || (s[0] = (N) => c.value = N),
+          class: "custom-card",
+          preset: "card",
+          style: z,
+          title: h.value,
+          bordered: !1,
+          size: "huge",
+          "on-update:show": $
+        }, {
+          default: b(() => [
+            S("div", ne, P(o.value), 1),
+            g(r, {
+              type: "line",
+              height: 24,
+              "border-radius": 4,
+              percentage: a.value,
+              "indicator-placement": "inside",
+              processing: ""
+            }, null, 8, ["percentage"]),
+            s[2] || (s[2] = S("div", {
+              id: "additional-info",
+              class: "mt-3"
+            }, null, -1))
+          ]),
+          _: 1
+        }, 8, ["show", "title"]),
+        g(se, {
+          class: Y(i.button),
+          color: i.buttonColor,
+          size: i.buttonSize,
+          onClick: s[1] || (s[1] = (N) => D(i.command))
+        }, {
+          default: b(() => [
+            g(Z(te), { name: i.icon }, null, 8, ["name"]),
+            S("span", re, " " + P(i.text), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "color", "size"])
+      ], 64);
+    };
+  }
+};
+export {
+  ge as _
+};