@gameap/frontend 4.1.0-dev1 → 4.1.0-dev2

package/dist/AdminUsersEditView-CXpMKFfI.js

@@ -0,0 +1,305 @@
+import { mergeModels as S, ref as q, useModel as z, resolveComponent as A, createElementBlock as B, openBlock as c, normalizeClass as f, createVNode as s, unref as e, withCtx as i, createElementVNode as n, createBlock as V, createCommentVNode as y, toDisplayString as E, computed as R, onMounted as F, Fragment as I } from "vue";
+import { Loading as _, GBreadcrumbs as P } from "@gameap/ui";
+import { d as M, y as $, t as a, B as G, v as L, z as D, A as O, o as x, _ as T, e as k, n as W } from "./index-60qEjGuU.js";
+import { NForm as j, NCard as C, NFormItem as p, NInput as v, NSelect as H } from "naive-ui";
+import { useRoute as J, useRouter as K } from "vue-router";
+import { storeToRefs as Q } from "pinia";
+const X = { class: "flex-wrap mt-2 md:grid md:grid-cols-2 gap-8" }, Y = { class: "gap-x-4 w-full" }, Z = { class: "flex-wrap md:grid mt-2" }, ee = { class: "md:w-full" }, le = { class: "hidden lg:inline" }, ae = {
+  __name: "UpdateUserForm",
+  props: /* @__PURE__ */ S({
+    loading: {
+      type: Boolean,
+      required: !1
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["update"], ["update:modelValue"]),
+  setup(u, { emit: g }) {
+    const b = M(), r = q({}), t = z(u, "modelValue"), w = {
+      login: {
+        required: !0,
+        validator: x(a("labels.login"))
+      },
+      email: {
+        required: !0,
+        validator: x(a("labels.email"))
+      },
+      name: {
+        required: !0,
+        validator: x(a("labels.name"))
+      },
+      password: {
+        validator: G(
+          L(
+            O(a("labels.password"), 8),
+            D(
+              a("labels.password"),
+              a("labels.password_confirmation"),
+              () => t.value.passwordConfirmation
+            )
+          )
+        )
+      },
+      roles: {
+        required: !0,
+        validator: $(a("labels.roles"))
+      }
+    }, N = [
+      {
+        label: "Administrator",
+        value: "admin"
+      },
+      {
+        label: "User",
+        value: "user"
+      }
+    ], o = g, h = () => {
+      r.value.validate().then(() => {
+        o("update");
+      });
+    };
+    return (m, l) => {
+      const U = A("UserServerPrivileges");
+      return c(), B("div", {
+        class: f(m.$attrs.class)
+      }, [
+        s(e(j), {
+          "label-placement": "top",
+          "label-width": "auto",
+          ref_key: "formRef",
+          ref: r,
+          model: t.value,
+          rules: w
+        }, {
+          default: i(() => [
+            n("div", X, [
+              n("div", null, [
+                s(e(C), {
+                  title: e(a)("users.user"),
+                  size: "small",
+                  class: "mb-3",
+                  "header-class": "g-card-header",
+                  segmented: {
+                    content: !0,
+                    footer: "soft"
+                  }
+                }, {
+                  default: i(() => [
+                    u.loading ? (c(), V(e(_), { key: 0 })) : y("", !0),
+                    n("div", {
+                      class: f(u.loading ? "hidden" : "")
+                    }, [
+                      s(e(p), {
+                        label: e(a)("labels.login"),
+                        path: "login"
+                      }, {
+                        default: i(() => [
+                          s(e(v), {
+                            disabled: "",
+                            value: t.value.login,
+                            "onUpdate:value": l[0] || (l[0] = (d) => t.value.login = d),
+                            type: "text"
+                          }, null, 8, ["value"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"]),
+                      s(e(p), {
+                        label: e(a)("labels.email"),
+                        path: "email"
+                      }, {
+                        default: i(() => [
+                          s(e(v), {
+                            value: t.value.email,
+                            "onUpdate:value": l[1] || (l[1] = (d) => t.value.email = d),
+                            type: "text"
+                          }, null, 8, ["value"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"]),
+                      s(e(p), {
+                        label: e(a)("labels.name"),
+                        path: "name"
+                      }, {
+                        default: i(() => [
+                          s(e(v), {
+                            value: t.value.name,
+                            "onUpdate:value": l[2] || (l[2] = (d) => t.value.name = d),
+                            type: "text"
+                          }, null, 8, ["value"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"]),
+                      s(e(p), {
+                        label: e(a)("labels.roles"),
+                        path: "roles"
+                      }, {
+                        default: i(() => [
+                          s(e(H), {
+                            value: t.value.roles,
+                            "onUpdate:value": l[3] || (l[3] = (d) => t.value.roles = d),
+                            multiple: "",
+                            options: N
+                          }, null, 8, ["value"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ], 2)
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ]),
+              n("div", null, [
+                s(e(C), {
+                  title: e(a)("users.update_password"),
+                  size: "small",
+                  class: "mb-3",
+                  "header-class": "g-card-header",
+                  segmented: {
+                    content: !0,
+                    footer: "soft"
+                  }
+                }, {
+                  default: i(() => [
+                    u.loading ? (c(), V(e(_), { key: 0 })) : y("", !0),
+                    n("div", {
+                      class: f(u.loading ? "hidden" : "")
+                    }, [
+                      s(e(p), {
+                        label: e(a)("labels.password"),
+                        path: "password"
+                      }, {
+                        default: i(() => [
+                          n("div", Y, [
+                            s(e(v), {
+                              value: t.value.password,
+                              "onUpdate:value": l[4] || (l[4] = (d) => t.value.password = d),
+                              type: "password",
+                              "show-password-on": "click",
+                              "input-props": { autocomplete: "one-time-code" }
+                            }, null, 8, ["value"]),
+                            s(e(v), {
+                              class: "mt-6",
+                              value: t.value.passwordConfirmation,
+                              "onUpdate:value": l[5] || (l[5] = (d) => t.value.passwordConfirmation = d),
+                              type: "password",
+                              "show-password-on": "click",
+                              "input-props": { autocomplete: "one-time-code" },
+                              placeholder: e(a)("labels.password_confirmation")
+                            }, null, 8, ["value", "placeholder"])
+                          ])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ], 2)
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ])
+            ]),
+            n("div", Z, [
+              n("div", ee, [
+                s(e(C), {
+                  title: e(a)("users.servers"),
+                  size: "small",
+                  class: "mb-3",
+                  "header-class": "g-card-header",
+                  segmented: {
+                    content: !0,
+                    footer: "soft"
+                  }
+                }, {
+                  default: i(() => [
+                    u.loading ? (c(), V(e(_), { key: 0 })) : y("", !0),
+                    n("div", {
+                      class: f(u.loading ? "hidden" : "")
+                    }, [
+                      s(U, {
+                        "user-id": e(b).userId,
+                        modelValue: t.value.servers,
+                        "onUpdate:modelValue": l[6] || (l[6] = (d) => t.value.servers = d)
+                      }, null, 8, ["user-id", "modelValue"])
+                    ], 2)
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        s(T, {
+          color: "green",
+          onClick: h,
+          class: "mt-4"
+        }, {
+          default: i(() => [
+            l[7] || (l[7] = n("i", { class: "fa-regular fa-floppy-disk mr-0.5" }, null, -1)),
+            n("span", le, " " + E(e(a)("main.save")), 1)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+}, ie = {
+  __name: "AdminUsersEditView",
+  setup(u) {
+    const g = J(), b = K(), r = M(), t = R(() => [
+      { route: "/", text: "GameAP", icon: "gicon gicon-gameap" },
+      { route: { name: "admin.users.index" }, text: a("users.users") },
+      { text: a("users.title_edit") }
+    ]), { loading: w, user: N } = Q(r);
+    F(() => {
+      r.setUserId(g.params.id), r.fetchUser().then(() => {
+        o.value.login = r.user.login, o.value.email = r.user.email, o.value.name = r.user.name, o.value.roles = r.user.roles;
+      }).catch((m) => {
+        k(m);
+      }), r.fetchServers().then(() => {
+        o.value.servers = r.servers;
+      }).catch((m) => {
+        k(m);
+      });
+    });
+    const o = q({
+      login: "",
+      email: "",
+      name: "",
+      roles: [],
+      password: "",
+      servers: []
+    }), h = () => {
+      const m = {
+        login: o.value.login,
+        email: o.value.email,
+        name: o.value.name,
+        roles: o.value.roles,
+        password: o.value.password,
+        servers: o.value.servers.map((l) => l.id)
+      };
+      r.saveUser(m).then(() => {
+        W({
+          content: a("users.update_success_msg"),
+          type: "success"
+        }, () => {
+          b.push({ name: "admin.users.index" });
+        });
+      }).catch((l) => {
+        k(l);
+      });
+    };
+    return (m, l) => (c(), B(I, null, [
+      s(e(P), { items: t.value }, null, 8, ["items"]),
+      s(ae, {
+        loading: e(w),
+        modelValue: o.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (U) => o.value = U),
+        onUpdate: h
+      }, null, 8, ["loading", "modelValue"])
+    ], 64));
+  }
+};
+export {
+  ie as default
+};