@ddj-v2/user-management 2.0.0 → 2.2.0

package/pages/user_manage_main.page.js

@@ -1,200 +1,200 @@
-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'));
-  });
-});
-
+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;

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 %}