Задача 036: меню пользователя в шапке

Логин в шапке — триггер выпадающего списка «Сменить пароль» / «Выйти» в общем стиле списков
(popMenu, row-pop) вместо отдельных кнопок; шрифт и место прежней кнопки «Выйти».

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/app.js

@@ -132,9 +132,11 @@ const header = (title, sub, actions = "") => `<div class="head"><div><h1>${esc(t
 const NAV = [["overview", "Обзор"], ["prefixes", "Префиксы"], ["orgs", "Организации"], ["isps", "Операторы"], ["devices", "Устройства"], ["journal", "Журнал"], ["users", "Пользователи", "superadmin"]];  // изменение 032: "superadmin"
 function shell(active, content) {
   const nav = NAV.filter(([, , role]) => role !== "superadmin" || isSuperadmin()); // изменение 032: раздел «Пользователи» виден только суперадминистратору
+  // изменение 036: логин в шапке — триггер выпадающего меню («Сменить пароль» / «Выйти») вместо отдельных кнопок
+  const userMenu = `<span class="rel user-menu"><button type="button" class="btn ghost" data-action="menu" data-menu="user" title="${esc(ROLE_RU[user?.role] ?? "")}">${esc(user?.username ?? "")}${I.chevD(14)}</button>${popMenu("user", [{ label: "Сменить пароль", value: "pw" }, { label: "Выйти", value: "logout" }], "row-pop")}</span>`;
   return `<div class="appbar"><div class="brand"><span class="brand-logo">${I.globe()}</span>ipam_manager</div>
 <nav class="nav">${nav.map(([k, l]) => `<a href="#/${k}" class="${k === active ? "active" : ""}">${l}</a>`).join("")}</nav>
-<div class="grow"></div><span class="user" title="${esc(ROLE_RU[user?.role] ?? "")}">${esc(user?.username ?? "")}</span>${btn("Сменить пароль", "pw-change", { cls: "ghost" })}${btn("Выйти", "logout", { cls: "ghost" })}</div>
+<div class="grow"></div>${userMenu}</div>
 <div class="page">${content}</div>`;
 }
 
@@ -924,6 +926,10 @@ const actions = {
     else if (id === "jactor") { S.jactor = value; S.limit = 100; }
     else if (id === "jentity") { S.jentity = value; S.limit = 100; }
     else if (id === "bulk-status" || id === "bulk-type") return bulkPick(id, value);
+    else if (id === "user") { // изменение 036: меню логина в шапке
+      document.querySelectorAll(".pop").forEach((el) => el.remove());
+      return value === "logout" ? actions.logout() : passwordDialog();
+    }
     else {
       const key = Object.keys(rowActions).find((k) => id.startsWith(k + "-"));
       const [act, rid] = value.split(":");

web/styles.css

@@ -14,7 +14,7 @@ button{font-family:var(--sans)}
 .nav a{display:flex;align-items:center;height:100%;padding:0 14px;font:500 14px/1 var(--sans);color:var(--muted);border-bottom:2px solid transparent}
 .nav a.active{color:var(--text);border-bottom-color:var(--primary)}
 .grow{flex:1}
-.appbar .user{color:var(--muted);font:400 14px/1 var(--sans)}
+/* изменение 036: .appbar .user удалено — логин заменён на триггер меню (.user-menu .btn.ghost) */
 
 /* buttons */
 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;margin:0;border-radius:8px;font:500 14px/1 var(--sans);white-space:nowrap;cursor:pointer;padding:0 14px;background:#fff;color:var(--text);border:1px solid var(--line-strong)}