@gameap/frontend 4.1.0-dev1 → 4.1.0-dev3

package/dist/AdminGamesList-CM1xADCW.js

@@ -0,0 +1,500 @@
+import { mergeModels as X, ref as v, useModel as Y, createElementBlock as E, openBlock as q, createVNode as l, unref as t, withCtx as n, createElementVNode as f, toDisplayString as R, computed as W, onMounted as Z, Fragment as ee, createTextVNode as L, h as m } from "vue";
+import { GBreadcrumbs as ae, Loading as oe, GDeletableList as te } from "@gameap/ui";
+import { o as T, t as o, v as le, w as se, _ as y, e as g, g as ne, n as M } from "./index-60qEjGuU.js";
+import { u as ie } from "./gameList-DpGDCxFE.js";
+import { NForm as re, NFormItem as C, NInput as _, NSpace as de, NInputGroup as me, NInputGroupLabel as ue, NDataTable as ce, NEmpty as pe, NModal as B } from "naive-ui";
+import { useRouter as fe } from "vue-router";
+import { storeToRefs as ge } from "pinia";
+import { _ as ve } from "./CreateModForm-CqhcrNFp.js";
+const ye = { class: "hidden lg:inline" }, _e = {
+  __name: "CreateGameForm",
+  props: {
+    modelValue: {
+      code: "",
+      name: "",
+      engine: "",
+      engineVersion: "",
+      remoteRepositoryLinux: "",
+      remoteRepositoryWindows: ""
+    },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ X(["create"], ["update:modelValue"]),
+  setup(N, { emit: V }) {
+    const u = v({}), r = Y(N, "modelValue"), x = {
+      code: {
+        required: !0,
+        validator: le(
+          T(o("labels.code")),
+          se(o("labels.code"), 2, 16)
+        )
+      },
+      name: {
+        required: !0,
+        validator: T(o("labels.name"))
+      }
+    }, b = V, h = () => {
+      u.value.validate().then(() => {
+        b("create");
+      });
+    };
+    return (U, i) => (q(), E("div", null, [
+      l(t(re), {
+        "label-placement": "top",
+        "label-width": "auto",
+        ref_key: "formRef",
+        ref: u,
+        model: r.value,
+        rules: x
+      }, {
+        default: n(() => [
+          l(t(C), {
+            label: t(o)("labels.code"),
+            path: "code"
+          }, {
+            default: n(() => [
+              l(t(_), {
+                minlength: "2",
+                maxlength: "16",
+                "show-count": "",
+                value: r.value.code,
+                "onUpdate:value": i[0] || (i[0] = (d) => r.value.code = d),
+                type: "text"
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(t(C), {
+            label: t(o)("labels.name"),
+            path: "name"
+          }, {
+            default: n(() => [
+              l(t(_), {
+                value: r.value.name,
+                "onUpdate:value": i[1] || (i[1] = (d) => r.value.name = d),
+                type: "text"
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(t(de), null, {
+            default: n(() => [
+              l(t(C), {
+                label: t(o)("labels.engine"),
+                path: "engine"
+              }, {
+                default: n(() => [
+                  l(t(_), {
+                    value: r.value.engine,
+                    "onUpdate:value": i[2] || (i[2] = (d) => r.value.engine = d),
+                    type: "text"
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              l(t(C), {
+                label: t(o)("labels.engine_version"),
+                path: "engineVersion"
+              }, {
+                default: n(() => [
+                  l(t(_), {
+                    value: r.value.engineVersion,
+                    "onUpdate:value": i[3] || (i[3] = (d) => r.value.engineVersion = d),
+                    type: "text"
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ]),
+            _: 1
+          }),
+          l(t(C), {
+            label: t(o)("labels.remote_repository_linux"),
+            path: "remoteRepositoryLinux"
+          }, {
+            default: n(() => [
+              l(t(_), {
+                value: r.value.remoteRepositoryLinux,
+                "onUpdate:value": i[4] || (i[4] = (d) => r.value.remoteRepositoryLinux = d),
+                type: "text"
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(t(C), {
+            label: t(o)("labels.remote_repository_windows"),
+            path: "remoteRepositoryWindows"
+          }, {
+            default: n(() => [
+              l(t(_), {
+                value: r.value.remoteRepositoryWindows,
+                "onUpdate:value": i[5] || (i[5] = (d) => r.value.remoteRepositoryWindows = d),
+                type: "text"
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["model"]),
+      l(y, {
+        color: "green",
+        onClick: h
+      }, {
+        default: n(() => [
+          i[6] || (i[6] = f("i", { class: "fa-regular fa-square-plus" }, null, -1)),
+          f("span", ye, " " + R(t(o)("main.create")), 1)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, be = { class: "mb-5" }, Ce = { class: "w-1/4 mb-1" }, Me = {
+  __name: "AdminGamesList",
+  setup(N) {
+    const V = fe(), u = ie(), r = W(() => [
+      { route: "/", text: "GameAP", icon: "gicon gicon-gameap" },
+      { route: { name: "admin.games.index" }, text: o("games.games") }
+    ]);
+    Z(() => {
+      x(), b();
+    });
+    const x = () => {
+      u.fetchGames().catch((a) => {
+        g(a);
+      });
+    }, b = () => {
+      u.fetchAllGameMods().catch((a) => {
+        g(a);
+      });
+    }, h = () => [
+      {
+        title: o("games.name"),
+        key: "name",
+        render(a) {
+          return m("div", { class: "flex items-center" }, [
+            m(ne, { game: a.code, class: "mr-2" }),
+            m("span", { class: "" }, a.name)
+          ]);
+        }
+      },
+      {
+        title: o("games.code"),
+        key: "code"
+      },
+      {
+        title: o("games.mods"),
+        key: "mods",
+        render(a) {
+          return a.mods.length === 0 ? m(y, {
+            color: "orange",
+            size: "small",
+            class: "px-2 py-1",
+            onClick: () => {
+              $(a.code);
+            }
+          }, [
+            m("i", { class: "fa-solid fa-cat mr-0.5" }),
+            m("span", { class: "" }, o("games.add_first_mod"))
+          ]) : m(
+            te,
+            {
+              class: ["md:max-w-48"],
+              items: a.mods,
+              deleteCallback: J,
+              clickCallback: H
+            }
+          );
+        }
+      },
+      {
+        title: o("main.actions"),
+        render(a) {
+          return [
+            m(y, {
+              color: "blue",
+              size: "small",
+              class: "mr-0.5",
+              route: { name: "admin.games.edit", params: { code: a.code } }
+            }, [
+              m("i", { class: "fa-solid fa-pen-to-square" }),
+              m("span", { class: "hidden lg:inline" }, o("main.edit"))
+            ]),
+            m(y, {
+              color: "red",
+              size: "small",
+              text: o("main.delete"),
+              onClick: () => {
+                A(a.code);
+              }
+            }, [
+              m("i", { class: "fa-solid fa-trash" }),
+              m("span", { class: "hidden lg:inline" }, o("main.delete"))
+            ])
+          ];
+        }
+      }
+    ], { loading: U, games: i, allGameMods: d } = ge(u), k = v(!1), p = v({
+      game: null,
+      name: "",
+      remoteRepositoryLinux: "",
+      remoteRepositoryWindows: ""
+    }), G = v(!1), c = v({
+      code: "",
+      name: "",
+      engine: "",
+      engineVersion: "",
+      remoteRepositoryLinux: "",
+      remoteRepositoryWindows: ""
+    }), D = v(h()), I = {
+      pageSize: 50
+    }, w = v(""), S = W(() => {
+      let a = [];
+      return i.value.forEach((e) => {
+        w.value && !e.name.toLowerCase().includes(w.value.toLowerCase()) && !e.code.toLowerCase().includes(w.value.toLowerCase()) || a.push({
+          name: e.name,
+          code: e.code,
+          engine: e.engine,
+          mods: z(e.code)
+        });
+      }), a.sort((e, s) => e.name.localeCompare(s.name));
+    }), z = (a) => {
+      let e = [];
+      return d.value.forEach((s) => {
+        s.game_code === a && e.push({
+          id: s.id,
+          name: s.name,
+          gameCode: s.game_code
+        });
+      }), e;
+    }, A = (a) => {
+      window.$dialog.success({
+        title: o("games.delete_game_confirm_msg"),
+        positiveText: o("main.yes"),
+        negativeText: o("main.no"),
+        closable: !1,
+        onPositiveClick: () => {
+          F(a);
+        },
+        onNegativeClick: () => {
+        }
+      });
+    }, F = (a) => {
+      u.deleteGameByCode(a).then(() => {
+        x();
+      }).catch((e) => {
+        g(e);
+      });
+    }, $ = (a) => {
+      p.value = {
+        game: null,
+        name: "",
+        remoteRepositoryLinux: "",
+        remoteRepositoryWindows: ""
+      }, a && (p.value.game = a), k.value = !0;
+    }, P = () => {
+      const a = {
+        name: p.value.name,
+        game_code: p.value.game,
+        remote_repository_linux: p.value.remoteRepositoryLinux,
+        remote_repository_windows: p.value.remoteRepositoryWindows
+      };
+      u.createGameMod(a).then(({ id: e }) => {
+        M({
+          content: o("games.mod_create_success_msg"),
+          type: "success"
+        }, () => {
+          b();
+        });
+      }).catch((e) => {
+        g(e);
+      }).finally(() => {
+        k.value = !1;
+      });
+    }, O = () => {
+      c.value = {
+        code: "",
+        name: "",
+        remoteRepositoryLinux: "",
+        remoteRepositoryWindows: ""
+      }, G.value = !0;
+    }, j = () => {
+      const a = {
+        name: c.value.name,
+        code: c.value.code,
+        engine: c.value.engine,
+        engine_version: c.value.engineVersion,
+        remote_repository_linux: c.value.remoteRepositoryLinux,
+        remote_repository_windows: c.value.remoteRepositoryWindows
+      };
+      a.engine || (a.engine = "unknown"), u.createGame(a).then(({ id: e }) => {
+        M({
+          content: o("games.create_success_msg"),
+          type: "success"
+        }, () => {
+          u.fetchGames();
+        });
+      }).catch((e) => {
+        g(e);
+      }).finally(() => {
+        G.value = !1;
+      });
+    }, H = (a, e) => {
+      V.push({ name: "admin.games.mods.edit", params: { code: a, id: e } });
+    }, J = (a) => {
+      window.$dialog.success({
+        title: o("games.delete_mod_confirm_msg"),
+        positiveText: o("main.yes"),
+        negativeText: o("main.no"),
+        closable: !1,
+        onPositiveClick: () => {
+          K(a);
+        },
+        onNegativeClick: () => {
+        }
+      });
+    }, K = (a) => {
+      u.deleteModById(a).then(() => {
+        b();
+      }).catch((e) => {
+        g(e);
+      });
+    }, Q = () => {
+      window.$dialog.success({
+        title: o("games.d_upgrade_confirm"),
+        positiveText: o("main.yes"),
+        negativeText: o("main.no"),
+        closable: !1,
+        onPositiveClick: () => {
+          u.upgradeGames().then(() => {
+            M({
+              content: o("games.upgrade_success_msg"),
+              type: "success"
+            }), x(), b();
+          }).catch((a) => {
+            g(a);
+          });
+        },
+        onNegativeClick: () => {
+        }
+      });
+    };
+    return (a, e) => (q(), E(ee, null, [
+      l(t(ae), { items: r.value }, null, 8, ["items"]),
+      f("div", be, [
+        l(y, {
+          class: "mr-1",
+          color: "green",
+          onClick: e[0] || (e[0] = (s) => O())
+        }, {
+          default: n(() => [
+            e[8] || (e[8] = f("i", { class: "fa-solid fa-plus-square" }, null, -1)),
+            L(" " + R(t(o)("games.add")), 1)
+          ]),
+          _: 1
+        }),
+        l(y, {
+          class: "mr-1",
+          color: "orange",
+          onClick: e[1] || (e[1] = (s) => $())
+        }, {
+          default: n(() => [
+            e[9] || (e[9] = f("i", { class: "fa-solid fa-cat" }, null, -1)),
+            L(" " + R(t(o)("games.add_mod")), 1)
+          ]),
+          _: 1
+        }),
+        l(y, {
+          class: "mr-1",
+          color: "black",
+          onClick: e[2] || (e[2] = (s) => Q())
+        }, {
+          default: n(() => [
+            e[10] || (e[10] = f("i", { class: "fa-solid fa-sync" }, null, -1)),
+            L(" " + R(t(o)("games.upgrade")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      f("div", Ce, [
+        l(t(me), null, {
+          default: n(() => [
+            l(t(ue), null, {
+              default: n(() => [...e[11] || (e[11] = [
+                f("i", { class: "fa-solid fa-magnifying-glass" }, null, -1)
+              ])]),
+              _: 1
+            }),
+            l(t(_), {
+              value: w.value,
+              "onUpdate:value": e[3] || (e[3] = (s) => w.value = s),
+              type: "text",
+              placeholder: t(o)("main.search")
+            }, null, 8, ["value", "placeholder"])
+          ]),
+          _: 1
+        })
+      ]),
+      l(t(ce), {
+        ref: "tableRef",
+        bordered: !1,
+        "single-line": !0,
+        columns: D.value,
+        data: S.value,
+        loading: t(U),
+        pagination: I
+      }, {
+        loading: n(() => [
+          l(t(oe))
+        ]),
+        empty: n(() => [
+          l(t(pe), {
+            description: t(o)("servers.empty_list")
+          }, null, 8, ["description"])
+        ]),
+        _: 1
+      }, 8, ["columns", "data", "loading"]),
+      l(t(B), {
+        show: G.value,
+        "onUpdate:show": e[5] || (e[5] = (s) => G.value = s),
+        class: "custom-card",
+        preset: "card",
+        title: t(o)("games.title_add"),
+        bordered: !1,
+        style: { width: "600px" },
+        segmented: { content: "soft", footer: "soft" }
+      }, {
+        default: n(() => [
+          l(_e, {
+            modelValue: c.value,
+            "onUpdate:modelValue": e[4] || (e[4] = (s) => c.value = s),
+            onCreate: j
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["show", "title"]),
+      l(t(B), {
+        show: k.value,
+        "onUpdate:show": e[7] || (e[7] = (s) => k.value = s),
+        class: "custom-card",
+        preset: "card",
+        title: t(o)("games.title_add_mod"),
+        bordered: !1,
+        style: { width: "600px" },
+        segmented: { content: "soft", footer: "soft" }
+      }, {
+        default: n(() => [
+          l(ve, {
+            modelValue: p.value,
+            "onUpdate:modelValue": e[6] || (e[6] = (s) => p.value = s),
+            onCreate: P
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["show", "title"])
+    ], 64));
+  }
+};
+export {
+  Me as default
+};