Maxim Dolgolyov
92030b462c
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.
69 lines
2.5 KiB
JavaScript
69 lines
2.5 KiB
JavaScript
'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,
|
|
};
|
|
})();
|