@gameap/frontend 4.1.0-dev1 → 4.1.0-dev10

package/dist/AdminServersCreate-5f8x6eZO.js

@@ -0,0 +1,342 @@
+import { NForm as H, NCard as V, NFormItem as c, NInputGroup as W, NInput as J, NButton as K, NSwitch as Q, NCollapse as X, NCollapseItem as Y } from "naive-ui";
+import { ref as C, computed as P, onMounted as Z, watch as x, resolveComponent as y, createElementBlock as ee, openBlock as te, Fragment as re, createVNode as r, unref as l, withCtx as u, createElementVNode as v, toDisplayString as ae } from "vue";
+import { x as oe, j as le, t as s, e as S, m as se, a as M, _ as ne, n as k } from "./index-9fvX7FD-.js";
+import { u as ue } from "./gameList-kucszmx0.js";
+import { storeToRefs as L } from "pinia";
+import { useRouter as de } from "vue-router";
+import { r as d } from "./validators-ChBGsKft.js";
+const U = [
+  "Alpha",
+  "Bravo",
+  "Charlie",
+  "Delta",
+  "Echo",
+  "Foxtrot",
+  "Golf",
+  "Oscar",
+  "Sierra",
+  "Whiskey"
+];
+function ie(q = "Server") {
+  const g = U[Math.floor(Math.random() * U.length)], p = Math.floor(Math.random() * 90) + 10;
+  return `${q} ${g}-${p}`;
+}
+const me = { class: "flex flex-wrap mt-2" }, ce = { class: "md:w-1/2 pr-8" }, ve = ["innerHTML"], pe = { class: "md:w-1/2" }, fe = { class: "hidden lg:inline" }, qe = {
+  __name: "AdminServersCreate",
+  setup(q) {
+    const g = de(), p = ue(), N = oe(), G = le(), { games: O } = L(p), { nodes: F } = L(N), w = C({}), e = C({
+      serverPort: 27015,
+      queryPort: 27015,
+      rconPort: 27015,
+      install: !0,
+      user: "gameap"
+    }), R = P(() => [
+      { route: "/", text: "GameAP", icon: "gicon gicon-gameap" },
+      { route: { name: "admin.servers.index" }, text: s("servers.game_servers") },
+      { route: { name: "admin.servers.create" }, text: s("servers.create") }
+    ]);
+    Z(() => {
+      $(), j();
+    });
+    const b = P(() => {
+      let o = {};
+      for (const [t, n] of Object.entries(O.value))
+        o[n.code] = n.name;
+      return o;
+    }), I = P(() => {
+      let o = {};
+      for (const [t, n] of Object.entries(F.value))
+        o[n.id] = n.name;
+      return o;
+    }), $ = async () => {
+      try {
+        await p.fetchGames();
+      } catch {
+        S(error);
+      }
+    }, j = () => {
+      N.fetchNodesByFilter([]).catch((o) => {
+        S(o);
+      });
+    };
+    x(I, (o) => {
+      const t = Object.keys(o);
+      t.length === 1 && !e.value.nodeId && (e.value.nodeId = Number(t[0]));
+    }, { immediate: !0 }), x(() => e.value.name, (o) => {
+      if (!o || e.value.game)
+        return;
+      const t = o.toLowerCase().split(/\s+/).filter((m) => m.length >= 3);
+      if (t.length === 0)
+        return;
+      const n = /* @__PURE__ */ new Set();
+      for (const [m, h] of Object.entries(b.value)) {
+        const f = m.toLowerCase(), _ = h.toLowerCase();
+        for (const i of t)
+          if (f.includes(i) || i.includes(f) || _.includes(i) || i.includes(_)) {
+            n.add(m);
+            break;
+          }
+      }
+      n.size === 1 && (e.value.game = [...n][0]);
+    });
+    const B = () => {
+      const o = b.value[e.value.game] || "Server";
+      e.value.name = ie(o);
+    }, D = {
+      name: {
+        required: !0,
+        validator: d(s("labels.name"))
+      },
+      game: {
+        required: !0,
+        validator: d(s("labels.game_id"))
+      },
+      gameMod: {
+        required: !0,
+        validator: d(s("labels.game_mod_id"))
+      },
+      installed: {
+        required: !0
+      },
+      nodeId: {
+        required: !0,
+        validator: d(s("labels.ds_id"))
+      },
+      ip: {
+        required: !0,
+        validator: d(s("labels.ip"))
+      },
+      serverPort: {
+        required: !0,
+        validator: d(s("labels.server_port"))
+      },
+      queryPort: {
+        required: !0,
+        validator: d(s("labels.query_port"))
+      },
+      rconPort: {
+        required: !0,
+        validator: d(s("labels.rcon_port"))
+      }
+    }, E = () => {
+      w.value?.validate((o, { warnings: t }) => {
+        o ? (console.log(o), k({
+          content: "Please check the form.",
+          type: "error"
+        })) : T();
+      });
+    }, T = () => {
+      G.create({
+        name: e.value.name,
+        game_id: e.value.game,
+        game_mod_id: e.value.gameMod,
+        install: e.value.install,
+        rcon: e.value.rcon,
+        su_user: e.value.user,
+        ds_id: e.value.nodeId,
+        server_ip: e.value.ip,
+        server_port: e.value.serverPort,
+        query_port: e.value.queryPort,
+        rcon_port: e.value.rconPort,
+        dir: e.value.dir
+      }).then(() => {
+        k({
+          content: s("servers.create_success_msg"),
+          type: "success"
+        }, () => {
+          g.push({ name: "admin.servers.index" });
+        });
+      }).catch((o) => {
+        S(o);
+      });
+    };
+    return (o, t) => {
+      const n = J, m = K, h = y("GameModSelector"), f = Y, _ = X, i = V, z = y("DsIpSelector"), A = y("SmartPortSelector");
+      return te(), ee(re, null, [
+        r(l(se), { items: R.value }, null, 8, ["items"]),
+        r(l(H), {
+          "label-placement": "top",
+          "label-width": "auto",
+          ref_key: "formRef",
+          ref: w,
+          model: e.value,
+          rules: D
+        }, {
+          default: u(() => [
+            v("div", me, [
+              v("div", ce, [
+                r(i, {
+                  title: l(s)("servers.basic_info"),
+                  size: "small",
+                  class: "mb-3",
+                  "header-class": "g-card-header",
+                  segmented: {
+                    content: !0,
+                    footer: "soft"
+                  }
+                }, {
+                  default: u(() => [
+                    r(l(c), {
+                      label: l(s)("labels.name"),
+                      path: "name"
+                    }, {
+                      default: u(() => [
+                        r(l(W), null, {
+                          default: u(() => [
+                            r(n, {
+                              value: e.value.name,
+                              "onUpdate:value": t[0] || (t[0] = (a) => e.value.name = a),
+                              type: "text"
+                            }, null, 8, ["value"]),
+                            r(m, { onClick: B }, {
+                              default: u(() => [
+                                r(l(M), { name: "dice" })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    r(h, {
+                      games: b.value,
+                      "game-path": "game",
+                      "game-mod-path": "gameMod",
+                      game: e.value.game,
+                      "onUpdate:game": t[1] || (t[1] = (a) => e.value.game = a),
+                      "game-mod": e.value.gameMod,
+                      "onUpdate:gameMod": t[2] || (t[2] = (a) => e.value.gameMod = a)
+                    }, null, 8, ["games", "game", "game-mod"]),
+                    r(l(c), {
+                      label: l(s)("servers.install"),
+                      path: "install"
+                    }, {
+                      default: u(() => [
+                        r(l(Q), {
+                          value: e.value.install,
+                          "onUpdate:value": t[3] || (t[3] = (a) => e.value.install = a)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    r(_, null, {
+                      default: u(() => [
+                        r(f, {
+                          title: l(s)("main.more")
+                        }, {
+                          default: u(() => [
+                            r(l(c), {
+                              label: l(s)("labels.rcon"),
+                              path: "rcon"
+                            }, {
+                              default: u(() => [
+                                r(n, {
+                                  value: e.value.rcon,
+                                  "onUpdate:value": t[4] || (t[4] = (a) => e.value.rcon = a),
+                                  type: "password",
+                                  "show-password-on": "click"
+                                }, null, 8, ["value"])
+                              ]),
+                              _: 1
+                            }, 8, ["label"]),
+                            r(l(c), {
+                              label: l(s)("labels.dir"),
+                              class: "mb-4",
+                              path: "dir"
+                            }, {
+                              feedback: u(() => [
+                                v("small", {
+                                  innerHTML: l(s)("servers.d_dir")
+                                }, null, 8, ve)
+                              ]),
+                              default: u(() => [
+                                r(n, {
+                                  value: e.value.dir,
+                                  "onUpdate:value": t[5] || (t[5] = (a) => e.value.dir = a),
+                                  type: "text"
+                                }, null, 8, ["value"])
+                              ]),
+                              _: 1
+                            }, 8, ["label"]),
+                            r(l(c), {
+                              label: l(s)("labels.su_user"),
+                              path: "user"
+                            }, {
+                              default: u(() => [
+                                r(n, {
+                                  value: e.value.user,
+                                  "onUpdate:value": t[6] || (t[6] = (a) => e.value.user = a),
+                                  type: "text"
+                                }, null, 8, ["value"])
+                              ]),
+                              _: 1
+                            }, 8, ["label"])
+                          ]),
+                          _: 1
+                        }, 8, ["title"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ]),
+              v("div", pe, [
+                r(i, {
+                  title: l(s)("servers.ds_ip_ports"),
+                  size: "small",
+                  class: "mb-3",
+                  "header-class": "g-card-header",
+                  segmented: {
+                    content: !0,
+                    footer: "soft"
+                  }
+                }, {
+                  default: u(() => [
+                    r(z, {
+                      "ds-list": I.value,
+                      "node-id": e.value.nodeId,
+                      "onUpdate:nodeId": t[7] || (t[7] = (a) => e.value.nodeId = a),
+                      ip: e.value.ip,
+                      "onUpdate:ip": t[8] || (t[8] = (a) => e.value.ip = a),
+                      "node-id-path": "nodeId",
+                      "ip-path": "ip"
+                    }, null, 8, ["ds-list", "node-id", "ip"]),
+                    r(A, {
+                      "server-port": e.value.serverPort,
+                      "onUpdate:serverPort": t[9] || (t[9] = (a) => e.value.serverPort = a),
+                      "rcon-port": e.value.rconPort,
+                      "onUpdate:rconPort": t[10] || (t[10] = (a) => e.value.rconPort = a),
+                      "query-port": e.value.queryPort,
+                      "onUpdate:queryPort": t[11] || (t[11] = (a) => e.value.queryPort = a),
+                      "server-port-path": "serverPort",
+                      "rcon-port-path": "rconPort",
+                      "query-port-path": "queryPort"
+                    }, null, 8, ["server-port", "rcon-port", "query-port"])
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ]),
+              r(ne, {
+                color: "green",
+                onClick: E
+              }, {
+                default: u(() => [
+                  r(l(M), { name: "add-square" }),
+                  v("span", fe, " " + ae(l(s)("main.create")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ], 64);
+    };
+  }
+};
+export {
+  qe as default
+};