skill-base 2.0.1

package/static/js/settings.js

@@ -0,0 +1,124 @@
+/**
+ * 账户设置页面脚本
+ */
+
+// 页面初始化
+document.addEventListener('DOMContentLoaded', async () => {
+  const user = await getCurrentUser();
+  if (!user) {
+    // 未登录，checkAuth 会自动跳转
+    return;
+  }
+
+  renderNavbar(user);
+  loadUserProfile();
+  bindEvents();
+});
+
+// 绑定事件
+function bindEvents() {
+  // 基本信息表单提交
+  const profileForm = document.getElementById('profileForm');
+  profileForm.addEventListener('submit', handleProfileUpdate);
+
+  // 修改密码表单提交
+  const passwordForm = document.getElementById('passwordForm');
+  passwordForm.addEventListener('submit', handlePasswordChange);
+}
+
+// 加载用户资料
+async function loadUserProfile() {
+  try {
+    const user = await getCurrentUser(true); // 强制刷新
+    
+    if (user) {
+      document.getElementById('username').value = user.username || '';
+      document.getElementById('name').value = user.name || '';
+    }
+  } catch (error) {
+    showToast(error.message || t('settings.loadFailed'), 'error');
+  }
+}
+
+// 处理基本信息更新
+async function handleProfileUpdate(e) {
+  e.preventDefault();
+  
+  const username = document.getElementById('username').value.trim();
+  const name = document.getElementById('name').value.trim();
+  
+  if (!username || username.length < 1 || username.length > 50) {
+    showToast(t('settings.usernameLenError'), 'warning');
+    return;
+  }
+  
+  const submitBtn = document.getElementById('saveProfileBtn');
+  submitBtn.disabled = true;
+  submitBtn.innerHTML = '<span class="spinner spinner-sm"></span> ' + t('settings.saving');
+  
+  try {
+    const result = await api('/auth/me', {
+      method: 'PATCH',
+      body: JSON.stringify({ username, name })
+    });
+    
+    if (result.ok) {
+      showToast(t('settings.updateSuccess'), 'success');
+      // 刷新当前用户缓存
+      await getCurrentUser(true);
+    }
+  } catch (error) {
+    showToast(error.message || t('settings.updateFailed'), 'error');
+  } finally {
+    submitBtn.disabled = false;
+    submitBtn.textContent = t('settings.saveBtn');
+  }
+}
+
+// 处理密码修改
+async function handlePasswordChange(e) {
+  e.preventDefault();
+  
+  const oldPassword = document.getElementById('oldPassword').value;
+  const newPassword = document.getElementById('newPassword').value;
+  const confirmPassword = document.getElementById('confirmPassword').value;
+  
+  if (!oldPassword) {
+    showToast(t('settings.noOldPassword'), 'warning');
+    return;
+  }
+  
+  if (newPassword.length < 6) {
+    showToast(t('settings.newPassTooShort'), 'warning');
+    return;
+  }
+  
+  if (newPassword !== confirmPassword) {
+    showToast(t('settings.passMismatch'), 'warning');
+    return;
+  }
+  
+  const submitBtn = document.getElementById('changePasswordBtn');
+  submitBtn.disabled = true;
+  submitBtn.innerHTML = '<span class="spinner spinner-sm"></span> ' + t('settings.changing');
+  
+  try {
+    const result = await apiPost('/auth/me/change-password', {
+      old_password: oldPassword,
+      new_password: newPassword
+    });
+    
+    if (result.ok) {
+      showToast(t('settings.changeSuccess'), 'success');
+      // 清空密码表单
+      document.getElementById('oldPassword').value = '';
+      document.getElementById('newPassword').value = '';
+      document.getElementById('confirmPassword').value = '';
+    }
+  } catch (error) {
+    showToast(error.message || t('settings.changeFailed'), 'error');
+  } finally {
+    submitBtn.disabled = false;
+    submitBtn.textContent = t('settings.changePasswordBtn');
+  }
+}

package/static/js/setup.js

