feat(admin): phase 2 — split admin.js into 13 section modules

Replace ~3500L admin.js monolith with thin orchestrator (~700L) + 14 IIFE-wrapped per-section modules under /js/admin/sections/. Section modules expose AdminSections.<name>.init/reload (lazy init via switchTab/router) and re-expose onclick handlers via window.X for backward compat. Shared helpers (MODES/DIFFS, fmtDate, pctClass, renderMath, qTypeBadge, pagination) live in /js/admin/_shared.js exposed on window.AdminCtx. switchTab now dispatches to AdminSections via ROUTE_TO_SECTION map; non-extracted system tabs (topics/audit/errors/health/classroom/avatars) remain inline in admin.js. user-panel overlay markup untouched — Phase 6 will remove it.
2026-05-16 22:50:14 +03:00
parent 8a7bed487f
commit 92030b462c
17 changed files with 3877 additions and 3553 deletions
@@ -0,0 +1,68 @@
+'use strict';
+/* admin → permissions section (role-based teacher/student permissions) */
+(function () {
+  'use strict';
+  let inited = false;
+  let _permData = null;
+
+  async function load() {
+    try {
+      _permData = await LS.getPermissions();
+      renderPermissions();
+    } catch(e) {
+      document.getElementById('perm-teacher').innerHTML =
+        `<p style="color:var(--danger);font-size:13px">Ошибка загрузки: ${esc(e.message)}</p>`;
+    }
+  }
+
+  function renderPermissions() {
+    if (!_permData) return;
+    const { permissions, definitions } = _permData;
+    ['teacher', 'student'].forEach(role => {
+      const container = document.getElementById('perm-' + role);
+      const defs = definitions.filter(d => d.role === role);
+      container.innerHTML = defs.map(def => {
+        const enabled = permissions[role]?.[def.key] ?? def.default;
+        return `
+          <div class="perm-card${enabled ? ' enabled' : ''}" id="perm-card-${role}-${def.key.replace('.','_')}">
+            <div class="perm-info">
+              <div class="perm-label">${esc(def.label)}</div>
+              <div class="perm-desc">${esc(def.desc)}</div>
+            </div>
+            <label class="perm-toggle" title="${enabled ? 'Выключить' : 'Включить'}">
+              <input type="checkbox" ${enabled ? 'checked' : ''}
+                onchange="togglePermission('${esc(role)}','${esc(def.key)}',this.checked,this)">
+              <span class="perm-track"></span>
+              <span class="perm-thumb"></span>
+            </label>
+          </div>`;
+      }).join('');
+    });
+  }
+
+  async function togglePermission(role, key, enabled, checkbox) {
+    checkbox.disabled = true;
+    try {
+      await LS.setPermission(role, key, enabled);
+      if (!_permData.permissions[role]) _permData.permissions[role] = {};
+      _permData.permissions[role][key] = enabled;
+      const safeKey = key.replace('.', '_');
+      const card = document.getElementById(`perm-card-${role}-${safeKey}`);
+      if (card) card.classList.toggle('enabled', enabled);
+      LS.toast(enabled ? 'Право включено' : 'Право отключено', 'success');
+    } catch(e) {
+      checkbox.checked = !enabled;
+      LS.toast('Ошибка: ' + e.message, 'error');
+    } finally {
+      checkbox.disabled = false;
+    }
+  }
+
+  window.togglePermission = togglePermission;
+
+  window.AdminSections = window.AdminSections || {};
+  window.AdminSections.permissions = {
+    init: async () => { if (inited) return; inited = true; await load(); },
+    reload: load,
+  };
+})();