140 lines
3.9 KiB
JavaScript
140 lines
3.9 KiB
JavaScript
/**
|
|
* M-PALACE · 存档读档逻辑
|
|
* 列出存档、读取存档、删除存档
|
|
*/
|
|
|
|
(function () {
|
|
'use strict';
|
|
|
|
var API_BASE = window.location.origin;
|
|
|
|
function init() {
|
|
loadSaveList();
|
|
bindEvents();
|
|
}
|
|
|
|
// ---------- Load Save List ----------
|
|
function loadSaveList() {
|
|
var container = document.getElementById('save-list');
|
|
|
|
fetch(API_BASE + '/api/palace/save/list')
|
|
.then(function (r) { return r.json(); })
|
|
.then(function (data) {
|
|
if (data.error) {
|
|
container.innerHTML = '<div class="empty-state">获取存档列表失败</div>';
|
|
return;
|
|
}
|
|
renderSaveList(data.saves || []);
|
|
})
|
|
.catch(function () {
|
|
container.innerHTML = '<div class="empty-state">无法连接服务器</div>';
|
|
});
|
|
}
|
|
|
|
function renderSaveList(saves) {
|
|
var container = document.getElementById('save-list');
|
|
|
|
if (saves.length === 0) {
|
|
container.innerHTML = '<div class="empty-state">暂无存档</div>';
|
|
return;
|
|
}
|
|
|
|
container.innerHTML = '';
|
|
saves.forEach(function (save) {
|
|
var item = document.createElement('div');
|
|
item.className = 'save-item fade-in';
|
|
|
|
var info = document.createElement('div');
|
|
info.className = 'save-info';
|
|
|
|
var idEl = document.createElement('div');
|
|
idEl.className = 'save-id';
|
|
idEl.textContent = save.save_id;
|
|
|
|
var detail = document.createElement('div');
|
|
detail.className = 'save-detail';
|
|
var parts = [];
|
|
if (save.dynasty) parts.push(save.dynasty);
|
|
if (save.role) parts.push(save.role);
|
|
if (save.chapter) parts.push('第' + save.chapter + '章');
|
|
if (save.created_at) parts.push(save.created_at.slice(0, 16).replace('T', ' '));
|
|
detail.textContent = parts.join(' · ');
|
|
|
|
info.appendChild(idEl);
|
|
info.appendChild(detail);
|
|
|
|
var actions = document.createElement('div');
|
|
actions.className = 'save-actions';
|
|
|
|
var loadBtn = document.createElement('button');
|
|
loadBtn.className = 'btn btn-small';
|
|
loadBtn.textContent = '读档';
|
|
loadBtn.addEventListener('click', function () {
|
|
doLoad(save.save_id);
|
|
});
|
|
|
|
actions.appendChild(loadBtn);
|
|
|
|
item.appendChild(info);
|
|
item.appendChild(actions);
|
|
container.appendChild(item);
|
|
});
|
|
}
|
|
|
|
// ---------- Load Save ----------
|
|
function doLoad(saveId) {
|
|
fetch(API_BASE + '/api/palace/save/load', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ save_id: saveId })
|
|
})
|
|
.then(function (r) { return r.json(); })
|
|
.then(function (data) {
|
|
if (data.error) {
|
|
showToast(data.message || '读档失败');
|
|
return;
|
|
}
|
|
sessionStorage.setItem('palace_save_id', saveId);
|
|
sessionStorage.setItem('palace_loaded', JSON.stringify(data));
|
|
window.location.href = 'game.html';
|
|
})
|
|
.catch(function (err) {
|
|
showToast('网络错误：' + err.message);
|
|
});
|
|
}
|
|
|
|
// ---------- Events ----------
|
|
function bindEvents() {
|
|
document.getElementById('btn-load').addEventListener('click', function () {
|
|
var id = document.getElementById('load-id').value.trim();
|
|
if (!id) { showToast('请输入存档编号'); return; }
|
|
doLoad(id);
|
|
});
|
|
|
|
document.getElementById('load-id').addEventListener('keydown', function (e) {
|
|
if (e.key === 'Enter') {
|
|
var id = this.value.trim();
|
|
if (id) doLoad(id);
|
|
}
|
|
});
|
|
}
|
|
|
|
// ---------- Utilities ----------
|
|
function showToast(msg) {
|
|
var old = document.querySelector('.toast');
|
|
if (old) old.remove();
|
|
var el = document.createElement('div');
|
|
el.className = 'toast';
|
|
el.textContent = msg;
|
|
document.body.appendChild(el);
|
|
setTimeout(function () { if (el.parentNode) el.remove(); }, 3000);
|
|
}
|
|
|
|
// ---------- Boot ----------
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', init);
|
|
} else {
|
|
init();
|
|
}
|
|
})();
|