/* iAOP 全站统一布局（Ant Design Pro 左侧边栏风格，2026-08）。
*
* 在页面 末尾引入即可自动注入 Ant Design Pro 经典管理布局：
* · 左侧深色 Sider（#001529，AntD Pro 默认）：logo + 纵向菜单
* （菜单 = 门户 + IAOP_SESSION.MODULES 按当前登录角色过滤，
* 当前页菜单项高亮 #1677ff，支持底部折叠按钮收成 48px 图标栏）；
* · 顶部 48px 白色细栏：当前页标题 + 用户徽章（角色 Tag）+ 退出登录；
* · 页面原内容整体右移（body.has-pro-sider 的 padding-left，见 pro.css），
* 窄屏（≤720px）自动隐藏 Sider 退回纯顶栏。
*
* 用法（各模块页相同，无需改动）：
*
*
*
*
*
* data-pro-title：当前页标题（顶部细栏左侧 + 菜单高亮匹配）。
* data-pro-home ：门户相对路径，缺省 ../index.html。
* data-pro-login：登录页相对路径（退出后跳转），缺省 ../auth/login.html。
*
* 本组件不强制登录（守卫由 IAOP_SESSION.requireLoginElseRedirect 负责）；
* 未登录时菜单仅显示「门户」，用户区显示「未登录」。
*/
"use strict";
(function () {
var SIDER_WIDTH = 208; // AntD Pro Sider 默认宽度
var COLLAPSED_WIDTH = 48; // AntD 折叠后宽度
function el(tag, cls, text) {
var n = document.createElement(tag);
if (cls) n.className = cls;
if (text !== undefined) n.textContent = text;
return n;
}
/* 站点根相对前缀：/index.html 为 ""，/cockpit/、/auth/x.html 等一级目录为 "../" */
function rootPrefix() {
var path = location.pathname.replace(/\/index\.html$/, "/");
var depth = path.split("/").filter(Boolean).length;
return depth > 0 ? "../" : "";
}
/* 当前页面命中的模块 key（用于菜单高亮） */
function activeKey(prefix) {
var path = location.pathname;
var mods = IAOP_SESSION.MODULES;
for (var i = 0; i < mods.length; i++) {
var url = mods[i].url.replace(/\/$/, "");
if (path.indexOf("/" + url) === 0 || path.indexOf("/" + url + "/") === 0) {
return mods[i].key;
}
}
return path === "/" || /\/index\.html$/.test(path) ? "portal" : "";
}
function build() {
var body = document.body;
if (!body || document.querySelector(".pro-sider")) return;
var title = body.getAttribute("data-pro-title") || document.title || "";
var home = body.getAttribute("data-pro-home") || "../index.html";
var loginUrl = body.getAttribute("data-pro-login") || "../auth/login.html";
var prefix = rootPrefix();
var active = activeKey();
/* ---- 左侧 Sider ----------------------------------------------------- */
var sider = el("aside", "pro-sider");
var logo = el("a", "pro-sider-logo");
logo.href = home;
logo.appendChild(el("span", "pro-logo-badge", "iA"));
logo.appendChild(el("span", "pro-sider-logo-text", "iAOP 云美工业AI优化平台"));
sider.appendChild(logo);
var menu = el("nav", "pro-sider-menu");
sider.appendChild(menu);
// 折叠按钮（AntD Pro Sider 底部 trigger）
var trigger = el("button", "pro-sider-trigger", "⟨ 折叠");
trigger.type = "button";
trigger.addEventListener("click", function () {
var collapsed = body.classList.toggle("pro-sider-collapsed");
trigger.textContent = collapsed ? "⟩" : "⟨ 折叠";
});
sider.appendChild(trigger);
body.insertBefore(sider, body.firstChild);
/* ---- 顶部细栏 -------------------------------------------------------- */
var bar = el("div", "pro-header");
if (title) bar.appendChild(el("span", "pro-header-page-title", title));
var right = el("div", "pro-header-right");
var userBox = el("span", "pro-user");
right.appendChild(userBox);
var logoutBtn = el("button", "pro-logout", "退出");
logoutBtn.type = "button";
logoutBtn.addEventListener("click", function () {
IAOP_SESSION.logout(loginUrl);
});
right.appendChild(logoutBtn);
bar.appendChild(right);
body.insertBefore(bar, sider.nextSibling);
body.classList.add("has-pro-sider");
/* ---- 菜单渲染（需要登录角色，异步） ----------------------------------- */
function renderMenu(user) {
menu.innerHTML = "";
function addItem(key, icon, text, href, tag) {
var a = el("a", "pro-menu-item" + (key === active ? " active" : ""));
a.href = href;
a.title = text;
a.appendChild(el("span", "pro-menu-icon", icon));
a.appendChild(el("span", "pro-menu-text", text));
menu.appendChild(a);
}
addItem("portal", "🏠", "门户", prefix + "index.html");
var mods = user ? IAOP_SESSION.modulesFor(user.role) : [];
mods.forEach(function (m) {
addItem(m.key, m.icon, m.title, prefix + m.url, m.tag);
});
}
/* ---- 用户区（后端优先、本地降级由 session.js 内部处理） --------------- */
IAOP_SESSION.currentUser().then(function (u) {
renderMenu(u);
userBox.innerHTML = "";
if (!u) {
userBox.appendChild(el("span", "pro-tag pro-tag-default", "未登录"));
return;
}
var avatar = el("span", "pro-avatar",
(u.username || "?").slice(0, 1).toUpperCase());
userBox.appendChild(avatar);
userBox.appendChild(el("span", null, u.username));
var color = IAOP_SESSION.ROLE_TAG_COLORS[u.role] || "default";
var label = IAOP_SESSION.ROLE_LABELS[u.role] || u.role;
userBox.appendChild(el("span", "pro-tag pro-tag-" + color, label));
});
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", build);
} else {
build();
}
})();