@ddj-v2/user-management 2.1.0 → 2.3.0

package/README.md

@@ -1,77 +1,72 @@
-# HydroOJ插件 用户管理面板
+# HydroOJ插件 使用者管理面板
 
-一个为 HydroOJ 提供可视化用户管理功能的插件，允许管理员在控制面板中方便地管理用户信息、权限和状态。
+修改自 https://github.com/SummerofOrange/hydrooj-user-management
 
-> 代码很简单，佛系不定期更新~
+這是一個為 HydroOJ 提供可視化使用者管理功能的插件，讓管理員能在控制面板中方便地管理使用者資訊、權限與狀態。
+
+> 程式碼很簡單，佛系不定期更新~
 >
-> 如果认为好用请给我点一个star，不胜感激。
+> 如果覺得好用請幫我點個 star，感激不盡。
 
-## 安装方法
+## 安裝方法
 
 ```bash
 sudo su
-cd /root/.hydro/
-git clone https://github.com/SummerofOrange/hydrooj-user-management
-hydrooj addon add /root/.hydro/hydrooj-user-management
+yarn global add @ddj-v2/user-management
+hydrooj addon add @ddj-v2/user-management
 pm2 restart hydrooj
 ```
 
 ## 使用方法
 
-1. **访问用户管理**: 登录 HydroOJ 后，在控制面板侧边栏找到"用户管理"菜单项
-2. **搜索用户**: 在用户列表页面使用搜索框查找特定用户
-3. **编辑用户**: 点击用户列表中的"编辑"按钮进入用户详情页面
-4. **管理权限**: 在用户详情页面的"权限管理"部分设置用户权限
-5. **重置密码**: 在"密码管理"部分为用户重置新密码
-6. **封禁用户**: 在"用户状态"部分封禁或解封用户
+1. **進入使用者管理**：登入 HydroOJ 後，在控制面板側邊欄找到「使用者管理」選單項
+2. **搜尋使用者**：在使用者列表頁面使用搜尋框查找特定使用者
+3. **編輯使用者**：點擊使用者列表中的「編輯」按鈕進入使用者詳細頁面
+4. **管理權限**：在使用者詳細頁面的「權限管理」部分設定使用者權限
+5. **重設密碼**：在「密碼管理」部分為使用者重設新密碼
+6. **封鎖使用者**：在「使用者狀態」部分封鎖或解封使用者
+
 
-## 权限说明
+1. **域用戶管理**: 可看見 default role
+## 權限說明
 
-插件使用以下权限级别：
+插件使用以下權限等級：
 
-- **-1**: root（超级管理员）
-- **0**: 已封禁用户
-- **4**: 系统保留
-- **8**: 访客用户
-- **16842756**: 默认用户权限
-- **其他值**: 自定义权限
+- **-1**：root（超級管理員）
+- **0**：已封鎖使用者
+- **4**：系統保留
+- **8**：訪客使用者
+- **16842756**：預設使用者權限
+- **其他值**：自訂權限
 
-## 界面展示
+## 介面展示
 
-### 用户列表页面
+### 使用者列表頁面
 
-![用户列表](asset/fig1.png)
+![使用者列表](asset/fig1.png)
 
-### 用户详情页面
+### 使用者詳細頁面
 
-![用户详情](asset/fig2.png)
+![使用者詳細](asset/fig2.png)
 
 ## 安全特性
 
-- ✅ 权限验证：只有具有系统管理权限的用户才能访问
-- ✅ 操作确认：重要操作（如重置密码、封禁用户）需要确认
-- ✅ 权限保护：防止非超级管理员修改超级管理员账户
-- ✅ 数据验证：自动验证用户名和邮箱的唯一性
-- ✅ 输入验证：前端和后端双重验证用户输入
+- ✅ 權限驗證：只有具有系統管理權限的使用者才能訪問
+- ✅ 操作確認：重要操作（如重設密碼、封鎖使用者）需確認
+- ✅ 權限保護：防止非超級管理員修改超級管理員帳戶
+- ✅ 資料驗證：自動驗證使用者名稱與電子郵件唯一性
+- ✅ 輸入驗證：前端與後端雙重驗證使用者輸入
 
-## 开发说明
+## 開發說明
 
