@gameap/frontend 4.1.0-dev1 → 4.1.0-dev11

package/dist/AdminUsersEditView-DeYo98vi.js

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