mirror of
https://github.com/DarkflameUniverse/DarkflameServer.git
synced 2026-10-02 10:53:44 +00:00
c70b163701
Actions on an account (ban, mute, lock, GM level, email) and on a character (edit, restoring a version, saving its XML) show the result in place (reloadInPlace) instead of reloading the page. Deleting an account goes back to Accounts without leaving the deleted account in the history. After an in-place update (dash:refreshed) the pages show the server's values again the way they do on load: last logins and the mute end in the browser's time, and the GM level picker (unless a new level is being picked). Check: lock and unlock an account: the badge changes with no reload. Change an account's GM level from another tab: the first tab's level picker follows. Edit a character's items: the page updates when the dialog closes. A character's last login updates when they log in. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
216 lines
12 KiB
JavaScript
216 lines
12 KiB
JavaScript
/**
|
|
* Character page: the editor (coins, U-score, level, items) and the history (snapshots compared with the character
|
|
* now, download, restore). Saving goes through the server's safe path: the owner is disconnected first and the
|
|
* current version is kept as a snapshot.
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
var config = window.characterToolsConfig;
|
|
if (!config) return;
|
|
var nf = new Intl.NumberFormat();
|
|
var current = null;
|
|
var edit = null; // { counts: {id: n}, remove: {id: true}, add: [{lot, name, count, inventory}] }
|
|
var inventoryTab = 0;
|
|
|
|
function inventoryName(type) { return Labels.name('inventories', type) || 'Inventory ' + type; }
|
|
function itemLabel(item) { return esc(item.name || 'LOT ' + item.lot) + ' <span class="text-body-secondary small">' + esc(item.lot) + '</span>'; }
|
|
|
|
function loadSummary() {
|
|
return api.get('/api/characters/' + config.id + '/summary').then(function (d) {
|
|
if (!d.success) { toast(d.error || 'Could not read the character', 'danger'); return null; }
|
|
current = d.summary;
|
|
return current;
|
|
});
|
|
}
|
|
|
|
// ---- editor ----
|
|
function renderEditItems() {
|
|
var inventory = current.inventories.filter(function (i) { return i.type === inventoryTab; })[0] || { items: [], size: 0 };
|
|
document.getElementById('editInventoryTabs').innerHTML = current.inventories.filter(function (i) { return i.items.length || i.type === 0; }).map(function (i) {
|
|
return '<li class="nav-item"><button type="button" class="nav-link' + (i.type === inventoryTab ? ' active' : '') + '" data-inventory="' + i.type + '">' +
|
|
esc(inventoryName(i.type)) + ' <span class="badge text-bg-secondary">' + i.items.length + (i.size ? '/' + i.size : '') + '</span></button></li>';
|
|
}).join('');
|
|
var rows = inventory.items.slice().sort(function (a, b) { return a.slot - b.slot; }).map(function (item) {
|
|
var removed = !!edit.remove[item.id];
|
|
var count = edit.counts[item.id] !== undefined ? edit.counts[item.id] : item.count;
|
|
return '<tr' + (removed ? ' class="text-decoration-line-through opacity-50"' : '') + '><td data-label="Item">' + itemLabel(item) + (item.equipped ? ' ' + fmt.badge('equipped', 'info') : '') + '</td>' +
|
|
'<td data-label="Slot">' + esc(item.slot) + '</td>' +
|
|
'<td data-label="Count"><input type="number" min="1" max="999999" class="form-control form-control-sm" data-count="' + esc(item.id) + '" value="' + esc(count) + '"' + (removed ? ' disabled' : '') + '></td>' +
|
|
'<td class="text-end"><input class="form-check-input" type="checkbox" data-remove="' + esc(item.id) + '"' + (removed ? ' checked' : '') + ' aria-label="Remove ' + esc(item.name) + '"></td></tr>';
|
|
});
|
|
document.getElementById('editItems').innerHTML = rows.join('') || '<tr><td colspan="4" class="text-body-secondary">Empty</td></tr>';
|
|
document.getElementById('pendingAdds').innerHTML = edit.add.map(function (a, i) {
|
|
return '<li>Add ' + esc(a.count) + 'x ' + esc(a.name) + ' to ' + esc(inventoryName(a.inventory)) + ' <a href="#" data-undo-add="' + i + '">undo</a></li>';
|
|
}).join('');
|
|
describeChanges();
|
|
}
|
|
|
|
function buildEdit() {
|
|
var body = {};
|
|
var coins = document.getElementById('editCoins').value, uscore = document.getElementById('editUScore').value, level = document.getElementById('editLevel').value;
|
|
if (coins !== '' && Number(coins) !== current.coins) body.coins = Number(coins);
|
|
if (uscore !== '' && Number(uscore) !== current.uscore) body.uscore = Number(uscore);
|
|
if (level !== '' && Number(level) !== current.level) body.level = Number(level);
|
|
var counts = {};
|
|
Object.keys(edit.counts).forEach(function (id) { if (!edit.remove[id]) counts[id] = edit.counts[id]; });
|
|
if (Object.keys(counts).length) body.counts = counts;
|
|
var remove = Object.keys(edit.remove).filter(function (id) { return edit.remove[id]; });
|
|
if (remove.length) body.remove = remove;
|
|
if (edit.add.length) body.add = edit.add.map(function (a) { return { lot: a.lot, count: a.count, inventory: a.inventory }; });
|
|
return body;
|
|
}
|
|
|
|
function describeChanges() {
|
|
var body = buildEdit(), parts = [];
|
|
['coins', 'uscore', 'level'].forEach(function (k) { if (body[k] !== undefined) parts.push(k === 'uscore' ? 'U-score' : k); });
|
|
if (body.counts) parts.push(Object.keys(body.counts).length + ' count(s)');
|
|
if (body.remove) parts.push(body.remove.length + ' removed');
|
|
if (body.add) parts.push(body.add.length + ' added');
|
|
document.getElementById('editChanges').textContent = parts.length ? 'Changes: ' + parts.join(', ') : 'No changes yet';
|
|
document.getElementById('saveEditBtn').disabled = !parts.length;
|
|
}
|
|
|
|
function openEditor() {
|
|
loadSummary().then(function (summary) {
|
|
if (!summary) return;
|
|
edit = { counts: {}, remove: {}, add: [] };
|
|
inventoryTab = 0;
|
|
document.getElementById('editCoins').value = summary.coins;
|
|
document.getElementById('editUScore').value = summary.uscore;
|
|
document.getElementById('editLevel').value = summary.level;
|
|
renderEditItems();
|
|
bootstrap.Modal.getOrCreateInstance(document.getElementById('editModal')).show();
|
|
});
|
|
}
|
|
|
|
var suggestions = {};
|
|
var searchTimer = null;
|
|
function wireEditor() {
|
|
var button = document.getElementById('editCharacterBtn');
|
|
if (!button) return;
|
|
button.addEventListener('click', openEditor);
|
|
['editCoins', 'editUScore', 'editLevel'].forEach(function (id) { document.getElementById(id).addEventListener('input', describeChanges); });
|
|
document.getElementById('editInventoryTabs').addEventListener('click', function (e) {
|
|
var tab = e.target.closest('[data-inventory]');
|
|
if (tab) { inventoryTab = Number(tab.dataset.inventory); renderEditItems(); }
|
|
});
|
|
document.getElementById('editItems').addEventListener('input', function (e) {
|
|
if (e.target.dataset.count) { edit.counts[e.target.dataset.count] = Number(e.target.value); describeChanges(); }
|
|
});
|
|
document.getElementById('editItems').addEventListener('change', function (e) {
|
|
if (e.target.dataset.remove) { edit.remove[e.target.dataset.remove] = e.target.checked; renderEditItems(); }
|
|
});
|
|
document.getElementById('pendingAdds').addEventListener('click', function (e) {
|
|
var undo = e.target.closest('[data-undo-add]');
|
|
if (undo) { e.preventDefault(); edit.add.splice(Number(undo.dataset.undoAdd), 1); renderEditItems(); }
|
|
});
|
|
var input = document.getElementById('addItemName');
|
|
input.addEventListener('input', function () {
|
|
clearTimeout(searchTimer);
|
|
var q = input.value.trim();
|
|
if (q.length < 2 || /^\d+$/.test(q)) return;
|
|
searchTimer = setTimeout(function () {
|
|
api.get('/api/items/search?q=' + encodeURIComponent(q)).then(function (items) {
|
|
suggestions = {};
|
|
document.getElementById('addItemList').innerHTML = (Array.isArray(items) ? items : []).map(function (i) {
|
|
suggestions[i.name] = i.lot;
|
|
return '<option value="' + esc(i.name) + '">' + esc(i.lot) + '</option>';
|
|
}).join('');
|
|
});
|
|
}, 250);
|
|
});
|
|
document.getElementById('addItemBtn').addEventListener('click', function () {
|
|
var text = input.value.trim();
|
|
var lot = /^\d+$/.test(text) ? Number(text) : suggestions[text];
|
|
var count = Number(document.getElementById('addItemCount').value) || 1;
|
|
if (!lot) { toast('Pick an item from the list or type its LOT', 'warning'); return; }
|
|
edit.add.push({ lot: lot, name: /^\d+$/.test(text) ? 'LOT ' + lot : text, count: count, inventory: inventoryTab });
|
|
input.value = '';
|
|
renderEditItems();
|
|
});
|
|
document.getElementById('saveEditBtn').addEventListener('click', function () {
|
|
var body = buildEdit();
|
|
if (!confirm('Save these changes? The player is disconnected if online.')) return;
|
|
api.action('/api/characters/' + config.id + '/edit', body).then(function (d) { return d.result; }).then(function (r) {
|
|
if (r && r.success) { bootstrap.Modal.getInstance(document.getElementById('editModal')).hide(); setTimeout(reloadInPlace, 600); }
|
|
}).catch(function () {});
|
|
});
|
|
}
|
|
|
|
// ---- history ----
|
|
function itemsById(summary) {
|
|
var map = {};
|
|
summary.inventories.forEach(function (inventory) {
|
|
inventory.items.forEach(function (item) { map[item.id] = { item: item, inventory: inventory.type }; });
|
|
});
|
|
return map;
|
|
}
|
|
|
|
function compare(before, after) {
|
|
var rows = [];
|
|
[['coins', 'Coins'], ['uscore', 'U-score'], ['level', 'Level'], ['missions_done', 'Missions done']].forEach(function (f) {
|
|
if (before[f[0]] !== after[f[0]]) rows.push('<tr><td>' + f[1] + '</td><td>' + nf.format(before[f[0]]) + '</td><td>' + nf.format(after[f[0]]) + '</td></tr>');
|
|
});
|
|
var a = itemsById(before), b = itemsById(after);
|
|
Object.keys(a).forEach(function (id) {
|
|
var old = a[id], now = b[id];
|
|
if (!now) rows.push('<tr class="table-danger"><td>' + itemLabel(old.item) + ' <span class="small">(' + esc(inventoryName(old.inventory)) + ')</span></td><td>' + nf.format(old.item.count) + '</td><td>gone</td></tr>');
|
|
else if (now.item.count !== old.item.count || now.inventory !== old.inventory) {
|
|
rows.push('<tr class="table-warning"><td>' + itemLabel(old.item) + '</td><td>' + nf.format(old.item.count) + ' in ' + esc(inventoryName(old.inventory)) + '</td><td>' + nf.format(now.item.count) + ' in ' + esc(inventoryName(now.inventory)) + '</td></tr>');
|
|
}
|
|
});
|
|
Object.keys(b).forEach(function (id) {
|
|
if (!a[id]) rows.push('<tr class="table-success"><td>' + itemLabel(b[id].item) + ' <span class="small">(' + esc(inventoryName(b[id].inventory)) + ')</span></td><td>not there</td><td>' + nf.format(b[id].item.count) + '</td></tr>');
|
|
});
|
|
return rows;
|
|
}
|
|
|
|
function openSnapshot(id) {
|
|
document.querySelectorAll('#snapshotList [data-snapshot]').forEach(function (el) { el.classList.toggle('active', el.dataset.snapshot === String(id)); });
|
|
var box = document.getElementById('snapshotCompare');
|
|
box.innerHTML = '<p class="text-body-secondary">Loading…</p>';
|
|
Promise.all([api.get('/api/snapshots/' + id), loadSummary()]).then(function (res) {
|
|
var snap = res[0];
|
|
if (!snap.success || !current) { box.innerHTML = '<p class="text-danger">' + esc(snap.error || 'Could not load it') + '</p>'; return; }
|
|
var rows = compare(snap.summary, current);
|
|
box.innerHTML = '<div class="d-flex flex-wrap gap-2 align-items-center mb-2"><strong class="me-auto">' + esc(fmt.unix(snap.taken_at)) + ' → now</strong>' +
|
|
'<a class="btn btn-sm btn-outline-secondary" href="/api/snapshots/' + esc(id) + '/xml">Download XML</a>' +
|
|
(config.canEdit ? '<button class="btn btn-sm btn-danger" data-restore="' + esc(id) + '">Restore this version</button>' : '') + '</div>' +
|
|
(rows.length ? '<div class="table-responsive"><table class="table table-sm align-middle"><thead><tr><th>What</th><th>Then</th><th>Now</th></tr></thead><tbody>' + rows.join('') + '</tbody></table></div>'
|
|
: '<p class="text-body-secondary">No differences in coins, level or items.</p>');
|
|
});
|
|
}
|
|
|
|
function openHistory() {
|
|
bootstrap.Modal.getOrCreateInstance(document.getElementById('historyModal')).show();
|
|
api.get('/api/characters/' + config.id + '/snapshots').then(function (d) {
|
|
var list = document.getElementById('snapshotList');
|
|
if (!d.success) { list.innerHTML = '<div class="text-danger">' + esc(d.error) + '</div>'; return; }
|
|
list.innerHTML = d.snapshots.map(function (s) {
|
|
return '<a href="#" class="list-group-item list-group-item-action" data-snapshot="' + s.id + '"><div class="fw-semibold">' + esc(fmt.unix(s.taken_at)) + '</div>' +
|
|
'<div class="text-body-secondary">' + esc(s.reason) + (s.actor ? ' by ' + esc(s.actor) : '') + '</div></a>';
|
|
}).join('') || '<div class="text-body-secondary">No snapshots yet. One is kept before every change made here, and the Character snapshots task saves changed characters daily.</div>';
|
|
});
|
|
}
|
|
|
|
function wireHistory() {
|
|
var button = document.getElementById('historyBtn');
|
|
if (!button) return;
|
|
button.addEventListener('click', openHistory);
|
|
document.getElementById('snapshotList').addEventListener('click', function (e) {
|
|
var item = e.target.closest('[data-snapshot]');
|
|
if (item) { e.preventDefault(); openSnapshot(item.dataset.snapshot); }
|
|
});
|
|
document.getElementById('snapshotCompare').addEventListener('click', function (e) {
|
|
var restore = e.target.closest('[data-restore]');
|
|
if (!restore || !confirm('Put the character back to this version? The player is disconnected if online, and the current version is kept in the history.')) return;
|
|
api.action('/api/snapshots/' + restore.dataset.restore + '/restore', {}).then(function (d) { return d.result; }).then(function (r) {
|
|
if (r && r.success) setTimeout(reloadInPlace, 600);
|
|
}).catch(function () {});
|
|
});
|
|
}
|
|
|
|
wireEditor();
|
|
wireHistory();
|
|
})();
|