@ddj-v2/user-management 2.1.0 → 2.2.0

package/README.md

@@ -1,77 +1,80 @@
-# 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. 联系作者获取技术支持
+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 {
@@ -210,6 +212,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 +348,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.2.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_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>