@materialui-reactjs/admin 1.0.4

package/dist/chunks/single-DyPwG6ZR.js

@@ -0,0 +1,1082 @@
+import { n as e } from "./Env-DRXhvUcb.js";
+import { _ as t, b as n, c as r, g as i, i as a, t as o, v as s, y as c } from "./Common-C_ZhT4L6.js";
+import { n as l, t as u } from "./Validator-DjZz2bJs.js";
+import { t as d } from "./UDragFile-CAiSfTsp.js";
+import { t as f } from "./SpinnerLoader-h8RDIarB.js";
+import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, r as b, s as x, t as S, u as C } from "./HeaderUpdate-lrSYWsKp.js";
+import w, { createRef as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Form as k, Link as A } from "react-router-dom";
+import { Helmet as j } from "react-helmet-async";
+//#region src/hook/detail.ts
+var M = (e, t) => {
+	e.preventDefault();
+	let { name: n, type: r, value: i } = e.target;
+	if (r === "file") {
+		let r = e.target.files;
+		t[n] = r ? r[0] : null;
+	} else t[n] = i;
+	return t;
+}, N = (e, t, n, r, i, a) => {
+	if (!a) return !1;
+	if (a == 1) return !0;
+	for (let o of e) {
+		if (o.module == t && o.controller == n && o.action == r && o.code == i && o.status !== 1) return o.isPer;
+		if (o.subs && o.subs.length > 0 && !N(o.subs, t, n, r, i, a)) return !1;
+	}
+	return !0;
+}, { API_URL: P, ADMIN_URI: F } = await e(), I = class extends w.Component {
+	effectRan = !1;
+	module = "admins";
+	controller = "";
+	state = {
+		data: { filter: {} },
+		formValue: void 0,
+		item: void 0,
+		isDetail: void 0
+	};
+	title = "";
+	cUri = "";
+	cLink = F + this.cUri;
+	API_URL = P;
+	ADMIN_URI = F;
+	getDataUrl = "";
+	ctype = "application/json";
+	fluid = !1;
+	isBackUri = !0;
+	renderForm = () => /* @__PURE__ */ D(E, {});
+	syncPermissionsAndState = async () => {
+		let { menuData: e, user: t } = this.props, n = { isDetail: N(e, this.module, this.controller, "detail", 0, t.groupId) };
+		this.setState(n, async () => {
+			let e = r();
+			if (e && n.isDetail) {
+				let t = (await o(this.getDataUrl + "/" + e, {}, "GET", "application/json", !1))?.data;
+				this.setState({
+					item: t || !1,
+					formValue: t ? JSON.parse(JSON.stringify(t)) : {}
+				}, async () => {
+					await this.componentDidMountAfter();
+				});
+			}
+		});
+	};
+	async initDidMount() {
+		try {
+			if (this.effectRan) return;
+			this.effectRan = !0, this.props.user?.groupId && await this.syncPermissionsAndState();
+		} catch (e) {
+			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+		}
+	}
+	componentDidMount() {
+		this.initDidMount();
+	}
+	componentDidMountAfter = async () => {};
+	renderHeaderDetail() {
+		return /* @__PURE__ */ D(b, {
+			adminUri: this.ADMIN_URI,
+			title: this.title,
+			cUri: this.cUri
+		});
+	}
+	handleChange = async (e) => {
+		e.preventDefault();
+		let t = await M(e, { ...this.state.formValue });
+		this.setState((e) => ({ formValue: {
+			...e.formValue,
+			...t
+		} }));
+	};
+	render() {
+		let { isDetail: e, item: t } = this.state;
+		return e ? t === !1 ? /* @__PURE__ */ D(g, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | Chi tiết"
+		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: this.title }) }), /* @__PURE__ */ O("div", {
+			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
+			children: [this.renderHeaderDetail(), /* @__PURE__ */ D("div", {
+				className: "position-relative",
+				children: /* @__PURE__ */ D(f, {
+					loading: !t,
+					style: {
+						minHeight: 200,
+						marginTop: 20
+					},
+					children: this.renderForm()
+				})
+			})]
+		})] }) : /* @__PURE__ */ D(p, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | Chi tiết",
+			fluid: this.fluid
+		});
+	}
+}, L = (e, t) => {
+	e.preventDefault();
+	let { name: n, type: r, value: i } = e.target;
+	if (r === "file") {
+		let r = e.target.files;
+		t[n] = r ? r[0] : null;
+	} else t[n] = i;
+	return t;
+}, { API_URL: R, ADMIN_URI: z } = await e(), B = class extends w.Component {
+	effectRan = !1;
+	module = "admins";
+	controller = "";
+	table = "";
+	state = {
+		formValue: {},
+		item: void 0,
+		isField: !1,
+		isDetail: !1
+	};
+	title = "";
+	cUri = "";
+	cLink = z + this.cUri;
+	API_URL = R;
+	ADMIN_URI = z;
+	getDataUrl = "";
+	editUrl = "";
+	createUrl = "";
+	ctype = "application/json";
+	fluid = !1;
+	isBackUri = !1;
+	renderForm = () => /* @__PURE__ */ D(E, {});
+	renderAfterForm = () => /* @__PURE__ */ D(E, {});
+	handleChange = async (e) => {
+		e.preventDefault();
+		let t = await L(e, { ...this.state.formValue });
+		this.setState((e) => ({ formValue: {
+			...e.formValue,
+			...t
+		} }));
+	};
+	syncPermissionsAndState = async () => {
+		let { menuData: e, user: t } = this.props, n = { isDetail: N(e, this.module, this.controller, "detail", 0, t.groupId) };
+		this.setState(n, async () => {
+			let e = (await o(this.getDataUrl, { table: this.table }, "GET", "application/json", !1))?.data;
+			this.setState({
+				item: e || !1,
+				formValue: e ? { ...e } : {}
+			}), new u("#fieldUpdate").run();
+		});
+	};
+	async initDidMount() {
+		try {
+			if (this.effectRan) return;
+			this.effectRan = !0, this.props.user?.groupId && (await this.syncPermissionsAndState(), await this.componentDidMountAfter());
+		} catch (e) {
+			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+		}
+	}
+	componentDidMount() {
+		this.initDidMount();
+	}
+	componentDidMountAfter = async () => {};
+	handleSubmit = async (e) => {
+		e.preventDefault();
+		let { formValue: t } = this.state, r = new u("#fieldUpdate");
+		if (!r.hasErrors() && !r.isIncomplete()) {
+			n("#fieldUpdate", !0);
+			try {
+				t.table ||= this.table;
+				let e = await o(this.editUrl, t, "POST", this.ctype);
+				if (c("Cập nhật thành công", "top-end", !0), e?.data?.id) {
+					if (this.isBackUri) return this.props.navigate(this.cUri);
+					this.props.navigate(this.cUri + "/fields"), this.setState({
+						item: { ...e.data },
+						formValue: { ...e.data }
+					}, async () => {
+						await this.afterSubmit(e.data);
+					});
+				}
+			} catch (e) {
+				s(e.message);
+			} finally {
+				n("#fieldUpdate", !1);
+			}
+		}
+	};
+	afterSubmit = async (e) => {};
+	renderHeaderUpdate() {
+		return /* @__PURE__ */ D(S, {
+			adminUri: this.ADMIN_URI,
+			title: this.title,
+			cUri: this.cUri,
+			itemId: this.state.item?.id
+		});
+	}
+	render() {
+		let { isDetail: e, item: t } = this.state;
+		return e === !1 ? /* @__PURE__ */ D(p, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title,
+			fluid: this.fluid
+		}) : /* @__PURE__ */ O(E, { children: [
+			/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [this.title, " | Tùy chỉnh dữ liệu"] }) }),
+			/* @__PURE__ */ D("div", {
+				className: `position-relative mb-3 ${this.fluid ? "container-fluid" : "container"}`,
+				children: /* @__PURE__ */ D(k, {
+					id: "fieldUpdate",
+					className: "position-relative",
+					method: "post",
+					encType: "multipart/form-data",
+					"data-toggle": "validator",
+					role: "form",
+					onSubmit: this.handleSubmit,
+					children: /* @__PURE__ */ O(f, {
+						loading: !t,
+						style: {
+							minHeight: 200,
+							marginTop: 20
+						},
+						children: [this.renderHeaderUpdate(), this.renderForm()]
+					})
+				})
+			}),
+			this.renderAfterForm()
+		] });
+	}
+}, { API_URL: V, ADMIN_URI: H } = await e(), U = class extends w.Component {
+	module = "admins";
+	controller = "";
+	state = {
+		formValue: {},
+		error: {},
+		isCre: !1,
+		isEdit: !1
+	};
+	title = "";
+	cUri = "";
+	cLink = H + this.cUri;
+	API_URL = V;
+	ADMIN_URI = H;
+	importUrl = "";
+	importFile = "assetorigin.xlsx";
+	ctype = "multipart/form-data";
+	fluid = !1;
+	handleChange = async (e) => {
+		e.preventDefault();
+		let { name: t, type: n, value: r } = e.target;
+		if (n === "file") {
+			let n = e.target.files;
+			this.setState((e) => ({ formValue: {
+				...e.formValue,
+				[t]: n ? n[0] : null
+			} }));
+		} else this.setState((e) => ({ formValue: {
+			...e.formValue,
+			[t]: r
+		} }));
+	};
+	syncPermissionsAndState = () => {
+		let { menuData: e, user: t } = this.props, n = {
+			isCre: N(e, this.module, this.controller, "update", 0, t.groupId),
+			isEdit: N(e, this.module, this.controller, "update", 1, t.groupId)
+		};
+		this.setState(n, async () => {
+			new u("#itemImport").run();
+		});
+	};
+	async initDidMount() {
+		try {
+			this.props.user?.groupId && (this.syncPermissionsAndState(), this.componentDidMountAfter());
+		} catch (e) {
+			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+		}
+	}
+	componentDidMount() {
+		this.initDidMount();
+	}
+	componentDidMountAfter = async () => {};
+	handleSubmit = async (e) => {
+		e.preventDefault();
+		let { formValue: t } = this.state, r = new u("#itemImport");
+		if (!r.hasErrors() && !r.isIncomplete()) {
+			n("#itemImport", !0);
+			try {
+				let e = await o(this.importUrl, t, "POST", this.ctype);
+				e.data?.error?.length ? e?.data?.error && this.setState({ error: Object.fromEntries(e?.data?.error.map((e, t) => [t, e])) }) : (this.props.navigate(this.cUri), c("Import thành công", "top-end", !0));
+			} catch (e) {
+				s(e.message);
+			} finally {
+				n("#itemImport", !1);
+			}
+		}
+	};
+	renderForm = () => /* @__PURE__ */ D(E, { children: /* @__PURE__ */ D(d, {
+		onChange: this.handleChange,
+		label: "Import excel",
+		name: "importfile",
+		ext: ".xlsx,.xls"
+	}) });
+	render() {
+		let { isCre: e, isEdit: t } = this.state;
+		return e === !1 && t === !1 ? /* @__PURE__ */ D(p, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | Import",
+			fluid: this.fluid
+		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+			this.title,
+			" | ",
+			"Import"
+		] }) }), /* @__PURE__ */ D("div", {
+			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
+			children: /* @__PURE__ */ O(k, {
+				id: "itemImport",
+				className: "position-relative",
+				action: this.importUrl,
+				method: "post",
+				encType: "multipart/form-data",
+				"data-toggle": "validator",
+				role: "form",
+				onSubmit: this.handleSubmit,
+				children: [/* @__PURE__ */ O("div", {
+					className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+					children: [/* @__PURE__ */ D("nav", {
+						"aria-label": "breadcrumb",
+						children: /* @__PURE__ */ O("ol", {
+							className: "breadcrumb bg-transparent m-0 p-0",
+							children: [
+								/* @__PURE__ */ D("li", {
+									className: "breadcrumb-item",
+									children: /* @__PURE__ */ D(A, {
+										className: "text-white",
+										to: this.ADMIN_URI || "/",
+										children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+									})
+								}),
+								/* @__PURE__ */ D("li", {
+									className: "breadcrumb-item",
+									children: /* @__PURE__ */ D(A, {
+										className: "text-white",
+										to: this.cUri,
+										children: this.title
+									})
+								}),
+								/* @__PURE__ */ D("li", {
+									className: "breadcrumb-item text-white active",
+									"aria-current": "page",
+									children: "Import"
+								})
+							]
+						})
+					}), /* @__PURE__ */ O("div", {
+						className: "ms-auto",
+						children: [/* @__PURE__ */ D(A, {
+							target: "_blank",
+							to: this.API_URL + "/importfile/" + this.importFile,
+							className: "btn btn-sm btn-icon btn-info me-2",
+							title: "Tải xuống biểu mẫu",
+							children: /* @__PURE__ */ D("i", {
+								className: "material-icons text-white position-relative text-lg",
+								children: "file_download"
+							})
+						}), /* @__PURE__ */ D(A, {
+							to: this.cUri,
+							className: "btn btn-sm btn-icon btn-secondary",
+							title: "Trở lại",
+							children: /* @__PURE__ */ D("i", {
+								className: "material-icons text-white position-relative text-lg",
+								children: "reply"
+							})
+						})]
+					})]
+				}), /* @__PURE__ */ D("div", {
+					className: "card",
+					children: /* @__PURE__ */ D("div", {
+						className: "card-body pb-0",
+						children: /* @__PURE__ */ D("div", {
+							className: "row justify-content-center",
+							children: /* @__PURE__ */ O("div", {
+								className: "col-md-8 pt-5 pb-4",
+								children: [
+									/* @__PURE__ */ D("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
+									this.renderForm(),
+									/* @__PURE__ */ D("div", {
+										className: "w-100 d-flex",
+										children: /* @__PURE__ */ D("button", {
+											title: "Import",
+											type: "submit",
+											className: "btn btn-success mb-4 mx-auto",
+											children: "Import"
+										})
+									})
+								]
+							})
+						})
+					})
+				})]
+			})
+		})] });
+	}
+}, { API_URL: W, ADMIN_URI: G } = await e(), K = class extends w.Component {
+	effectRan = !1;
+	fluid = !1;
+	module = "admins";
+	controller = "";
+	table = "";
+	hasField = !1;
+	state = {
+		loading: !0,
+		data: {
+			items: [],
+			page: 1,
+			filter: {},
+			length: 10,
+			pageTotal: 0,
+			recordTotal: 0
+		},
+		isDel: void 0,
+		isCre: void 0,
+		isEdit: void 0,
+		isDelOne: void 0,
+		isDetail: void 0,
+		isIndex: void 0,
+		isImport: void 0,
+		isExport: void 0,
+		isCopy: void 0,
+		selectedIds: [],
+		ftfield: [],
+		tbfield: []
+	};
+	activeMethod = [
+		"ind",
+		"det",
+		"cre",
+		"edit",
+		"delone",
+		"del"
+	];
+	cUri = "";
+	cLink = G + this.cUri;
+	API_URL = W;
+	ADMIN_URI = G;
+	getDataUrl = "";
+	deleteUrl = "";
+	copyUrl = "";
+	exportUrl = "";
+	title = "";
+	handleChange = async (e) => {
+		try {
+			e.preventDefault();
+			let { name: t } = e.target, n = await x(e, this.state.data.filter || {});
+			if (t === "pageLen") {
+				await this.setFilter(n);
+				let e = n ? a(n) : "";
+				this.props.navigate(`${this.cUri}?${e}`, { replace: !0 }), await this.fetchData();
+			} else this.setState((e) => ({ data: {
+				...e.data,
+				filter: n
+			} }));
+		} catch (e) {
+			console.log(e);
+		}
+	};
+	handleSearchForm = async (e) => {
+		try {
+			e.preventDefault();
+			let t = await _(this.state.data.filter || {}, this.cUri, this.props.navigate);
+			await this.setFilter(t), await this.fetchData();
+		} catch (e) {
+			console.log(e);
+		}
+	};
+	handleClickPage = async (e) => {
+		try {
+			e.preventDefault();
+			let t = await m(e, this.state.data.filter || {}, this.cUri, this.props.navigate);
+			await this.setFilter(t), await this.fetchData();
+		} catch (e) {
+			s(e.message);
+		}
+	};
+	handleDeleteOne = async (e) => {
+		t().then(async () => {
+			try {
+				await o(`${this.deleteUrl}/${e}`, {}, "GET"), c("Xoá thành công!", "top-end", !0), await this.fetchData();
+			} catch (e) {
+				s(e.message);
+			}
+		});
+	};
+	handleDelete = async () => {
+		this.state.selectedIds.length ? t().then(async () => {
+			try {
+				await o(this.deleteUrl, { selected: this.state.selectedIds }, "POST"), c("Xoá thành công!", "top-end", !0), await this.fetchData();
+			} catch (e) {
+				s(e.message);
+			}
+		}) : s("Vui lòng chọn thông tin");
+	};
+	handleCopy = async () => {
+		this.state.selectedIds.length ? t().then(async () => {
+			try {
+				await o(this.copyUrl, { selected: this.state.selectedIds }, "POST"), c("Sao chép thành công!", "top-end", !0), await this.fetchData();
+			} catch (e) {
+				s(e.message);
+			}
+		}) : s("Vui lòng chọn thông tin");
+	};
+	handleExport = async () => {
+		try {
+			let { data: e } = this.state, t = a(e.filter || {});
+			this.exportUrl && (window.location.href = this.exportUrl + `?${t}`);
+		} catch (e) {
+			s(e.message);
+		}
+	};
+	handleSelectOne = (e, t) => {
+		this.setState((n) => ({ selectedIds: t ? [.../* @__PURE__ */ new Set([...n.selectedIds, e])] : n.selectedIds.filter((t) => t !== e) }));
+	};
+	handleSelectAll = (e, t = []) => {
+		this.setState({ selectedIds: e ? this.state.data.items.map((e) => e.id).filter((e) => e !== void 0 && !t.includes(e)) : [] });
+	};
+	setFilter(e) {
+		return new Promise((t) => {
+			this.setState((t) => ({ data: {
+				...t.data,
+				filter: e
+			} }), t);
+		});
+	}
+	fetchData = async () => {
+		try {
+			let e = await y(this.state.data.filter || {}, this.getDataUrl);
+			if (!e || !("items" in e)) return;
+			this.setState({
+				data: {
+					...e,
+					filter: e.filter ?? this.state.data.filter
+				},
+				selectedIds: []
+			});
+		} catch (e) {
+			console.error(e.message);
+		}
+	};
+	syncGetField = async () => ({
+		userfield: {},
+		tablefield: {}
+	});
+	syncPermissionsAndState = async () => {
+		let { menuData: e, user: t } = this.props, n = {
+			isCre: this.activeMethod.includes("cre") ? N(e, this.module, this.controller, "update", 0, t.groupId) : !1,
+			isEdit: this.activeMethod.includes("edit") ? N(e, this.module, this.controller, "update", 1, t.groupId) : !1,
+			isDel: this.activeMethod.includes("del") ? N(e, this.module, this.controller, "delete", 0, t.groupId) : !1,
+			isDelOne: this.activeMethod.includes("delone") ? N(e, this.module, this.controller, "delete", 1, t.groupId) : !1,
+			isIndex: this.activeMethod.includes("ind") ? N(e, this.module, this.controller, "index", 0, t.groupId) : !1,
+			isDetail: this.activeMethod.includes("det") ? N(e, this.module, this.controller, "detail", 0, t.groupId) : !1,
+			isImport: !!this.activeMethod.includes("imp"),
+			isExport: !!this.activeMethod.includes("exp"),
+			isCopy: !!this.activeMethod.includes("cpy")
+		};
+		this.setState(n, async () => {
+			if (n.isIndex) {
+				if (this.hasField) {
+					let { userfield: e, tablefield: t } = await this.syncGetField(), n = e?.data?.ftfield || t?.data?.deft || [], r = e?.data?.tbfield || t?.data?.detb || [];
+					this.setState((e) => ({
+						...e,
+						ftfield: n,
+						tbfield: r
+					}));
+				}
+				await this.fetchData(), this.setState({ loading: !1 }), await this.componentDidMountAfter();
+			}
+		});
+	};
+	async initDidMount() {
+		try {
+			if (this.effectRan) return;
+			this.effectRan = !0;
+			let e = new URLSearchParams(window.location.search), t = Object.fromEntries(e.entries()), n = {
+				...this.state.data.filter || {},
+				page: 1,
+				...t
+			};
+			await this.setFilter(n), this.props.user?.groupId && await this.syncPermissionsAndState();
+		} catch (e) {
+			s(e.message);
+		}
+	}
+	componentDidMount() {
+		this.initDidMount();
+	}
+	componentDidMountAfter = async () => {};
+	renderHeaderIndex() {
+		return /* @__PURE__ */ D(v, {
+			adminUri: this.ADMIN_URI,
+			title: this.title,
+			cUri: this.cUri,
+			isExp: this.state.isExport,
+			isImp: this.state.isImport,
+			isCre: this.state.isCre,
+			isDel: this.state.isDel,
+			isCpy: this.state.isCopy,
+			isField: this.hasField,
+			onExport: this.handleExport,
+			onCopy: this.handleCopy,
+			onDelete: this.handleDelete
+		});
+	}
+	renderTable = () => /* @__PURE__ */ D(E, {});
+	renderSearch = () => /* @__PURE__ */ D(E, {});
+	render() {
+		let { isIndex: e, data: t, loading: n } = this.state;
+		return e === !1 ? /* @__PURE__ */ D(p, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title,
+			fluid: this.fluid
+		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: this.title }) }), /* @__PURE__ */ D(f, {
+			loading: n,
+			children: e && /* @__PURE__ */ O("div", {
+				className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
+				children: [this.renderHeaderIndex(), /* @__PURE__ */ D("div", {
+					className: "card position-relative",
+					children: /* @__PURE__ */ D("div", {
+						className: "card-body",
+						style: { minHeight: "200px" },
+						children: /* @__PURE__ */ O("div", {
+							className: "searchForm",
+							children: [
+								/* @__PURE__ */ D("form", {
+									onSubmit: this.handleSearchForm,
+									children: this.renderSearch()
+								}),
+								t.items.length ? /* @__PURE__ */ D(C, {
+									data: t,
+									onChange: this.handleChange,
+									onClickPage: this.handleClickPage
+								}) : "",
+								/* @__PURE__ */ D("div", {
+									className: "table-responsive mt-2",
+									children: this.renderTable()
+								}),
+								t.items.length ? /* @__PURE__ */ D(C, {
+									data: t,
+									onChange: this.handleChange,
+									onClickPage: this.handleClickPage
+								}) : ""
+							]
+						})
+					})
+				})]
+			})
+		})] });
+	}
+}, q = ({ adminUri: e, cUri: t, title: n, itemId: r, isSave: i = !0, titleAction: a }) => /* @__PURE__ */ O("div", {
+	className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+	children: [/* @__PURE__ */ D("nav", {
+		"aria-label": "breadcrumb",
+		children: /* @__PURE__ */ O("ol", {
+			className: "breadcrumb bg-transparent m-0 p-0",
+			children: [
+				/* @__PURE__ */ D("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ D(A, {
+						className: "text-white",
+						to: e || "/",
+						children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+					})
+				}),
+				/* @__PURE__ */ D("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ D(A, {
+						className: "text-white",
+						to: t,
+						children: n
+					})
+				}),
+				/* @__PURE__ */ D("li", {
+					className: "breadcrumb-item text-white active",
+					"aria-current": "page",
+					children: a ?? (r ? "Chỉnh sửa" : "Thêm mới")
+				})
+			]
+		})
+	}), /* @__PURE__ */ O("div", {
+		className: "ms-auto",
+		children: [i && /* @__PURE__ */ D(h, {
+			title: "Lưu lại",
+			children: /* @__PURE__ */ D("button", {
+				type: "submit",
+				className: "btn btn-sm btn-icon btn-success me-1",
+				children: /* @__PURE__ */ D("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "save"
+				})
+			})
+		}), /* @__PURE__ */ D(h, {
+			title: "Trở lại",
+			children: /* @__PURE__ */ D(A, {
+				to: t,
+				className: "btn btn-sm btn-icon btn-secondary",
+				children: /* @__PURE__ */ D("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "reply"
+				})
+			})
+		})]
+	})]
+}), J = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: e || "Truy cập không được phép" }) }), /* @__PURE__ */ O("div", {
+	className: `${n ? "container-fluid" : "container"}`,
+	children: [/* @__PURE__ */ D("div", {
+		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+		children: /* @__PURE__ */ D("nav", {
+			"aria-label": "breadcrumb",
+			children: /* @__PURE__ */ O("ol", {
+				className: "breadcrumb bg-transparent m-0 p-0",
+				children: [/* @__PURE__ */ D("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ D(A, {
+						className: "text-white",
+						to: "/",
+						children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+					})
+				}), /* @__PURE__ */ D("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ D(A, {
+						className: "text-white",
+						to: t,
+						children: r
+					})
+				})]
+			})
+		})
+	}), /* @__PURE__ */ D("div", {
+		style: { minHeight: "50vh" },
+		className: "d-flex align-items-center",
+		children: /* @__PURE__ */ O("div", {
+			className: "m-auto text-center",
+			children: [
+				/* @__PURE__ */ D("h1", {
+					className: "display-1 text-bolder text-white",
+					children: "403"
+				}),
+				/* @__PURE__ */ D("h2", {
+					className: "text-white",
+					children: "Truy cập không được phép"
+				}),
+				/* @__PURE__ */ D("p", {
+					className: "lead text-white",
+					children: "Xin lỗi, bạn không có quyền truy cập vào trang này."
+				}),
+				/* @__PURE__ */ D(A, {
+					to: "/",
+					className: "btn btn-outline-white mt-4",
+					children: "trang chủ"
+				})
+			]
+		})
+	})]
+})] }), Y = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ D("title", { children: e || "Không tìm thấy dữ liệu" }) }), /* @__PURE__ */ O("div", {
+	className: `${n ? "container-fluid" : "container"}`,
+	children: [/* @__PURE__ */ D("div", {
+		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+		children: /* @__PURE__ */ D("nav", {
+			"aria-label": "breadcrumb",
+			children: /* @__PURE__ */ O("ol", {
+				className: "breadcrumb bg-transparent m-0 p-0",
+				children: [/* @__PURE__ */ D("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ D(A, {
+						className: "text-white",
+						to: "/",
+						children: /* @__PURE__ */ D("i", { className: "fal fa-home" })
+					})
+				}), /* @__PURE__ */ D("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ D(A, {
+						className: "text-white",
+						to: t,
+						children: r
+					})
+				})]
+			})
+		})
+	}), /* @__PURE__ */ D("div", {
+		style: { minHeight: "50vh" },
+		className: "d-flex align-items-center",
+		children: /* @__PURE__ */ O("div", {
+			className: "m-auto text-center",
+			children: [
+				/* @__PURE__ */ D("h1", {
+					className: "display-1 text-bolder text-white",
+					children: "404"
+				}),
+				/* @__PURE__ */ D("h2", {
+					className: "text-white",
+					children: "Không tìm thấy dữ liệu"
+				}),
+				/* @__PURE__ */ D("p", {
+					className: "lead text-white",
+					children: "Xin lỗi, dữ liệu của bạn không được tìm thấy"
+				}),
+				/* @__PURE__ */ D(A, {
+					to: "/",
+					className: "btn btn-outline-white mt-4",
+					children: "trang chủ"
+				})
+			]
+		})
+	})]
+})] }), { API_URL: X, ADMIN_URI: Z } = await e(), Q = class extends w.Component {
+	effectRan = !1;
+	module = "admins";
+	controller = "";
+	state = {
+		formValue: {},
+		error: {},
+		loading: !0,
+		item: void 0,
+		isCre: void 0,
+		isEdit: void 0,
+		isDetail: void 0
+	};
+	title = "";
+	cUri = "";
+	cLink = Z + this.cUri;
+	API_URL = X;
+	ADMIN_URI = Z;
+	getDataUrl = "";
+	editUrl = "";
+	createUrl = "";
+	ctype = "application/json";
+	formRef;
+	fluid = !1;
+	isBackUri = !0;
+	constructor(e) {
+		super(e), this.formRef = w.createRef();
+	}
+	renderForm = () => /* @__PURE__ */ D(E, {});
+	renderAfterForm = () => /* @__PURE__ */ D(E, {});
+	handleChange = async (e) => {
+		e.preventDefault();
+		let t = await l(e, { ...this.state.formValue });
+		this.setState((e) => ({ formValue: {
+			...e.formValue,
+			...t
+		} }));
+	};
+	syncPermissionsAndState = async () => {
+		let { menuData: e, user: t } = this.props, n = {
+			isCre: N(e, this.module, this.controller, "update", 0, t.groupId),
+			isEdit: N(e, this.module, this.controller, "update", 1, t.groupId),
+			isDetail: N(e, this.module, this.controller, "detail", 0, t.groupId)
+		};
+		this.setState(n, async () => {
+			let e = r();
+			if (e && n.isEdit) {
+				let t = (await o(this.getDataUrl + "/" + e, {}, "GET", "application/json", !1))?.data;
+				this.setState({
+					item: t || !1,
+					formValue: t ? JSON.parse(JSON.stringify(t)) : {}
+				}, async () => {
+					this.setState({ loading: !1 }), await this.componentDidMountAfter(), this.formRef.current && new u(this.formRef.current).run();
+				});
+			} else {
+				if (this.setState({ loading: !1 }), await this.componentDidMountAfter(), !this.formRef.current) return;
+				new u(this.formRef.current).run();
+			}
+		});
+	};
+	async initDidMount() {
+		try {
+			if (this.effectRan) return;
+			this.effectRan = !0, this.props.user?.groupId && await this.syncPermissionsAndState();
+		} catch (e) {
+			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+		}
+	}
+	componentDidMount = () => {
+		this.initDidMount();
+	};
+	componentDidMountAfter = async () => {};
+	beforeSubmit = () => new Promise((e) => {
+		e(!0);
+	});
+	handleSubmit = async (e) => {
+		e.preventDefault();
+		let { item: t, formValue: n } = this.state, r = Number(t?.id), i = new u(this.formRef.current);
+		!i.hasErrors() && !i.isIncomplete() && this.formRef.current && this.beforeSubmit().then(async () => {
+			this.setState({ loading: !0 });
+			try {
+				let e = r ? this.editUrl + "/" + r : this.createUrl, t = await o(e, n, "POST", this.ctype);
+				if (c(r ? "Cập nhật thành công" : "Thêm mới thành công", "top-end", !0), t?.data?.id) {
+					if (this.isBackUri) return this.props.navigate(this.cUri);
+					this.props.navigate(this.cUri + "/edit/" + Number(t.data.id)), this.setState({
+						item: { ...t.data },
+						formValue: { ...t.data }
+					}, async () => {
+						await this.afterSubmit(t.data);
+					});
+				}
+			} catch (e) {
+				s(e.message);
+			} finally {
+				this.setState({ loading: !1 });
+			}
+		});
+	};
+	afterSubmit = async (e) => {};
+	renderHeaderUpdate() {
+		return /* @__PURE__ */ D(q, {
+			adminUri: this.ADMIN_URI,
+			title: this.title,
+			cUri: this.cUri,
+			itemId: this.state.item?.id
+		});
+	}
+	render() {
+		let e = r(), { isCre: t, isEdit: n, isDetail: a, item: o } = this.state;
+		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ D(J, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
+			fluid: this.fluid
+		}) : e && o === !1 ? /* @__PURE__ */ D(Y, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
+		}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+			this.title,
+			" | ",
+			o?.id ? "Chỉnh sửa" : "Thêm mới"
+		] }) }), /* @__PURE__ */ O("div", {
+			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
+			children: [
+				/* @__PURE__ */ D("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
+				/* @__PURE__ */ D(k, {
+					ref: this.formRef,
+					className: "position-relative",
+					method: "post",
+					encType: "multipart/form-data",
+					"data-toggle": "validator",
+					role: "form",
+					onSubmit: this.handleSubmit,
+					children: /* @__PURE__ */ O(f, {
+						loading: !!this.state.loading,
+						style: {
+							minHeight: 200,
+							marginTop: 20
+						},
+						children: [this.renderHeaderUpdate(), this.renderForm()]
+					})
+				}),
+				this.renderAfterForm()
+			]
+		})] });
+	}
+}, $ = class extends Q {
+	urlUpdateDetail = "";
+	render() {
+		let e = r(), { isCre: t, isEdit: n, isDetail: a, item: o } = this.state;
+		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ D(J, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
+			fluid: this.fluid
+		}) : e && o === !1 ? /* @__PURE__ */ D(Y, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
+		}) : (e && o || !e) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+			this.title,
+			" | ",
+			o?.id ? "Chỉnh sửa" : "Thêm mới"
+		] }) }), /* @__PURE__ */ O("div", {
+			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
+			children: [
+				/* @__PURE__ */ D(q, {
+					adminUri: this.ADMIN_URI,
+					title: this.title,
+					cUri: this.cUri,
+					isSave: !1,
+					itemId: o?.id
+				}),
+				/* @__PURE__ */ D("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
+				/* @__PURE__ */ D("div", {
+					className: "position-relative",
+					children: /* @__PURE__ */ D(f, {
+						loading: !!this.state.loading,
+						style: {
+							minHeight: 200,
+							marginTop: 0
+						},
+						children: this.renderForm()
+					})
+				})
+			]
+		})] });
+	}
+	handleDetailSubmit = async (e, t) => {
+		try {
+			if (this.state.item?.id && e?.length) {
+				let r = {};
+				r.itemid = this.state.item?.id, r.details = e, n(t, !0), await o(this.urlUpdateDetail, r), n(t, !1), c("Thêm tài sản thành công", "top-end", !0), await this.editDetailAfter(this.state.item?.id), this.props.navigate(this.cUri + "/edit/" + this.state.item?.id);
+			}
+		} catch (e) {
+			s(e.message), n(t, !1);
+		}
+	};
+	editDetailAfter = async (e) => {};
+}, ee = class extends Q {
+	urlGetDeTableList = "";
+	urlGetDeTable = "";
+	urlCreDeTable = "";
+	urlEditDeTable = "";
+	urlDelDeTable = "";
+	modalRef;
+	isBackUri = !1;
+	constructor(e) {
+		super(e), this.modalRef = T();
+	}
+	async fetchDataDetails() {
+		return {};
+	}
+	render() {
+		let e = r(), { isCre: t, isEdit: n, isDetail: i, item: a } = this.state;
+		return t === !1 && n === !1 && i === !1 || t === !1 && e === 0 || (n === !1 || i === !1) && e ? /* @__PURE__ */ D(J, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
+			fluid: this.fluid
+		}) : e && a === !1 ? /* @__PURE__ */ D(Y, {
+			cUriTitle: this.title,
+			cUri: this.cUri,
+			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
+		}) : (e && a || !e) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, { children: /* @__PURE__ */ O("title", { children: [
+			this.title,
+			" | ",
+			a?.id ? "Chỉnh sửa" : "Thêm mới"
+		] }) }), /* @__PURE__ */ O("div", {
+			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
+			children: [
+				/* @__PURE__ */ D(q, {
+					adminUri: this.ADMIN_URI,
+					title: this.title,
+					cUri: this.cUri,
+					isSave: !1,
+					itemId: this.state?.item?.id
+				}),
+				a && this.renderDeTable(),
+				this.renderForm()
+			]
+		})] });
+	}
+	renderDeTable() {
+		return /* @__PURE__ */ D(E, {});
+	}
+	renderModalDeBody = (e, t) => /* @__PURE__ */ D(E, {});
+	handleDetailSubmit = async (e) => {
+		e.preventDefault();
+	};
+	editDetailAfter = async (e) => {};
+};
+//#endregion
+export { U as a, K as i, $ as n, B as o, Q as r, I as s, ee as t };