@gameap/frontend 4.1.0-dev8 → 4.1.0-dev9

package/dist/TokensView-B5D45QbV.js

@@ -0,0 +1,392 @@
+import { mergeModels as S, ref as w, useModel as L, createElementBlock as y, openBlock as b, normalizeClass as D, createVNode as n, unref as a, withCtx as f, createBlock as O, createCommentVNode as H, createElementVNode as h, Fragment as q, renderList as F, createTextVNode as I, toDisplayString as V, computed as j, onMounted as J, h as m } from "vue";
+import { b as x, t as s, l as z, _ as M, a as C, e as P, m as K, n as B } from "./index-BDKiNPpP.js";
+import { defineStore as Q, storeToRefs as W } from "pinia";
+import { NForm as X, NFormItem as E, NInput as R, NCheckbox as G, NCheckboxGroup as Y, NDataTable as Z, NModal as ee, NInputGroup as te, NButton as ae } from "naive-ui";
+import { r as se } from "./validators-BVXTUmow.js";
+import { i as ie } from "./isEmpty-lBntcFaB.js";
+import { j as ne } from "./join-CmlzL0H9.js";
+const le = Q("tokens", {
+  state: () => ({
+    tokens: [],
+    abilities: {},
+    apiProcesses: 0
+  }),
+  getters: {
+    loading: (t) => t.apiProcesses > 0
+  },
+  actions: {
+    async fetchTokens() {
+      this.apiProcesses++;
+      try {
+        const t = await x.get("/api/tokens");
+        this.tokens = Array.isArray(t.data) ? t.data : [];
+      } catch (t) {
+        throw t;
+      } finally {
+        this.apiProcesses--;
+      }
+    },
+    async fetchAbilities() {
+      this.apiProcesses++;
+      try {
+        const t = await x.get("/api/tokens/abilities");
+        this.abilities = t.data;
+      } catch (t) {
+        throw t;
+      } finally {
+        this.apiProcesses--;
+      }
+    },
+    async createToken(t, o) {
+      this.apiProcesses++;
+      try {
+        return (await x.post("/api/tokens", {
+          token_name: t,
+          abilities: o
+        })).data;
+      } catch (p) {
+        throw p;
+      } finally {
+        this.apiProcesses--;
+      }
+    },
+    async deleteToken(t) {
+      this.apiProcesses++;
+      try {
+        await x.delete("/api/tokens/" + t);
+      } catch (o) {
+        throw o;
+      } finally {
+        this.apiProcesses--;
+      }
+    }
+  }
+}), oe = { class: "w-full mb-2" }, re = { class: "m-4" }, ce = { class: "ml-4 m-2" }, de = { class: "flex flex-wrap" }, ue = { class: "md:w-2/3" }, me = { class: "hidden lg:inline" }, fe = {
+  __name: "GenerateTokenForm",
+  props: /* @__PURE__ */ S({
+    loading: {
+      type: Boolean,
+      required: !1
+    },
+    abilities: {
+      type: Object,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      name: "",
+      abilities: []
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["generate"], ["update:modelValue"]),
+  setup(t, { emit: o }) {
+    const p = t, N = w({}), l = L(t, "modelValue"), k = w({}), $ = {
+      name: {
+        required: !0,
+        validator: se(s("labels.name"))
+      },
+      abilities: {
+        required: !0,
+        validator: (r, i) => {
+          if (ie(i))
+            return new Error(
+              s("tokens.validation.abilities_required")
+            );
+        }
+      }
+    }, T = (r) => {
+      for (const [i] of Object.entries(p.abilities[r]))
+        k.value[r] ? l.value.abilities.includes(i) || l.value.abilities.push(i) : l.value.abilities = l.value.abilities.filter((c) => c !== i);
+    }, A = (r) => {
+      for (const [i] of Object.entries(p.abilities[r]))
+        if (!l.value.abilities.includes(i)) {
+          k.value[r] = !1;
+          return;
+        }
+      k.value[r] = !0;
+    }, _ = o, U = () => {
+      N.value.validate().then(() => {
+        _("generate");
+      });
+    };
+    return (r, i) => (b(), y("div", {
+      class: D(r.$attrs.class)
+    }, [
+      n(a(X), {
+        "label-placement": "top",
+        "label-width": "auto",
+        ref_key: "formRef",
+        ref: N,
+        model: l.value,
+        rules: $
+      }, {
+        default: f(() => [
+          t.loading ? (b(), O(a(z), { key: 0 })) : H("", !0),
+          h("div", {
+            class: D(["mb-4", t.loading ? "hidden" : ""])
+          }, [
+            n(a(E), {
+              label: a(s)("labels.name"),
+              path: "name"
+            }, {
+              default: f(() => [
+                n(a(R), {
+                  value: l.value.name,
+                  "onUpdate:value": i[0] || (i[0] = (c) => l.value.name = c),
+                  type: "text"
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            n(a(E), {
+              label: a(s)("tokens.abilities"),
+              path: "abilities"
+            }, {
+              default: f(() => [
+                h("div", oe, [
+                  (b(!0), y(q, null, F(t.abilities, (c, v) => (b(), y("div", re, [
+                    n(a(G), {
+                      checked: k.value[v],
+                      "onUpdate:checked": [(u) => k.value[v] = u, (u) => T(v)]
+                    }, {
+                      default: f(() => [
+                        I(V(v), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["checked", "onUpdate:checked"]),
+                    n(a(Y), {
+                      value: l.value.abilities,
+                      "onUpdate:value": [
+                        i[1] || (i[1] = (u) => l.value.abilities = u),
+                        (u) => A(v)
+                      ]
+                    }, {
+                      default: f(() => [
+                        h("ul", null, [
+                          (b(!0), y(q, null, F(c, (u, e) => (b(), y("li", ce, [
+                            h("div", de, [
+                              n(a(G), {
+                                class: "md:w-1/3",
+                                value: e,
+                                label: e
+                              }, null, 8, ["value", "label"]),
+                              h("div", ue, V(u), 1)
+                            ])
+                          ]))), 256))
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["value", "onUpdate:value"])
+                  ]))), 256))
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["model"]),
+      n(M, {
+        color: "green",
+        onClick: U
+      }, {
+        default: f(() => [
+          n(a(C), { name: "add-square" }),
+          h("span", me, " " + V(a(s)("main.generate")), 1)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}, pe = { class: "mb-5" }, we = {
+  __name: "TokensView",
+  setup(t) {
+    const o = le(), p = j(() => [
+      { route: "/", text: "GameAP", icon: "gicon gicon-gameap" },
+      { route: { name: "tokens" }, text: s("tokens.tokens") }
+    ]), l = w([
+      {
+        title: s("tokens.name"),
+        key: "name"
+      },
+      {
+        title: s("tokens.abilities"),
+        key: "abilities",
+        width: "30%"
+      },
+      {
+        title: s("tokens.last_used"),
+        key: "lastUsedAt"
+      },
+      {
+        title: s("main.actions"),
+        render(e) {
+          return [
+            m(M, {
+              color: "red",
+              size: "small",
+              text: s("main.delete"),
+              onClick: () => {
+                u(e.id);
+              }
+            }, { default: () => [
+              m(C, { name: "delete" }),
+              m("span", { class: "hidden lg:inline" }, s("main.delete"))
+            ] })
+          ];
+        }
+      }
+    ]), k = {
+      pageSize: 30
+    }, { loading: $, tokens: T, abilities: A } = W(o);
+    J(() => {
+      _();
+    });
+    const _ = () => {
+      o.fetchTokens().catch((e) => {
+        P(e);
+      });
+    }, U = j(() => Array.isArray(T.value) ? T.value.map((e) => ({
+      id: e.id,
+      name: e.name,
+      abilities: ne(e.abilities, ", "),
+      createdAt: new Date(e.created_at).toLocaleString(),
+      lastUsedAt: e.last_used_at ? new Date(e.last_used_at).toLocaleString() : s("main.never")
+    })) : []), r = () => {
+      o.fetchAbilities().then(() => {
+        c.value = {
+          name: "",
+          abilities: []
+        }, i.value = !0;
+      }).catch((e) => {
+        P(e);
+      });
+    }, i = w(!1), c = w({
+      name: "",
+      abilities: []
+    }), v = () => {
+      o.createToken(
+        c.value.name,
+        c.value.abilities
+      ).then((e) => {
+        const d = w(!1);
+        B({
+          content: () => [
+            m(
+              "div",
+              { class: "my-2" },
+              s("tokens.token_created_notification")
+            ),
+            m(te, {
+              class: "mt-2 mb-4"
+            }, [
+              m(R, {
+                value: e.token,
+                readonly: !0,
+                size: "small",
+                style: "width: 100%"
+              }),
+              m(ae, {
+                type: "primary",
+                onClick: () => {
+                  navigator.clipboard.writeText(e.token).then(() => {
+                    d.value = !0;
+                  }, () => {
+                    console.error("Failed to copy");
+                  });
+                }
+              }, [
+                d.value ? m(C, { name: "check" }) : m(C, { name: "copy" })
+              ])
+            ])
+          ],
+          style: {
+            width: "600px"
+          },
+          maskClosable: !1,
+          type: "success"
+        }, () => {
+        }), _(), i.value = !1, _();
+      }).catch((e) => {
+        P(e);
+      });
+    }, u = (e) => {
+      const d = () => {
+        o.deleteToken(e).then(() => {
+          B({
+            content: s("tokens.token_removed_msg"),
+            type: "success"
+          }), _();
+        }).catch((g) => {
+          P(g);
+        });
+      };
+      window.$dialog.success({
+        title: s("tokens.delete_confirm_msg"),
+        positiveText: s("main.yes"),
+        negativeText: s("main.no"),
+        closable: !1,
+        onPositiveClick: () => {
+          d();
+        },
+        onNegativeClick: () => {
+        }
+      });
+    };
+    return (e, d) => (b(), y(q, null, [
+      n(a(K), { items: p.value }, null, 8, ["items"]),
+      h("div", pe, [
+        n(M, {
+          class: "mr-1",
+          color: "green",
+          onClick: d[0] || (d[0] = (g) => r())
+        }, {
+          default: f(() => [
+            n(a(C), { name: "add-square" }),
+            I(" " + V(a(s)("tokens.generate_token")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      n(a(Z), {
+        remote: "",
+        ref: "tableRef",
+        bordered: !1,
+        "single-line": !0,
+        columns: l.value,
+        data: U.value,
+        loading: a($),
+        pagination: k
+      }, {
+        loading: f(() => [
+          n(a(z))
+        ]),
+        _: 1
+      }, 8, ["columns", "data", "loading"]),
+      n(a(ee), {
+        show: i.value,
+        "onUpdate:show": d[2] || (d[2] = (g) => i.value = g),
+        class: "custom-card",
+        preset: "card",
+        title: a(s)("tokens.generate_token"),
+        bordered: !1,
+        style: { width: "800px" },
+        segmented: { content: "soft", footer: "soft" }
+      }, {
+        default: f(() => [
+          n(fe, {
+            abilities: a(A),
+            modelValue: c.value,
+            "onUpdate:modelValue": d[1] || (d[1] = (g) => c.value = g),
+            onGenerate: v
+          }, null, 8, ["abilities", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["show", "title"])
+    ], 64));
+  }
+};
+export {
+  we as default
+};