MetaLab/templates/admin/static/js/site-settings.js

/* =====================================================
   MetaLab 管理面板 - 站点设置
   单一职责：加载/保存站点设置，开关即时生效
   ===================================================== */

(function() {
    'use strict';

    const TOGGLE_KEYS = [
        { id: 'audit-enabled', key: 'audit.enabled' },
        { id: 'audit-username', key: 'audit.username_audit' },
        { id: 'audit-avatar', key: 'audit.avatar_audit' },
        { id: 'audit-bio', key: 'audit.bio_audit' }
    ];

    // --- 初始加载 ---
    async function loadSettings() {
        try {
            const res = await api.get('/api/admin/site-settings');
            if (!res.success) return;

            // 审核开关
            const audit = res.data.audit || {};
            TOGGLE_KEYS.forEach(function(t) {
                var el = document.getElementById(t.id);
                if (el) {
                    el.checked = audit[t.key.split('.')[1]] === true;
                    el.addEventListener('change', function() {
                        updateBoolSetting(t.key, el.checked, el);
                    });
                }
            });

            // 通用设置
            renderGeneralSettings(res.data.all || {});
        } catch (e) {
            showToast('加载设置失败', 'error');
        }
    }

    // --- 更新布尔设置 ---
    async function updateBoolSetting(key, value, toggle) {
        toggle.disabled = true;
        try {
            var res = await api.put('/api/admin/site-settings/bool', {
                key: key,
                value: String(value)
            });
            if (res.success) {
                showToast('设置已更新', 'success');
            } else {
                showToast(res.message || '保存失败', 'error');
                toggle.checked = !value; // 回滚
            }
        } catch (e) {
            showToast('保存失败', 'error');
            toggle.checked = !value; // 回滚
        } finally {
            toggle.disabled = false;
        }
    }

    // --- 渲染通用设置 ---
    function renderGeneralSettings(all) {
        var container = document.getElementById('general-settings');
        var keys = Object.keys(all);
        if (keys.length === 0) {
            container.innerHTML = '<div class="settings-empty">暂无其他设置</div>';
            return;
        }
        container.innerHTML = '';
        keys.forEach(function(key) {
            var val = all[key] || '';
            var item = document.createElement('div');
            item.className = 'setting-item';
            item.innerHTML =
                '<div class="setting-info">' +
                    '<span class="setting-label">' + escapeHtml(key) + '</span>' +
                    '<span class="setting-value">' + escapeHtml(val.length > 80 ? val.slice(0, 80) + '...' : val) + '</span>' +
                '</div>';
            container.appendChild(item);
        });
    }

    // --- 入口 ---
    loadSettings();
})();