-
玩家在线时间统计
+
-
+
仅跟踪和显示列入白名单的玩家
diff --git a/src/main/resources/assets/playertime/web/js/app.js b/src/main/resources/assets/playertime/web/js/app.js
index 5218f43..6fc0f78 100644
--- a/src/main/resources/assets/playertime/web/js/app.js
+++ b/src/main/resources/assets/playertime/web/js/app.js
@@ -1,10 +1,29 @@
document.addEventListener('DOMContentLoaded', function() {
const refreshBtn = document.getElementById('refresh-btn');
+ const themeToggle = document.getElementById('theme-toggle');
const statsTable = document.getElementById('stats-table').getElementsByTagName('tbody')[0];
+ // 初始化主题
+ const savedTheme = localStorage.getItem('theme') || 'light';
+ document.documentElement.setAttribute('data-theme', savedTheme);
+
+ // 主题切换功能
+ themeToggle.addEventListener('click', () => {
+ const currentTheme = document.documentElement.getAttribute('data-theme');
+ const newTheme = currentTheme === 'light' ? 'dark' : 'light';
+ document.documentElement.setAttribute('data-theme', newTheme);
+ localStorage.setItem('theme', newTheme);
+ });
+
loadStats();
- refreshBtn.addEventListener('click', loadStats);
+ refreshBtn.addEventListener('click', function() {
+ refreshBtn.classList.add('loading');
+ loadStats();
+ setTimeout(() => {
+ refreshBtn.classList.remove('loading');
+ }, 1000);
+ });
function loadStats() {
fetch('/api/stats')
@@ -14,12 +33,11 @@ document.addEventListener('DOMContentLoaded', function() {
})
.catch(error => {
console.error('获取统计信息时出错：', error);
- alert('未能加载玩家统计信息。 检查控制台以获取详细信息');
+ showError('未能加载玩家统计信息。 检查控制台以获取详细信息');
});
}
function updateTable(statsData) {
- const statsTable = document.getElementById('stats-table').getElementsByTagName('tbody')[0];
statsTable.innerHTML = '';
Object.entries(statsData).forEach(([playerName, statString]) => {
@@ -45,6 +63,24 @@ document.addEventListener('DOMContentLoaded', function() {
});
}
+ function showError(message) {
+ const errorEl = document.createElement('div');
+ errorEl.className = 'error-message';
+ errorEl.textContent = message;
+ document.body.appendChild(errorEl);
+
+ setTimeout(() => {
+ errorEl.classList.add('show');
+ }, 10);
+
+ setTimeout(() => {
+ errorEl.classList.remove('show');
+ setTimeout(() => {
+ document.body.removeChild(errorEl);
+ }, 300);
+ }, 5000);
+ }
+
function parseTime(timeStr) {
const [hPart, mPart] = timeStr.split(' ');
const hours = parseInt(hPart.replace('h', ''));