@camera.ui/server 2.1.12 → 2.1.13

package/dist/interface/ha/SettingsUsers-F4CZggSR.js

@@ -0,0 +1,379 @@
+import { c as e } from "./ripple-BilzxWfY.js";
+import { D as t, Dt as n, H as r, Jt as i, M as a, Tt as o, Wt as s, _t as c, d as l, f as u, gt as d, kt as f, l as p, lt as m, p as h, qt as g, rt as _, u as v, ut as y, v as b, x, xt as S, y as C } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as w } from "./tooltip-BIrD_hC8.js";
+import { C as T, Dn as E, Er as D, F as O, N as k, On as A, Ot as j, P as M, dt as N, gi as P, gt as F, pi as I, x as L, yr as R } from "./api-CWJkvtnM.js";
+import { i as z, o as B } from "./intercomService-jB2mTgsn.js";
+import { n as V } from "./vue-i18n-Dcb07o5U.js";
+import { n as H, t as U } from "./button-BlYuI0Q7.js";
+import { i as W } from "./inputicon-6-vaPLbw.js";
+import { t as G } from "./inputtext-DGIESrd0.js";
+import { t as K } from "./select-DjWkRqsI.js";
+import { i as q, t as ee } from "./CuiDataTable-Cx9GBqsV.js";
+import { t as te } from "./delete-D-m8mqly.js";
+import { n as ne, t as re } from "./auth-X6tkVYJs.js";
+//#region ~icons/mdi/account-edit
+var J = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Y(e, t) {
+	return r(), h("svg", J, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "m21.7 13.35l-1 1l-2.05-2.05l1-1a.55.55 0 0 1 .77 0l1.28 1.28c.21.21.21.56 0 .77M12 18.94l6.06-6.06l2.05 2.05L14.06 21H12zM12 14c-4.42 0-8 1.79-8 4v2h6v-1.89l4-4c-.66-.08-1.33-.11-2-.11m0-10a4 4 0 0 0-4 4a4 4 0 0 0 4 4a4 4 0 0 0 4-4a4 4 0 0 0-4-4"
+	}, null, -1)]]);
+}
+var ie = c({
+	name: "mdi-account-edit",
+	render: Y
+}), X = {
+	for: "username",
+	class: "cui-label"
+}, Z = {
+	for: "password",
+	class: "cui-label"
+}, Q = {
+	for: "passwordConfirm",
+	class: "cui-label"
+}, $ = {
+	for: "role",
+	class: "cui-label"
+}, ae = /* @__PURE__ */ x({
+	__name: "UserForm",
+	props: { user: {} },
+	setup(o, { expose: s }) {
+		let c = new I(), d = o, h = B(), g = P(), { t: y } = V(), b = t("dialogRefProps"), { mutateAsync: x, isPending: w } = c.createUserQuery(), { mutateAsync: E, isPending: D } = c.patchUserQuery(), { user: A } = n(d), F = _("formRef"), R = S({}), z = S(["user", "admin"]), H = p(() => !!(b.loading?.value || w.value || D.value));
+		async function U() {
+			let e = await F.value?.validate();
+			if (!e?.valid) return h.error("Validation failed", e), g.add({
+				severity: "error",
+				detail: y("components.toast.validation_failed"),
+				life: 3e3
+			}), null;
+			A.value ? await E({
+				username: A.value.username,
+				userData: R.value
+			}) : await x({ userData: R.value });
+		}
+		return s({
+			isLoading: H,
+			onConfirm: U
+		}), (t, n) => {
+			let o = G, s = j, c = N, d = K;
+			return r(), l(f(O), {
+				ref_key: "formRef",
+				ref: F,
+				class: "flex flex-col gap-6",
+				"validation-schema": f(A) ? f(T) : f(L)
+			}, {
+				default: m(() => [
+					C(f(M), {
+						modelValue: f(R).username,
+						"onUpdate:modelValue": n[0] ||= (e) => f(R).username = e,
+						modelModifiers: { trim: !0 },
+						value: f(A)?.username ?? f(R).username,
+						name: "username",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: m(({ field: n, errors: r }) => [
+							v("label", X, i(t.$t("components.form.label.username")), 1),
+							C(s, null, {
+								default: m(() => [C(o, a(n, {
+									invalid: r.length > 0,
+									loading: f(H),
+									type: "text"
+								}), null, 16, ["invalid", "loading"])]),
+								_: 2
+							}, 1024),
+							C(e, { name: "fade" }, {
+								default: m(() => [C(f(k), {
+									name: "username",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["modelValue", "value"]),
+					C(f(M), {
+						modelValue: f(R).password,
+						"onUpdate:modelValue": n[1] ||= (e) => f(R).password = e,
+						name: "password",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: m(({ field: n, errors: r }) => [
+							v("label", Z, i(t.$t("components.form.label.new_password")), 1),
+							C(s, null, {
+								default: m(() => [C(c, a({ invalid: r.length > 0 }, n, {
+									loading: f(H),
+									feedback: !1,
+									"toggle-mask": ""
+								}), null, 16, ["invalid", "loading"])]),
+								_: 2
+							}, 1024),
+							C(e, { name: "fade" }, {
+								default: m(() => [C(f(k), {
+									name: "password",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["modelValue"]),
+					C(f(M), {
+						modelValue: f(R).passwordConfirm,
+						"onUpdate:modelValue": n[2] ||= (e) => f(R).passwordConfirm = e,
+						name: "passwordConfirm",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: m(({ field: n, errors: r }) => [
+							v("label", Q, i(t.$t("components.form.label.new_password_confirm")), 1),
+							C(s, null, {
+								default: m(() => [C(c, a({ invalid: r.length > 0 }, n, {
+									loading: f(H),
+									feedback: !1,
+									"toggle-mask": ""
+								}), null, 16, ["invalid", "loading"])]),
+								_: 2
+							}, 1024),
+							C(e, { name: "fade" }, {
+								default: m(() => [C(f(k), {
+									name: "passwordConfirm",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["modelValue"]),
+					f(A)?.role === "master" ? u("", !0) : (r(), l(f(M), {
+						key: 0,
+						"model-value": f(R).role,
+						name: "role",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: m(({ errors: r }) => [
+							v("label", $, i(t.$t("components.form.label.role")), 1),
+							C(s, null, {
+								default: m(() => [C(d, {
+									"model-value": f(A)?.role ?? f(R).role,
+									options: f(z),
+									invalid: r.length > 0,
+									loading: f(H),
+									type: "text",
+									onValueChange: n[3] ||= (e) => f(R).role = e
+								}, null, 8, [
+									"model-value",
+									"options",
+									"invalid",
+									"loading"
+								])]),
+								_: 2
+							}, 1024),
+							C(e, { name: "fade" }, {
+								default: m(() => [C(f(k), {
+									name: "role",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["model-value"]))
+				]),
+				_: 1
+			}, 8, ["validation-schema"]);
+		};
+	}
+}), oe = { class: "flex flex-col w-full gap-6" }, se = { class: "card-title" }, ce = { class: "flex flex-col gap-6" }, le = { class: "flex items-center gap-2" }, ue = { class: "flex flex-col" }, de = { class: "text-sm font-semibold text-color" }, fe = { class: "text-xs text-muted" }, pe = { class: "relative w-6 h-6" }, me = { class: "flex flex-row items-end justify-end gap-2" }, he = { class: "card-title" }, ge = { class: "flex items-center justify-center" }, _e = { class: "font-medium block max-w-[200px] truncate" }, ve = { class: "text-muted text-sm" }, ye = /* @__PURE__ */ x({
+	__name: "SettingsUsers",
+	setup(e) {
+		let t = new re(), n = new I(), a = F(), { mdBreakpoint: c } = D(), { t: u } = V(), x = S({
+			pageSize: 15,
+			page: 1
+		}), T = S({
+			page: 1,
+			pageSize: -1
+		}), { data: O, isBusy: k } = n.getUsersQuery(x), { mutate: j, isPending: M } = n.removeUserQuery(), { data: N, isBusy: P } = t.listAllSessionsQuery(T), { mutate: L, isPending: B } = t.revokeSessionQuery(), G = {
+			bodyRow: { class: "text-sm text-secondary" },
+			column: { columnTitle: { class: "text-sm" } }
+		}, K = S({ global: {
+			value: null,
+			matchMode: W.CONTAINS
+		} }), J = _("menuRef"), Y = p(() => k.value || M.value), X = p(() => N.value ?? []), Z = p(() => !!P.value), Q = p(() => [{
+			label: u("views.settings.edit"),
+			icon: ie,
+			buttonProps: { disabled: Y.value },
+			onClick: (e) => {
+				$(e);
+			}
+		}, {
+			label: u("views.settings.remove"),
+			icon: te,
+			iconProps: { class: "text-red-500" },
+			labelProps: { class: "text-red-500" },
+			buttonProps: {
+				disabled: Y.value,
+				severity: "danger"
+			},
+			onClick: (e) => {
+				j({ username: e.username });
+			}
+		}]);
+		function $(e) {
+			a.openComponentDialog(ae, { data: {
+				title: u(e ? "components.dialog.title.edit_user" : "components.dialog.title.create_new_user"),
+				confirmText: u(e ? "components.form.button.save" : "components.form.button.add"),
+				loading: Y,
+				contentProps: { user: o(e) }
+			} });
+		}
+		return (e, t) => {
+			let n = R, a = A, o = q, u = U, p = ee, _ = z, S = H, T = ne, D = w;
+			return r(), h("div", null, [v("div", oe, [v("div", null, [v("span", se, i(e.$t("views.settings.registered_users")), 1), C(_, { class: "cui-card" }, {
+				content: m(() => [v("div", ce, [C(p, {
+					filters: f(K),
+					"onUpdate:filters": t[0] ||= (e) => d(K) ? K.value = e : null,
+					value: f(O)?.result,
+					paginator: f(x).page > 1 || f(O)?.result && f(O).result.length > 15,
+					"data-key": "id",
+					"filter-display": "menu",
+					loading: f(Y),
+					"global-filter-fields": ["username"],
+					pt: G,
+					"striped-rows": "",
+					scrollable: ""
+				}, {
+					loading: m(() => [C(n, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})]),
+					default: m(() => [C(o, {
+						field: "username",
+						"align-frozen": "left",
+						frozen: !f(c),
+						header: e.$t("views.settings.title_user"),
+						"header-class": "p-2 h-7 min-h-7 max-h-7 w-40 min-w-40 max-w-40",
+						class: "p-2 h-7 min-h-7 max-h-7 w-40 min-w-40 max-w-40"
+					}, {
+						body: m(({ data: e }) => [v("div", le, [C(a, {
+							src: e.avatar,
+							size: 54
+						}, null, 8, ["src"]), v("div", ue, [v("span", de, i(e.username), 1), v("span", fe, i(e.role), 1)])])]),
+						_: 1
+					}, 8, ["frozen", "header"]), C(o, {
+						field: "action",
+						"header-class": "p-2 h-7 min-h-7 max-h-7",
+						class: "p-2 h-7 min-h-7 max-h-7 text-right"
+					}, {
+						body: m(({ data: e }) => [v("div", null, [C(u, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							loading: f(Y),
+							class: "cui-icon-md",
+							onClick: (t) => f(J)?.toggleMenu(t, void 0, e)
+						}, {
+							icon: m(() => [v("div", pe, [
+								v("div", { class: s(["absolute top-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": f(J)?.isOpen && f(J)?.data?._id === e._id }]) }, null, 2),
+								v("div", { class: s(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1 h-1 rounded-full transition-all duration-100 bg-current", { "opacity-0 scale-0": f(J)?.isOpen && f(J)?.data?._id === e._id }]) }, null, 2),
+								v("div", { class: s(["absolute bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": f(J)?.isOpen && f(J)?.data?._id === e._id }]) }, null, 2)
+							])]),
+							_: 2
+						}, 1032, ["loading", "onClick"])])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, [
+					"filters",
+					"value",
+					"paginator",
+					"loading"
+				]), v("div", me, [C(u, {
+					severity: "success",
+					loading: f(Y),
+					class: "cui-button-medium mr-4 md:mr-0",
+					label: e.$t("components.form.button.create_new_user"),
+					onClick: t[1] ||= (e) => $()
+				}, null, 8, ["loading", "label"])])])]),
+				_: 1
+			})]), v("div", null, [v("span", he, i(e.$t("views.settings.logged_in_users")), 1), C(_, { class: "cui-card" }, {
+				content: m(() => [C(p, {
+					value: f(X),
+					loading: f(Z),
+					pt: G,
+					"striped-rows": "",
+					scrollable: ""
+				}, {
+					loading: m(() => [C(n, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})]),
+					empty: m(() => [v("span", ve, i(e.$t("views.settings.no_sessions")), 1)]),
+					default: m(() => [
+						C(o, {
+							field: "status",
+							header: "",
+							style: { width: "3rem" }
+						}, {
+							body: m(({ data: t }) => [v("div", ge, [y(C(S, { style: g({ background: t.is_current ? "var(--primary-500)" : "transparent" }) }, null, 8, ["style"]), [[D, { value: t.is_current ? e.$t("components.user_table.you") : void 0 }]])])]),
+							_: 1
+						}),
+						C(o, {
+							field: "device.name",
+							header: e.$t("components.user_table.title_device")
+						}, {
+							body: m(({ data: e }) => [v("span", _e, i(e.device.name), 1)]),
+							_: 1
+						}, 8, ["header"]),
+						C(o, {
+							field: "device.ip",
+							header: e.$t("components.user_table.title_address")
+						}, {
+							body: m(({ data: e }) => [b(i(e.device.ip ?? "-"), 1)]),
+							_: 1
+						}, 8, ["header"]),
+						C(o, {
+							field: "device.kind",
+							header: e.$t("components.user_table.title_kind")
+						}, null, 8, ["header"]),
+						C(o, {
+							field: "action",
+							class: "text-right"
+						}, {
+							body: m(({ data: t }) => [y((r(), l(u, {
+								severity: "danger",
+								text: "",
+								rounded: "",
+								loading: f(B),
+								class: "cui-icon-md",
+								onClick: (e) => f(L)({ id: t.id })
+							}, {
+								icon: m(() => [C(T, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["loading", "onClick"])), [[D, { value: e.$t("views.settings.active_sessions.revoke") }]])]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["value", "loading"])]),
+				_: 1
+			})])]), C(E, {
+				ref_key: "menuRef",
+				ref: J,
+				items: f(Q),
+				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+			}, null, 8, ["items"])]);
+		};
+	}
+});
+//#endregion
+export { ye as default };