@@ -0,0 +1,157 @@
+/**
+ * Skill Base - Initial Setup Page
+ * Handles first-time admin account creation
+ */
+
+(function() {
+  'use strict';
+
+  const API_BASE = '/api/v1';
+
+  // DOM elements
+  const form = document.getElementById('setupForm');
+  const errorEl = document.getElementById('setupError');
+  const successEl = document.getElementById('setupSuccess');
+  const submitBtn = document.getElementById('setupButton');
+  const usernameInput = document.getElementById('username');
+  const passwordInput = document.getElementById('password');
+  const confirmPasswordInput = document.getElementById('confirmPassword');
+
+  // Check if system is already initialized
+  async function checkInitStatus() {
+    try {
+      const res = await fetch(`${API_BASE}/init/status`);
+      const data = await res.json();
+      
+      if (data.initialized) {
+        // Already initialized, redirect to home
+        window.location.href = '/';
+      }
+    } catch (err) {
+      console.error('Failed to check init status:', err);
+    }
+  }
+
+  // Show error message
+  function showError(message) {
+    errorEl.textContent = message;
+    errorEl.style.display = 'block';
+    successEl.style.display = 'none';
+  }
+
+  // Show success message
+  function showSuccess(message) {
+    successEl.textContent = message;
+    successEl.style.display = 'block';
+    errorEl.style.display = 'none';
+  }
+
+  // Clear messages
+  function clearMessages() {
+    errorEl.style.display = 'none';
+    successEl.style.display = 'none';
+  }
+
+  // Set button loading state
+  function setLoading(loading) {
+    submitBtn.disabled = loading;
+    const btnText = submitBtn.querySelector('span');
+    if (loading) {
+      btnText.textContent = window._t ? window._t('setup.loading') : '创建中...';
+    } else {
+      btnText.textContent = window._t ? window._t('setup.submit') : '创建管理员账号';
+    }
+  }
+
+  // Handle form submit
+  async function handleSubmit(e) {
+    e.preventDefault();
+    clearMessages();
+
+    const username = usernameInput.value.trim();
+    const password = passwordInput.value;
+    const confirmPassword = confirmPasswordInput.value;
+
+    // Validate
+    if (!username) {
+      showError(window._t ? window._t('setup.errUsername') : '请输入用户名');
+      usernameInput.focus();
+      return;
+    }
+
+    if (username.length < 3 || username.length > 50) {
+      showError(window._t ? window._t('setup.errUsernameLength') : '用户名需要 3-50 个字符');
+      usernameInput.focus();
+      return;
+    }
+
+    if (!password) {
+      showError(window._t ? window._t('setup.errPassword') : '请输入密码');
+      passwordInput.focus();
+      return;
+    }
+
+    if (password.length < 6) {
+      showError(window._t ? window._t('setup.errPasswordLength') : '密码至少需要 6 个字符');
+      passwordInput.focus();
+      return;
+    }
+
+    if (password !== confirmPassword) {
+      showError(window._t ? window._t('setup.errPasswordMismatch') : '两次输入的密码不一致');
+      confirmPasswordInput.focus();
+      return;
+    }
+
+    setLoading(true);
+
+    try {
+      const res = await fetch(`${API_BASE}/init/setup`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ username, password })
+      });
+
+      const data = await res.json();
+
+      if (!res.ok) {
+        throw new Error(data.error || 'Setup failed');
+      }
+
+      // Success
+      showSuccess(window._t ? window._t('setup.success') : '管理员账号创建成功，即将跳转到登录页...');
+      form.reset();
+      
+      // Redirect to login after 2 seconds
+      setTimeout(() => {
+        window.location.href = '/login';
+      }, 2000);
+
+    } catch (err) {
+      showError(err.message || (window._t ? window._t('setup.errFailed') : '创建失败，请重试'));
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  // Initialize
+  function init() {
+    // Apply i18n if available
+    if (window.applyI18n) {
+      window.applyI18n();
+    }
+
+    // Check init status
+    checkInitStatus();
+
+    // Bind form submit
+    form.addEventListener('submit', handleSubmit);
+  }
+
+  // Run on DOM ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+})();