feat(admin/gam): переработана форма начисления XP/монет
- select с полным списком пользователей + фильтр по имени (вместо typeahead) - пресеты XP (0/10/25/50/100/250) и монет (0/10/25/50) с подсветкой активного - пресеты причин (кнопки) + поле для своей причины - fix: xp/coins теперь Number(value) без || 0 — значение 0 не начисляется - форма сброса прогресса — тоже select из того же кэша пользователей Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
+80
-23
@@ -653,6 +653,8 @@
|
||||
.adm-toggle .thumb { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.15); transition: transform .2s; }
|
||||
.adm-toggle input:checked ~ .track { background: var(--green, #06d6a0); }
|
||||
.adm-toggle input:checked ~ .thumb { transform: translateX(18px); }
|
||||
.gam-xp-preset.active, .gam-coins-preset.active { background: var(--violet); color: #fff; border-color: var(--violet); }
|
||||
.gam-xp-preset:hover:not(.active), .gam-coins-preset:hover:not(.active) { border-color: var(--violet); color: var(--violet); }
|
||||
.adm-user-search { position: relative; }
|
||||
.adm-user-search .us-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; background: #fff; border: 1.5px solid var(--border-h); border-radius: 12px; max-height: 240px; overflow-y: auto; box-shadow: 0 8px 24px rgba(15,23,42,0.12); display: none; }
|
||||
.adm-user-search .us-results.open { display: block; }
|
||||
@@ -1376,39 +1378,94 @@
|
||||
|
||||
<div class="section-title" style="margin-top:32px">Начислить XP / Монеты</div>
|
||||
<div class="adm-panel">
|
||||
<div class="adm-form-row">
|
||||
<div class="adm-form-group adm-user-search" style="flex:1">
|
||||
<div class="adm-form-row" style="flex-wrap:wrap">
|
||||
<!-- Пользователь (select + фильтр) -->
|
||||
<div class="adm-form-group" style="flex:1;min-width:220px">
|
||||
<label>Пользователь</label>
|
||||
<input type="text" id="gam-award-user" placeholder="Поиск по имени…" autocomplete="off" oninput="gamSearchUser(this.value,'gam-award')" />
|
||||
<div class="us-results" id="gam-award-results"></div>
|
||||
<input type="hidden" id="gam-award-uid" />
|
||||
<input type="text" placeholder="Фильтр по имени…" autocomplete="off"
|
||||
oninput="gamFilterUsers(this.value,'gam-award-uid')"
|
||||
style="margin-bottom:4px;padding:7px 12px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:0.84rem;color:var(--text);background:#fff;box-sizing:border-box" />
|
||||
<select id="gam-award-uid" size="5"
|
||||
style="border:1.5px solid var(--border);border-radius:8px;padding:4px 0;font:inherit;font-size:0.84rem;overflow-y:auto">
|
||||
<option value="">— загрузка… —</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="adm-form-group" style="width:100px">
|
||||
<label>XP</label>
|
||||
<input type="number" id="gam-award-xp" min="0" value="10" />
|
||||
|
||||
<div style="display:flex;flex-direction:column;gap:14px;flex:1;min-width:260px">
|
||||
<!-- XP -->
|
||||
<div class="adm-form-group">
|
||||
<label>XP</label>
|
||||
<div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap">
|
||||
<input type="number" id="gam-award-xp" min="0" value="0"
|
||||
style="width:90px;padding:8px 10px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:0.9rem" />
|
||||
<div style="display:flex;gap:4px;flex-wrap:wrap">
|
||||
<button class="gam-xp-preset" data-xp="0" onclick="gamSetXP(0)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">0</button>
|
||||
<button class="gam-xp-preset" data-xp="10" onclick="gamSetXP(10)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+10</button>
|
||||
<button class="gam-xp-preset" data-xp="25" onclick="gamSetXP(25)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+25</button>
|
||||
<button class="gam-xp-preset" data-xp="50" onclick="gamSetXP(50)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+50</button>
|
||||
<button class="gam-xp-preset" data-xp="100" onclick="gamSetXP(100)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+100</button>
|
||||
<button class="gam-xp-preset" data-xp="250" onclick="gamSetXP(250)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+250</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Монеты -->
|
||||
<div class="adm-form-group">
|
||||
<label>Монеты</label>
|
||||
<div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap">
|
||||
<input type="number" id="gam-award-coins" min="0" value="0"
|
||||
style="width:90px;padding:8px 10px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:0.9rem" />
|
||||
<div style="display:flex;gap:4px;flex-wrap:wrap">
|
||||
<button class="gam-coins-preset" data-coins="0" onclick="gamSetCoins(0)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">0</button>
|
||||
<button class="gam-coins-preset" data-coins="10" onclick="gamSetCoins(10)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+10</button>
|
||||
<button class="gam-coins-preset" data-coins="25" onclick="gamSetCoins(25)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+25</button>
|
||||
<button class="gam-coins-preset" data-coins="50" onclick="gamSetCoins(50)" style="padding:5px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.76rem;font-weight:600">+50</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Причина -->
|
||||
<div class="adm-form-group">
|
||||
<label>Причина</label>
|
||||
<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px">
|
||||
<button onclick="gamSetReason('Admin award')" style="padding:4px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.74rem">Ручное</button>
|
||||
<button onclick="gamSetReason('За участие в мероприятии')" style="padding:4px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.74rem">Мероприятие</button>
|
||||
<button onclick="gamSetReason('За активность на уроке')" style="padding:4px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.74rem">Урок</button>
|
||||
<button onclick="gamSetReason('Бонус за отличную работу')" style="padding:4px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.74rem">Бонус</button>
|
||||
<button onclick="gamSetReason('Компенсация (техническая')" style="padding:4px 10px;border:1.5px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:0.74rem">Компенсация</button>
|
||||
</div>
|
||||
<input type="text" id="gam-award-reason" placeholder="Своя причина…"
|
||||
style="padding:8px 12px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:0.84rem;width:100%;box-sizing:border-box" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="adm-form-group" style="width:100px">
|
||||
<label>Монеты</label>
|
||||
<input type="number" id="gam-award-coins" min="0" value="0" />
|
||||
</div>
|
||||
<div class="adm-form-group" style="flex:1">
|
||||
<label>Причина</label>
|
||||
<input type="text" id="gam-award-reason" placeholder="За участие" />
|
||||
</div>
|
||||
<button class="adm-btn adm-btn-primary" onclick="gamAdminAward()" style="align-self:flex-end">Начислить</button>
|
||||
</div>
|
||||
<div style="margin-top:14px;display:flex;gap:10px;align-items:center">
|
||||
<button class="adm-btn adm-btn-primary" onclick="gamAdminAward()">
|
||||
<i data-lucide="zap" style="width:15px;height:15px;vertical-align:-2px"></i>
|
||||
Начислить
|
||||
</button>
|
||||
<span style="font-size:0.78rem;color:var(--text-3)">XP=0 или Монеты=0 → эта валюта не начисляется</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-title" style="margin-top:32px">Сбросить прогресс пользователя</div>
|
||||
<div class="adm-panel">
|
||||
<div class="adm-form-row">
|
||||
<div class="adm-form-group adm-user-search" style="flex:1">
|
||||
<div class="adm-form-row" style="flex-wrap:wrap;gap:10px">
|
||||
<div class="adm-form-group" style="flex:1;min-width:220px">
|
||||
<label>Пользователь</label>
|
||||
<input type="text" id="gam-reset-user" placeholder="Поиск по имени…" autocomplete="off" oninput="gamSearchUser(this.value,'gam-reset')" />
|
||||
<div class="us-results" id="gam-reset-results"></div>
|
||||
<input type="hidden" id="gam-reset-uid" />
|
||||
<input type="text" placeholder="Фильтр по имени…" autocomplete="off"
|
||||
oninput="gamFilterUsers(this.value,'gam-reset-uid')"
|
||||
style="margin-bottom:4px;padding:7px 12px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:0.84rem;color:var(--text);background:#fff;box-sizing:border-box" />
|
||||
<select id="gam-reset-uid" size="4"
|
||||
style="border:1.5px solid var(--border);border-radius:8px;padding:4px 0;font:inherit;font-size:0.84rem;overflow-y:auto">
|
||||
<option value="">— загрузка… —</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:8px;justify-content:flex-end">
|
||||
<p style="font-size:0.8rem;color:var(--text-3);max-width:320px">Удалит весь XP, монеты, достижения и историю. Действие необратимо.</p>
|
||||
<button class="adm-btn adm-btn-danger" onclick="gamAdminReset()">
|
||||
<i data-lucide="trash-2" style="width:14px;height:14px;vertical-align:-2px"></i>
|
||||
Сбросить прогресс
|
||||
</button>
|
||||
</div>
|
||||
<button class="adm-btn adm-btn-danger" onclick="gamAdminReset()" style="align-self:flex-end">Сбросить прогресс</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,42 +1,93 @@
|
||||
'use strict';
|
||||
/* admin → gam (gamification) section: stats + top + recent XP + purchases + award XP */
|
||||
/* admin → gam (gamification) section: stats + top + recent XP + purchases + award XP/coins */
|
||||
(function () {
|
||||
'use strict';
|
||||
let inited = false;
|
||||
let _gamSearchTimer = null;
|
||||
let _gamAwarding = false;
|
||||
let _allUsers = []; // кэш пользователей для <select>-ов
|
||||
|
||||
const XP_REASONS = {
|
||||
'daily_activity': ['sun', '#F59E0B', 'Ежедневная активность'],
|
||||
'correct_answers':['check-circle', '#10B981', 'Правильные ответы'],
|
||||
'test_complete': ['file-text', '#06B6D4', 'Тест завершён'],
|
||||
'test_90+': ['zap', '#9B5DE5', 'Тест на 90%+'],
|
||||
'test_perfect': ['trophy', '#F59E0B', 'Идеальный тест (100%)'],
|
||||
'lab_experiment': ['atom', '#06D6A0', 'Лабораторный эксперимент'],
|
||||
'daily_goal': ['target', '#EF476F', 'Ежедневная цель выполнена'],
|
||||
'Admin award': ['crown', '#9B5DE5', 'Начисление администратором'],
|
||||
'daily_activity': ['sun', '#F59E0B', 'Ежедневная активность'],
|
||||
'correct_answers': ['check-circle', '#10B981', 'Правильные ответы'],
|
||||
'test_complete': ['file-text', '#06B6D4', 'Тест завершён'],
|
||||
'test_90+': ['zap', '#9B5DE5', 'Тест на 90%+'],
|
||||
'test_perfect': ['trophy', '#F59E0B', 'Идеальный тест (100%)'],
|
||||
'lab_experiment': ['atom', '#06D6A0', 'Лабораторный эксперимент'],
|
||||
'daily_goal': ['target', '#EF476F', 'Ежедневная цель выполнена'],
|
||||
'Admin award': ['crown', '#9B5DE5', 'Начисление администратором'],
|
||||
};
|
||||
|
||||
const PRESET_REASONS = [
|
||||
'Admin award',
|
||||
'За участие в мероприятии',
|
||||
'За активность на уроке',
|
||||
'Бонус за отличную работу',
|
||||
'Поощрение за серию',
|
||||
'Компенсация (техническая)',
|
||||
];
|
||||
|
||||
function fmtXPReason(reason) {
|
||||
if (!reason) return '—';
|
||||
const entry = XP_REASONS[reason];
|
||||
if (entry) {
|
||||
const [icon, color, label] = entry;
|
||||
return `<span style="display:inline-flex;align-items:center;gap:5px"><span style="color:${color};display:inline-flex">${lsIcon(icon,14)}</span>${label}</span>`;
|
||||
return `<span style="display:inline-flex;align-items:center;gap:5px"><span style="color:${color};display:inline-flex">${lsIcon(icon, 14)}</span>${label}</span>`;
|
||||
}
|
||||
if (reason.startsWith('achievement:')) {
|
||||
return `<span style="display:inline-flex;align-items:center;gap:5px"><span style="color:#F59E0B;display:inline-flex">${lsIcon('award',14)}</span>Достижение: ${esc(reason.slice(12))}</span>`;
|
||||
return `<span style="display:inline-flex;align-items:center;gap:5px"><span style="color:#F59E0B;display:inline-flex">${lsIcon('award', 14)}</span>Достижение: ${esc(reason.slice(12))}</span>`;
|
||||
}
|
||||
if (reason.startsWith('Испытание:')) {
|
||||
return `<span style="display:inline-flex;align-items:center;gap:5px"><span style="color:#EF476F;display:inline-flex">${lsIcon('swords',14)}</span>${esc(reason)}</span>`;
|
||||
return `<span style="display:inline-flex;align-items:center;gap:5px"><span style="color:#EF476F;display:inline-flex">${lsIcon('swords', 14)}</span>${esc(reason)}</span>`;
|
||||
}
|
||||
return esc(reason);
|
||||
}
|
||||
|
||||
/* ── Загрузить всех пользователей для select-ов ─────────────────────── */
|
||||
async function loadAllUsers() {
|
||||
if (_allUsers.length) return _allUsers;
|
||||
try {
|
||||
const r = await LS.adminGetUsers({ limit: 500 });
|
||||
_allUsers = (r.users || []).sort((a, b) => (a.name || '').localeCompare(b.name || '', 'ru'));
|
||||
} catch (e) { _allUsers = []; }
|
||||
return _allUsers;
|
||||
}
|
||||
|
||||
function buildUserOptions(selected) {
|
||||
const blank = `<option value="">— Выберите пользователя —</option>`;
|
||||
return blank + _allUsers.map(u => {
|
||||
const label = (u.name || u.email || 'ID:' + u.id) + (u.role !== 'student' ? ' (' + u.role + ')' : '');
|
||||
const sel = selected && selected == u.id ? ' selected' : '';
|
||||
return `<option value="${u.id}"${sel}>${esc(label)}</option>`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function populateSelects() {
|
||||
for (const id of ['gam-award-uid', 'gam-reset-uid']) {
|
||||
const el = document.getElementById(id);
|
||||
if (el) el.innerHTML = buildUserOptions(el.value);
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Быстрый фильтр select-а по вводу ───────────────────────────────── */
|
||||
function filterUserSelect(q, selectId) {
|
||||
const el = document.getElementById(selectId);
|
||||
if (!el) return;
|
||||
const ql = q.toLowerCase();
|
||||
for (const opt of el.options) {
|
||||
if (!opt.value) continue;
|
||||
opt.style.display = !ql || opt.textContent.toLowerCase().includes(ql) ? '' : 'none';
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Статистика ──────────────────────────────────────────────────────── */
|
||||
async function load() {
|
||||
const { fmtDate } = AdminCtx;
|
||||
try {
|
||||
const stats = await LS.adminGamStats();
|
||||
const [stats] = await Promise.all([
|
||||
LS.adminGamStats(),
|
||||
loadAllUsers(),
|
||||
]);
|
||||
|
||||
document.getElementById('gam-stats-grid').innerHTML = `
|
||||
<div class="stat-card" style="--stat-top:var(--violet)">
|
||||
<div class="stat-card-icon" style="background:rgba(155,93,229,0.1)"><i data-lucide="zap" class="stat-icon"></i></div>
|
||||
@@ -66,116 +117,123 @@
|
||||
|
||||
// Top-10
|
||||
const topBody = document.getElementById('gam-top-body');
|
||||
if (stats.topByXP?.length) {
|
||||
topBody.innerHTML = stats.topByXP.slice(0, 10).map((u, i) => `<tr>
|
||||
<td><strong>${i + 1}</strong></td>
|
||||
<td>${esc(u.name || u.email || 'ID:' + (u.id || u.user_id))}</td>
|
||||
<td><span style="color:var(--violet);font-weight:700">${u.xp}</span></td>
|
||||
<td>${u.level}</td>
|
||||
<td>${u.coins} <i data-lucide="coins" style="width:12px;height:12px;vertical-align:-2px;color:var(--amber, #FFB347)"></i></td>
|
||||
</tr>`).join('');
|
||||
} else {
|
||||
topBody.innerHTML = '<tr><td colspan="5" class="empty">Нет данных</td></tr>';
|
||||
}
|
||||
topBody.innerHTML = stats.topByXP?.length
|
||||
? stats.topByXP.slice(0, 10).map((u, i) => `<tr>
|
||||
<td><strong>${i + 1}</strong></td>
|
||||
<td>${esc(u.name || u.email || 'ID:' + (u.id || u.user_id))}</td>
|
||||
<td><span style="color:var(--violet);font-weight:700">${u.xp}</span></td>
|
||||
<td>${u.level}</td>
|
||||
<td>${u.coins} <i data-lucide="coins" style="width:12px;height:12px;vertical-align:-2px;color:var(--amber, #FFB347)"></i></td>
|
||||
</tr>`).join('')
|
||||
: '<tr><td colspan="5" class="empty">Нет данных</td></tr>';
|
||||
|
||||
// Recent XP
|
||||
// Recent XP log
|
||||
const logBody = document.getElementById('gam-log-body');
|
||||
if (stats.recentXP?.length) {
|
||||
logBody.innerHTML = stats.recentXP.slice(0, 20).map(e => `<tr>
|
||||
<td style="font-size:0.78rem;color:var(--text-3)">${fmtDate(e.created_at || e.date)}</td>
|
||||
<td>${esc(e.name || e.user_name || '—')}</td>
|
||||
<td><span style="color:var(--violet);font-weight:700">+${e.amount}</span></td>
|
||||
<td style="font-size:0.82rem;color:var(--text-2)">${fmtXPReason(e.reason)}</td>
|
||||
</tr>`).join('');
|
||||
} else {
|
||||
logBody.innerHTML = '<tr><td colspan="4" class="empty">Нет данных</td></tr>';
|
||||
}
|
||||
logBody.innerHTML = stats.recentXP?.length
|
||||
? stats.recentXP.slice(0, 20).map(e => `<tr>
|
||||
<td style="font-size:0.78rem;color:var(--text-3)">${fmtDate(e.created_at || e.date)}</td>
|
||||
<td>${esc(e.name || e.user_name || '—')}</td>
|
||||
<td><span style="color:var(--violet);font-weight:700">+${e.amount}</span></td>
|
||||
<td style="font-size:0.82rem;color:var(--text-2)">${fmtXPReason(e.reason)}</td>
|
||||
</tr>`).join('')
|
||||
: '<tr><td colspan="4" class="empty">Нет данных</td></tr>';
|
||||
|
||||
// Purchases
|
||||
const purchBody = document.getElementById('gam-purchases-body');
|
||||
if (stats.recentPurchases?.length) {
|
||||
purchBody.innerHTML = stats.recentPurchases.slice(0, 20).map(p => `<tr>
|
||||
<td style="font-size:0.78rem;color:var(--text-3)">${fmtDate(p.purchased_at)}</td>
|
||||
<td>${esc(p.user_name || '—')}</td>
|
||||
<td style="font-weight:600">${esc(p.item_name || '—')}</td>
|
||||
<td><span class="badge" style="font-size:0.7rem">${esc(p.type || '—')}</span></td>
|
||||
<td style="color:var(--amber,#FFB347);font-weight:700">${p.price} <i data-lucide="coins" style="width:12px;height:12px;vertical-align:-2px"></i></td>
|
||||
</tr>`).join('');
|
||||
} else {
|
||||
purchBody.innerHTML = '<tr><td colspan="5" class="empty">Нет покупок</td></tr>';
|
||||
}
|
||||
purchBody.innerHTML = stats.recentPurchases?.length
|
||||
? stats.recentPurchases.slice(0, 20).map(p => `<tr>
|
||||
<td style="font-size:0.78rem;color:var(--text-3)">${fmtDate(p.purchased_at)}</td>
|
||||
<td>${esc(p.user_name || '—')}</td>
|
||||
<td style="font-weight:600">${esc(p.item_name || '—')}</td>
|
||||
<td><span class="badge" style="font-size:0.7rem">${esc(p.type || '—')}</span></td>
|
||||
<td style="color:var(--amber,#FFB347);font-weight:700">${p.price} <i data-lucide="coins" style="width:12px;height:12px;vertical-align:-2px"></i></td>
|
||||
</tr>`).join('')
|
||||
: '<tr><td colspan="5" class="empty">Нет покупок</td></tr>';
|
||||
|
||||
populateSelects();
|
||||
if (window.lucide) lucide.createIcons();
|
||||
} catch(e) {
|
||||
} catch (e) {
|
||||
document.getElementById('gam-stats-grid').innerHTML = `<div class="error">Ошибка: ${esc(e.message)}</div>`;
|
||||
}
|
||||
}
|
||||
|
||||
async function gamSearchUser(q, prefix) {
|
||||
clearTimeout(_gamSearchTimer);
|
||||
const box = document.getElementById(prefix + '-results');
|
||||
if (q.length < 2) { box.classList.remove('open'); return; }
|
||||
_gamSearchTimer = setTimeout(async () => {
|
||||
try {
|
||||
const r = await LS.adminGetUsers({ q, limit: 8 });
|
||||
const label = u => u.name || u.email;
|
||||
box.innerHTML = (r.users || []).map(u => `<div class="us-item" data-uid="${u.id}" data-name="${esc(label(u))}" data-prefix="${esc(prefix)}" onclick="gamPickUser(this)">
|
||||
<span>${esc(label(u))}</span><span class="us-role">${esc(u.role)}</span>
|
||||
</div>`).join('') || '<div class="us-item" style="color:var(--text-3)">Не найдено</div>';
|
||||
box.classList.add('open');
|
||||
} catch(e) { box.classList.remove('open'); }
|
||||
}, 300);
|
||||
/* ── Пресеты XP ──────────────────────────────────────────────────────── */
|
||||
function gamSetXP(val) {
|
||||
const inp = document.getElementById('gam-award-xp');
|
||||
if (!inp) return;
|
||||
inp.value = val;
|
||||
inp.readOnly = false;
|
||||
document.querySelectorAll('.gam-xp-preset').forEach(b => b.classList.toggle('active', b.dataset.xp == val));
|
||||
}
|
||||
|
||||
function gamPickUser(el) {
|
||||
const prefix = el.dataset.prefix;
|
||||
document.getElementById(prefix + '-uid').value = el.dataset.uid;
|
||||
document.getElementById(prefix + '-user').value = el.dataset.name || '';
|
||||
document.getElementById(prefix + '-results').classList.remove('open');
|
||||
function gamSetCoins(val) {
|
||||
const inp = document.getElementById('gam-award-coins');
|
||||
if (!inp) return;
|
||||
inp.value = val;
|
||||
document.querySelectorAll('.gam-coins-preset').forEach(b => b.classList.toggle('active', b.dataset.coins == val));
|
||||
}
|
||||
|
||||
function gamSetReason(val) {
|
||||
const inp = document.getElementById('gam-award-reason');
|
||||
if (inp) inp.value = val;
|
||||
}
|
||||
|
||||
/* ── Начислить XP/Монеты ─────────────────────────────────────────────── */
|
||||
async function gamAdminAward() {
|
||||
if (_gamAwarding) return;
|
||||
const userId = parseInt(document.getElementById('gam-award-uid').value);
|
||||
const xp = parseInt(document.getElementById('gam-award-xp').value) || 0;
|
||||
const coins = parseInt(document.getElementById('gam-award-coins').value) || 0;
|
||||
const reason = document.getElementById('gam-award-reason').value.trim();
|
||||
if (!userId) { LS.toast('Выберите пользователя', 'error'); return; }
|
||||
if (!xp && !coins) { LS.toast('Введите XP или монеты', 'error'); return; }
|
||||
const userId = parseInt(document.getElementById('gam-award-uid').value, 10);
|
||||
const xpRaw = document.getElementById('gam-award-xp').value;
|
||||
const coinsRaw = document.getElementById('gam-award-coins').value;
|
||||
const xp = xpRaw === '' ? 0 : Number(xpRaw);
|
||||
const coins = coinsRaw === '' ? 0 : Number(coinsRaw);
|
||||
const reason = document.getElementById('gam-award-reason').value.trim() || 'Admin award';
|
||||
|
||||
if (!userId) { LS.toast('Выберите пользователя', 'error'); return; }
|
||||
if (xp < 0 || coins < 0) { LS.toast('Значения не могут быть отрицательными', 'error'); return; }
|
||||
if (!xp && !coins) { LS.toast('Введите XP или монеты (больше 0)', 'error'); return; }
|
||||
|
||||
_gamAwarding = true;
|
||||
try {
|
||||
const r = await LS.adminGamAward({ userId, xp, coins, reason });
|
||||
LS.toast(`Начислено! XP: ${r.xp}, Уровень: ${r.level}, Монеты: ${r.coins}`, 'success');
|
||||
const userName = document.getElementById('gam-award-uid').selectedOptions?.[0]?.textContent || 'пользователю';
|
||||
LS.toast(`Начислено ${userName}: XP +${xp} Монеты +${coins} → Уровень ${r.level}`, 'success');
|
||||
// Reset form
|
||||
document.getElementById('gam-award-uid').value = '';
|
||||
document.getElementById('gam-award-user').value = '';
|
||||
document.getElementById('gam-award-xp').value = '0';
|
||||
document.getElementById('gam-award-coins').value = '0';
|
||||
document.getElementById('gam-award-reason').value = '';
|
||||
document.querySelectorAll('.gam-xp-preset,.gam-coins-preset').forEach(b => b.classList.remove('active'));
|
||||
inited = false;
|
||||
await load();
|
||||
inited = true;
|
||||
} catch(e) { LS.toast('Ошибка: ' + e.message, 'error'); }
|
||||
} catch (e) { LS.toast('Ошибка: ' + e.message, 'error'); }
|
||||
finally { _gamAwarding = false; }
|
||||
}
|
||||
|
||||
/* ── Сбросить прогресс ───────────────────────────────────────────────── */
|
||||
async function gamAdminReset() {
|
||||
const userId = parseInt(document.getElementById('gam-reset-uid').value);
|
||||
const userName = document.getElementById('gam-reset-user').value;
|
||||
const sel = document.getElementById('gam-reset-uid');
|
||||
const userId = parseInt(sel?.value, 10);
|
||||
const userName = sel?.selectedOptions?.[0]?.textContent || '';
|
||||
if (!userId) { LS.toast('Выберите пользователя', 'error'); return; }
|
||||
if (!await LS.confirm(`ВСЕ XP, монеты и достижения «${userName}» будут удалены безвозвратно.`, { title: 'Сбросить прогресс?', confirmText: 'Сбросить', danger: true })) return;
|
||||
if (!await LS.confirm(
|
||||
`ВСЕ XP, монеты и достижения пользователя «${userName}» будут удалены безвозвратно.`,
|
||||
{ title: 'Сбросить прогресс?', confirmText: 'Сбросить', danger: true }
|
||||
)) return;
|
||||
try {
|
||||
await LS.adminGamReset({ userId });
|
||||
LS.toast('Прогресс сброшен', 'success');
|
||||
document.getElementById('gam-reset-uid').value = '';
|
||||
document.getElementById('gam-reset-user').value = '';
|
||||
inited = false;
|
||||
await load();
|
||||
inited = true;
|
||||
} catch(e) { LS.toast('Ошибка: ' + e.message, 'error'); }
|
||||
LS.toast('Прогресс сброшен: ' + userName, 'success');
|
||||
sel.value = '';
|
||||
inited = false; await load(); inited = true;
|
||||
} catch (e) { LS.toast('Ошибка: ' + e.message, 'error'); }
|
||||
}
|
||||
|
||||
window.gamSearchUser = gamSearchUser;
|
||||
window.gamPickUser = gamPickUser;
|
||||
window.gamAdminAward = gamAdminAward;
|
||||
window.gamAdminReset = gamAdminReset;
|
||||
window.gamAdminAward = gamAdminAward;
|
||||
window.gamAdminReset = gamAdminReset;
|
||||
window.gamSetXP = gamSetXP;
|
||||
window.gamSetCoins = gamSetCoins;
|
||||
window.gamSetReason = gamSetReason;
|
||||
window.gamFilterUsers = filterUserSelect;
|
||||
|
||||
window.AdminSections = window.AdminSections || {};
|
||||
window.AdminSections.gam = {
|
||||
|
||||
Reference in New Issue
Block a user