-### 贡献代码
+### 貢獻程式碼
 
-欢迎提交 Issue 和 Pull Request 来改进这个插件。
+歡迎提交 Issue 與 Pull Request 改進此插件。
 
-## 许可证
+## 授權
 
 MIT License
 
-## 支持
-
-如果您在使用过程中遇到问题，请：
-
-1. 查看 [Issues](https://github.com/SummerofOrange/hydrooj-user-management/issues) 页面
-2. 提交新的 Issue 描述您的问题
-3. 联系作者获取技术支持
-
 ---
 
-**注意**: 此插件需要 HydroOJ v5.0.0-beta.6 或更高版本。使用前请确保您有足够的系统管理权限。
+**注意**：此插件需 HydroOJ v5.0.0-beta.6 或更高版本。使用前請確保您有足夠的系統管理權限。

package/index.ts

@@ -1,7 +1,9 @@
 import {
     Context, Handler, param, PRIV, Types, UserModel, DomainModel,
-    ValidationError, UserNotFoundError, PermissionError, Time, SystemModel, moment
+    ValidationError, UserNotFoundError, PermissionError, Time, SystemModel, moment,
+    PERM
 } from 'hydrooj';
+import domain from 'hydrooj/src/model/domain';
 
 declare module 'hydrooj' {
     interface Collections {
@@ -98,11 +100,11 @@ class UserManageDetailHandler extends UserManageHandler {
         if (!udoc) throw new UserNotFoundError(uid);
         
         if (operation === 'edit') {
-            await this.postEdit(domainId, uid);
+            await this.postEdit(domainId, uid, this.args.mail, this.args.uname, this.args.bio);
         } else if (operation === 'resetPassword') {
-            await this.postResetPassword(domainId, uid);
+            await this.postResetPassword(domainId, uid, this.args.password);
         } else if (operation === 'setPriv') {
-            await this.postSetPriv(domainId, uid);
+            await this.postSetPriv(domainId, uid, this.args.priv);
         } else if (operation === 'ban') {
             await this.postBan(domainId, uid);
         } else if (operation === 'unban') {
@@ -115,9 +117,8 @@ class UserManageDetailHandler extends UserManageHandler {
     @param('uid', Types.Int)
     @param('mail', Types.Email, true)
     @param('uname', Types.Username, true)
-    @param('school', Types.String, true)
     @param('bio', Types.Content, true)
-    async postEdit(domainId: string, uid: number, mail?: string, uname?: string, school?: string, bio?: string) {
+    async postEdit(domainId: string, uid: number, mail?: string, uname?: string, bio?: string) {
         const udoc = await UserModel.getById(domainId, uid);
         if (!udoc) throw new UserNotFoundError(uid);
         
@@ -140,7 +141,6 @@ class UserManageDetailHandler extends UserManageHandler {
         }
         
         const updates: any = {};
-        if (school !== undefined) updates.school = school;
         if (bio !== undefined) updates.bio = bio;
         
         if (Object.keys(updates).length > 0) {
@@ -210,6 +210,77 @@ export async function apply(ctx: Context) {
     // 在控制面板侧边栏添加用户管理菜单项
     ctx.injectUI('ControlPanel', 'user_manage_main', { icon: 'user' });
     
+    ctx.withHandlerClass('DomainUser', (DomainUserHandler: { prototype: any }) => {
+        const originalGet = DomainUserHandler.prototype.get;
+
+        // 包裝原方法
+        DomainUserHandler.prototype.get = async function() {
+            const { domainId } = this.args;
+            const format = this.args.format || 'default';
+            console.log('DomainUserHandler get called with domainId:', domainId, 'format:', format);
+            const [dudocs, roles] = await Promise.all([
+            domain.collUser.aggregate([
+                {
+                    $match: {
+                        // TODO: add a page to display users who joined but with default role
+                        role: {
+                            $nin: ['guest'],
+                            $ne: null,
+                        },
+                        domainId,
+                    },
+                },
+                {
+                    $lookup: {
+                        from: 'user',
+                        let: { uid: '$uid' },
+                        pipeline: [
+                            {
+                                $match: {
+                                    $expr: { $eq: ['$_id', '$$uid'] },
+                                    priv: { $bitsAllSet: PRIV.PRIV_USER_PROFILE },
+                                },
+                            },
+                            {
+                                $project: {
+                                    _id: 1,
+                                    uname: 1,
+                                    avatar: 1,
+                                },
+                            },
+                        ],
+                        as: 'user',
+                    },
+                },
+                { $unwind: '$user' },
+                {
+                    $project: {
+                        user: 1,
+                        role: 1,
+                        join: 1,
+                        ...(this.user.hasPerm(PERM.PERM_VIEW_USER_PRIVATE_INFO) ? { displayName: 1 } : {}),
+                    },
+                },
+            ]).toArray(),
+            domain.getRoles(domainId),
+        ]);
+        const users = dudocs.map((dudoc) => {
+            const u = {
+                ...dudoc,
+                ...dudoc.user,
+            };
+            delete u.user;
+            return u;
+        });
+        const rudocs: Record<string, any[]> = {};
+        for (const role of roles) rudocs[role._id] = users.filter((udoc) => udoc.role === role._id);
+        this.response.template = format === 'raw' ? 'domain_user_raw.html' : 'domain_user.html';
+        this.response.body = {
+            roles, rudocs, domain: this.domain,
+        };
+        };
+        return DomainUserHandler;
+    });
     // 添加国际化支持
     ctx.i18n.load('zh', {
         'user_manage_main': '用户管理',
@@ -275,6 +346,71 @@ export async function apply(ctx: Context) {
         'Copy User ID': '复制用户ID'
     });
     
+    // 添加国际化支持
+    ctx.i18n.load('zh_TW', {
+        'user_manage_main': '用戶管理',
+        'user_manage_detail': '用戶詳情',
+
+        'User Management': '用戶管理',
+        'User List': '用戶列表',
+        'Search Users': '搜尋用戶',
+        'Search by': '搜尋方式',
+        'Username': '用戶名',
+        'Email': '電子郵件',
+        'User ID': '用戶ID',
+        'Keyword': '關鍵字',
+        'Sort by': '排序方式',
+        'Registration Time': '註冊時間',
+        'Last Login': '最後登入',
+        'Privilege': '權限',
+        'Order': '順序',
+        'Ascending': '升序',
+        'Descending': '降序',
+        'Search': '搜尋',
+        'Clear': '清除',
+        'Refresh': '刷新',
+
+        'Normal User': '普通用戶',
+        'Admin': '管理員',
+        'Banned': '已封禁',
+        'Super Admin': '超級管理員',
+        'Active': '活躍',
+        'Inactive': '不活躍',
+        'Actions': '操作',
+        'View': '查看',
+        'Edit': '編輯',
+        'Ban': '封禁',
+        'Unban': '解封',
+        'Set Privilege': '設置權限',
+        'Status': '狀態',
+        'School': '學校',
+        'Bio': '個人簡介',
+        'Never': '從未',
+        'Not set': '未設置',
+        'Previous': '上一頁',
+        'Next': '下一頁',
+        'Page': '頁',
+        'of': '共',
+        'users': '用戶',
+        'Total': '總計',
+        'Showing': '顯示',
+        'to': '到',
+        'User Details': '用戶詳情',
+        'Basic Information': '基本資訊',
+        'User Statistics': '用戶統計',
+        'Privilege Management': '權限管理',
+        'Password Management': '密碼管理',
+        'User Status': '用戶狀態',
+        'Back to List': '返回列表',
+        'Save Changes': '保存更改',
+        'Cancel': '取消',
+        'Reset Password': '重設密碼',
+        'Current Privilege': '當前權限',
+        'Ban User': '封禁用戶',
+        'Unban User': '解封用戶',
+        'Copy User ID': '複製用戶ID'
+    });
+    
     ctx.i18n.load('en', {
         'user_manage_main': 'User Management',
         'user_manage_detail': 'User Detail',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ddj-v2/user-management",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "description": "Advanced user management plugin for Hydro",
   "main": "index.ts",
   "author": "Grass_cat",

package/templates/domain_user.html

@@ -0,0 +1,109 @@
+{% extends "domain_base.html" %}
+{% block domain_content %}
+{{ set(UiContext, 'roles', roles.map(eval('(i) => i._id'))) }}
+{{ set(UiContext, 'canForceJoin', model.system.get('server.allowInvite') or handler.user.hasPriv(PRIV.PRIV_MANAGE_ALL_DOMAIN)) }}
+{% set _rolesSelect = roles.filter(eval("(i) => i._id !== 'guest'")).map(eval('(role) => [role._id, role._id]')) %}
+<div class="section">
+    <div class="section__header">
+        <h1 class="section__title">{{ _('{0}: Users').format(domain.name) }}</h1>
+        <div class="section__tools">
+            <button class="primary rounded button" name="add_user">{{ _('Add User') }}</button>
+        </div>
+        <!-- Search bar for Role -->
+        <div class="section__search" style="margin-top: 10px;">
+            <input type="text" id="roleSearch" placeholder="{{ _('Search by Role') }}" class="input" style="width: 200px;">
+        </div>
+    </div>
+    {{ noscript_note.render() }}
+    <div class="section__body no-padding domain-users">
+        <table class="data-table" id="userTable">
+            <colgroup>
+                <col class="col--checkbox">
+                <col class="col--uid">
+                <col class="col--user">
+                <col class="col--role">
+            </colgroup>
+            <thead>
+                <tr>
+                    <th class="col--checkbox">
+                        <label class="compact checkbox">
+                            <input type="checkbox" name="select_all" data-checkbox-toggle="user">
+                        </label>
+                    </th>
+                    <th class="col--uid">{{ _('User ID') }}</th>
+                    <th class="col--user">{{ _('Username') }}</th>
+                    <th class="col--role">{{ _('Role') }}</th>
+                </tr>
+            </thead>
+            <tbody>
+                {%- for role, udocs in rudocs -%}
+                {%- if udocs|length > 50 -%}
+                    <tr data-role="{{ role }}">
+                        <td colspan="3" style="text-wrap: wrap;"><div style="max-height: 300px; overflow-y: auto">
+                            {%- for udoc in udocs -%}
+                                {% set is_disabled=(rudoc._id == handler.user._id) %}
+                                <input type="checkbox" data-uid="{{udoc._id}}" data-checkbox-group="user" {% if is_disabled %}disabled{% else %}data-checkbox-range{% endif %}>
+                                [{{udoc._id}}]{{ user.render_inline(udoc, avatar=false, badge=false) }}{% if not udoc.join %}
+                                    <span class="not-joined">({{ _('Not joined yet') }})</span>
+                                {% endif %}&nbsp;&nbsp;&nbsp;
+                            {%- endfor -%}
+                        </div></td>
+                        <td>{{ role }}</td>
+                    </tr>
+                {%- else -%}
+                {%- for rudoc in udocs -%}
+                {% set is_disabled=(rudoc._id == handler.user._id) %}
+                <tr data-role="{{ rudoc.role }}" data-uid="{{ rudoc._id }}">
+                    <td class="col--checkbox">
+                        <label class="compact checkbox">
+                            <input type="checkbox" data-checkbox-group="user" {% if is_disabled %}disabled{% else %}data-checkbox-range{% endif %}>
+                        </label>
+                    </td>
+                    <td class="col--uid">
+                        {{ rudoc._id }}
+                    </td>
+                    <td class="col--user">
+                        {{ user.render_inline(rudoc, badge=false) }}
+                        {% if not rudoc.join %}<span class="text-orange">({{ _('Not joined yet') }})</span>{% endif %}
+                    </td>
+                    <td class="col--role">
+                        {{ form.select({
+                                 options:_rolesSelect,
+                                 name:'role',
+                                 value:rudoc.role,
+                                 extra_class:'compact',
+                                 disabled:is_disabled
+                             }) }}
+                    </td>
+                </tr>
+                {%- endfor -%}
+                {%- endif -%}
+                {%- endfor -%}
+            </tbody>
+        </table>
+    </div>
+    <div class="section__body">
+        <button class="rounded button" name="remove_selected">{{ _('Remove Selected User') }}</button>
+        <button class="rounded button" name="set_roles">{{ _('Set Roles for Selected User') }}</button>
+    </div>
+</div>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    var searchInput = document.getElementById('roleSearch');
+    searchInput.addEventListener('input', function() {
+        var filter = searchInput.value.toLowerCase();
+        var rows = document.querySelectorAll('#userTable tbody tr');
+        rows.forEach(function(row) {
+            var role = row.getAttribute('data-role');
+            if (role && role.toLowerCase().indexOf(filter) !== -1) {
+                row.style.display = '';
+            } else if (filter === '') {
+                row.style.display = '';
+            } else {
+                row.style.display = 'none';
+            }
+        });
+    });
+});
+</script>
+{% endblock %}

package/templates/user_manage_detail.html

@@ -50,13 +50,6 @@
             </div>
           </div>
           <div class="row">
-            <div class="medium-6 columns">
-              {{ form.form_text({
-                label: _('School'),
-                name: 'school',
-                value: udoc.school or ''
-              }) }}
-            </div>
             <div class="medium-6 columns">
               {{ form.form_text({
                 label: _('Registration Time'),

package/templates/user_manage_main.html

@@ -134,14 +134,43 @@
 </div>
 
 <style>
-.col--uid { width: 80px; }
-.col--user { width: 150px; }
-.col--email { width: 200px; }
-.col--regat { width: 120px; }
-.col--loginat { width: 120px; }
-.col--priv { width: 100px; }
-.col--status { width: 80px; }
-.col--actions { width: 100px; }
+.section__body.no-padding {
+  max-width: 100%;
+  overflow-x: hidden;
+}
+
+.data-table {
+  width: 100%;
+  table-layout: fixed;
+}
+
+.data-table th,
+.data-table td {
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  white-space: normal;
+}
+
+.data-table td {
+  max-width: 0;
+}
+
+.data-table td a,
+.data-table td span,
+.data-table td small {
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  white-space: normal;
+}
+
+.col--uid { width: 8%; }
+.col--user { width: 17%; }
+.col--email { width: 19%; }
+.col--regat { width: 13%; }
+.col--loginat { width: 13%; }
+.col--priv { width: 10%; }
+.col--status { width: 8%; }
+.col--actions { width: 12%; }
 
 .badge {
   display: inline-block;
@@ -171,6 +200,27 @@
   padding: 4px 8px;
   font-size: 12px;
 }
+
+.col--actions .button--small {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+  padding: 4px 4px;
+  line-height: 1.2;
+  white-space: normal !important;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  text-align: center;
+}
+
+@media (max-width: 768px) {
+  .button--small {
+    padding: 3px 6px;
+    font-size: 11px;
+  }
+}
 </style>
 
 <script>

package/pages/user_manage_detail.page.js

@@ -1,268 +0,0 @@
-import $ from 'jquery';
-import { NamedPage } from 'vj/misc/Page';
-import Notification from 'vj/components/notification';
-import { request } from 'vj/utils';
-import i18n from 'vj/utils/i18n';
-import ActionDialog from 'vj/components/dialog/ActionDialog';
-
-const page = new NamedPage('user_manage_detail', () => {
-  const uid = window.location.pathname.split('/').pop();
-  
-  // 编辑用户信息
-  $('#edit-user-form').on('submit', async function(e) {
-    e.preventDefault();
-    
-    const formData = {
-      operation: 'updateInfo',
-      uname: $('#uname').val().trim(),
-      email: $('#email').val().trim(),
-      school: $('#school').val().trim(),
-      bio: $('#bio').val().trim()
-    };
-    
-    // 验证用户名
-    if (!formData.uname) {
-      Notification.error(i18n('Username cannot be empty'));
-      return;
-    }
-    
-    // 验证邮箱
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    if (!emailRegex.test(formData.email)) {
-      Notification.error(i18n('Invalid email format'));
-      return;
-    }
-    
-    try {
-      const response = await request.post(`/manage/users/${uid}`, formData);
-      
-      if (response.success) {
-        Notification.success(i18n('User information updated successfully'));
-        // 更新页面显示
-        $('#display-uname').text(formData.uname);
-        $('#display-email').text(formData.email);
-        $('#display-school').text(formData.school || i18n('Not set'));
-        $('#display-bio').text(formData.bio || i18n('Not set'));
-      } else {
-        Notification.error(response.message || i18n('Update failed'));
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      Notification.error(i18n('Update failed'));
-    }
-  });
-  
-  // 重置密码
-  $('#reset-password').on('click', async function() {
-    const username = $('#display-uname').text();
-    
-    if (!confirm(i18n('Are you sure to reset password for user {0}? A new random password will be generated.', username))) {
-      return;
-    }
-    
-    try {
-      const response = await request.post(`/manage/users/${uid}`, {
-        operation: 'resetPassword'
-      });
-      
-      if (response.success) {
-        // 显示新密码
-        const dialog = new ActionDialog({
-          $body: $(`
-            <div class="typo">
-              <h3>${i18n('Password Reset Successfully')}</h3>
-              <p>${i18n('New password for user {0}:', username)}</p>
-              <div class="password-display">
-                <input type="text" value="${response.newPassword}" readonly style="width: 100%; font-family: monospace; font-size: 14px; padding: 8px; border: 1px solid #ccc; border-radius: 4px;">
-              </div>
-              <p class="text-red">${i18n('Please save this password and inform the user. This password will not be shown again.')}</p>
-              <button class="button primary" onclick="navigator.clipboard.writeText('${response.newPassword}'); $(this).text('${i18n('Copied!')}')">${i18n('Copy Password')}</button>
-            </div>
-          `),
-          canCancel: false
-        });
-        dialog.open();
-      } else {
-        Notification.error(response.message || i18n('Password reset failed'));
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      Notification.error(i18n('Password reset failed'));
-    }
-  });
-  
-  // 设置权限
-  $('#set-privilege').on('click', async function() {
-    const username = $('#display-uname').text();
-    const currentPriv = $(this).data('current-priv');
-    
-    const newPriv = prompt(i18n('Enter new privilege value for user {0}:', username), currentPriv);
-    if (newPriv === null || newPriv === '') {
-      return;
-    }
-    
-    const privValue = parseInt(newPriv, 10);
-    if (isNaN(privValue)) {
-      Notification.error(i18n('Invalid privilege value'));
-      return;
-    }
-    
-    if (!confirm(i18n('Are you sure to set privilege of user {0} to {1}?', username, privValue))) {
-      return;
-    }
-    
-    try {
-      const response = await request.post(`/manage/users/${uid}`, {
-        operation: 'setPriv',
-        priv: privValue
-      });
-      
-      if (response.success) {
-        Notification.success(i18n('Privilege updated successfully'));
-        // 更新页面显示
-        $('#current-privilege').text(privValue);
-        $(this).data('current-priv', privValue);
-        
-        // 更新权限徽章
-        const $badge = $('#privilege-badge');
-        $badge.removeClass('success warning alert');
-        if (privValue === 0) {
-          $badge.addClass('alert').text(i18n('Banned'));
-        } else if (privValue === 1) {
-          $badge.addClass('success').text(i18n('Normal User'));
-        } else {
-          $badge.addClass('warning').text(i18n('Admin'));
-        }
-      } else {
-        Notification.error(response.message || i18n('Privilege update failed'));
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      Notification.error(i18n('Privilege update failed'));
-    }
-  });
-  
-  // 封禁/解封用户
-  $('#ban-user, #unban-user').on('click', async function() {
-    const username = $('#display-uname').text();
-    const action = $(this).attr('id') === 'ban-user' ? 'ban' : 'unban';
-    
-    const confirmMessage = action === 'ban'
-      ? i18n('Are you sure to ban user {0}? This will set their privilege to 0.', username)
-      : i18n('Are you sure to unban user {0}? This will restore their privilege to 1.', username);
-    
-    if (!confirm(confirmMessage)) {
-      return;
-    }
-    
-    try {
-      const response = await request.post(`/manage/users/${uid}`, {
-        operation: action
-      });
-      
-      if (response.success) {
-        Notification.success(action === 'ban' ? i18n('User banned successfully') : i18n('User unbanned successfully'));
-        
-        // 更新页面显示
-        const newPriv = action === 'ban' ? 0 : 1;
-        $('#current-privilege').text(newPriv);
-        $('#set-privilege').data('current-priv', newPriv);
-        
-        // 更新权限徽章
-        const $badge = $('#privilege-badge');
-        $badge.removeClass('success warning alert');
-        if (action === 'ban') {
-          $badge.addClass('alert').text(i18n('Banned'));
-          $('#ban-user').hide();
-          $('#unban-user').show();
-        } else {
-          $badge.addClass('success').text(i18n('Normal User'));
-          $('#ban-user').show();
-          $('#unban-user').hide();
-        }
-      } else {
-        Notification.error(response.message || i18n('Operation failed'));
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      Notification.error(i18n('Operation failed'));
-    }
-  });
-  
-  // 返回用户列表
-  $('#back-to-list').on('click', function() {
-    window.location.href = '/manage/users';
-  });
-  
-  // 刷新用户信息
-  $('#refresh-info').on('click', function() {
-    window.location.reload();
-  });
-  
-  // 切换编辑模式
-  $('#toggle-edit').on('click', function() {
-    const $form = $('#edit-user-form');
-    const $display = $('#user-info-display');
-    
-    if ($form.is(':visible')) {
-      $form.hide();
-      $display.show();
-      $(this).text(i18n('Edit'));
-    } else {
-      $form.show();
-      $display.hide();
-      $(this).text(i18n('Cancel'));
-    }
-  });
-  
-  // 复制用户ID
-  $('#copy-uid').on('click', function() {
-    const uid = $(this).data('uid');
-    navigator.clipboard.writeText(uid).then(() => {
-      Notification.success(i18n('User ID copied to clipboard'));
-    }).catch(() => {
-      Notification.error(i18n('Failed to copy user ID'));
-    });
-  });
-  
-  // 键盘快捷键
-  $(document).on('keydown', function(e) {
-    // Esc 键取消编辑
-    if (e.key === 'Escape' && $('#edit-user-form').is(':visible')) {
-      $('#toggle-edit').click();
-    }
-    
-    // Ctrl+S 保存编辑
-    if (e.ctrlKey && e.key === 's' && $('#edit-user-form').is(':visible')) {
-      e.preventDefault();
-      $('#edit-user-form').submit();
-    }
-  });
-  
-  // 初始化提示
-  $('[data-tooltip]').each(function() {
-    $(this).attr('title', $(this).data('tooltip'));
-  });
-  
-  // 表单验证
-  $('#uname').on('input', function() {
-    const value = $(this).val().trim();
-    if (value.length < 3) {
-      $(this).addClass('error');
-    } else {
-      $(this).removeClass('error');
-    }
-  });
-  
-  $('#email').on('input', function() {
-    const value = $(this).val().trim();
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    if (!emailRegex.test(value)) {
-      $(this).addClass('error');
-    } else {
-      $(this).removeClass('error');
-    }
-  });
-});
-
-export default page;

package/pages/user_manage_main.page.js

@@ -1,200 +0,0 @@
-import $ from 'jquery';
-import { NamedPage } from 'vj/misc/Page';
-import Notification from 'vj/components/notification';
-import { request } from 'vj/utils';
-import i18n from 'vj/utils/i18n';
-import pjax from 'vj/utils/pjax';
-
-const page = new NamedPage('user_manage_main', () => {
-  // 搜索功能
-  $('#search-form').on('submit', function(e) {
-    e.preventDefault();
-    const keyword = $('#search-keyword').val().trim();
-    const type = $('#search-type').val();
-    const sort = $('#sort-by').val();
-    const order = $('#sort-order').val();
-    
-    let url = window.location.pathname + '?';
-    const params = [];
-    
-    if (keyword) {
-      params.push(`${type}=${encodeURIComponent(keyword)}`);
-    }
-    if (sort) {
-      params.push(`sort=${sort}`);
-    }
-    if (order) {
-      params.push(`order=${order}`);
-    }
-    
-    url += params.join('&');
-    pjax.request({ url });
-  });
-  
-  // 清空搜索
-  $('#clear-search').on('click', function() {
-    $('#search-keyword').val('');
-    $('#search-type').val('uname');
-    $('#sort-by').val('_id');
-    $('#sort-order').val('desc');
-    pjax.request({ url: window.location.pathname });
-  });
-  
-  // 快速封禁/解封用户
-  $('.ban-user').on('click', async function(e) {
-    e.preventDefault();
-    const uid = $(this).data('uid');
-    const username = $(this).data('username');
-    const action = $(this).data('action');
-    
-    const confirmMessage = action === 'ban' 
-      ? i18n('Are you sure to ban user {0}?', username)
-      : i18n('Are you sure to unban user {0}?', username);
-    
-    if (!confirm(confirmMessage)) {
-      return;
-    }
-    
-    try {
-      const response = await request.post(`/manage/users/${uid}`, {
-        operation: action === 'ban' ? 'ban' : 'unban'
-      });
-      
-      if (response.success) {
-        Notification.success(action === 'ban' ? i18n('User banned successfully') : i18n('User unbanned successfully'));
-        // 刷新页面
-        window.location.reload();
-      } else {
-        Notification.error(response.message || i18n('Operation failed'));
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      Notification.error(i18n('Operation failed'));
-    }
-  });
-  
-  // 快速设置权限
-  $('.set-priv').on('click', async function(e) {
-    e.preventDefault();
-    const uid = $(this).data('uid');
-    const username = $(this).data('username');
-    const currentPriv = $(this).data('priv');
-    
-    const newPriv = prompt(i18n('Enter new privilege value for user {0}:', username), currentPriv);
-    if (newPriv === null || newPriv === '') {
-      return;
-    }
-    
-    const privValue = parseInt(newPriv, 10);
-    if (isNaN(privValue)) {
-      Notification.error(i18n('Invalid privilege value'));
-      return;
-    }
-    
-    if (!confirm(i18n('Are you sure to set privilege of user {0} to {1}?', username, privValue))) {
-      return;
-    }
-    
-    try {
-      const response = await request.post(`/manage/users/${uid}`, {
-        operation: 'setPriv',
-        priv: privValue
-      });
-      
-      if (response.success) {
-        Notification.success(i18n('Privilege updated successfully'));
-        // 刷新页面
-        window.location.reload();
-      } else {
-        Notification.error(response.message || i18n('Operation failed'));
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      Notification.error(i18n('Operation failed'));
-    }
-  });
-  
-  // 分页链接处理
-  $('.pagination a').on('click', function(e) {
-    e.preventDefault();
-    const url = $(this).attr('href');
-    if (url && url !== '#') {
-      pjax.request({ url });
-    }
-  });
-  
-  // 排序链接处理
-  $('.sortable').on('click', function(e) {
-    e.preventDefault();
-    const sort = $(this).data('sort');
-    const currentSort = new URLSearchParams(window.location.search).get('sort');
-    const currentOrder = new URLSearchParams(window.location.search).get('order') || 'desc';
-    
-    let newOrder = 'desc';
-    if (currentSort === sort && currentOrder === 'desc') {
-      newOrder = 'asc';
-    }
-    
-    const url = new URL(window.location);
-    url.searchParams.set('sort', sort);
-    url.searchParams.set('order', newOrder);
-    
-    pjax.request({ url: url.toString() });
-  });
-  
-  // 批量操作按钮
-  $('#batch-operations').on('click', function() {
-    window.location.href = '/manage/users/batch';
-  });
-  
-  // 导出用户数据
-  $('#export-users').on('click', async function() {
-    try {
-      const response = await request.get('/manage/users', {
-        export: 'csv'
-      });
-      
-      // 创建下载链接
-      const blob = new Blob([response], { type: 'text/csv' });
-      const url = window.URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url;
-      a.download = `users_${new Date().toISOString().split('T')[0]}.csv`;
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-      window.URL.revokeObjectURL(url);
-      
-      Notification.success(i18n('Export completed'));
-    } catch (error) {
-      console.error('Export error:', error);
-      Notification.error(i18n('Export failed'));
-    }
-  });
-  
-  // 刷新按钮
-  $('#refresh-list').on('click', function() {
-    window.location.reload();
-  });
-  
-  // 键盘快捷键
-  $(document).on('keydown', function(e) {
-    // Ctrl+F 聚焦搜索框
-    if (e.ctrlKey && e.key === 'f') {
-      e.preventDefault();
-      $('#search-keyword').focus();
-    }
-    
-    // Enter 键提交搜索
-    if (e.key === 'Enter' && $('#search-keyword').is(':focus')) {
-      $('#search-form').submit();
-    }
-  });
-  
-  // 初始化提示
-  $('[data-tooltip]').each(function() {
-    $(this).attr('title', $(this).data('tooltip'));
-  });
-});
-
-export default page;