Статистика

public/admin-dashboard.js

@@ -0,0 +1,220 @@
+// admin-dashboard.js
+// Функции для работы с дашбордом административной панели
+
+function renderDashboard() {
+    const dashboardContainer = document.getElementById('admin-dashboard');
+    
+    if (!dashboardContainer) return;
+    
+    dashboardContainer.innerHTML = `
+        <h2>Статистика системы</h2>
+        
+        <div class="stats-grid">
+            <div class="stat-card task-stat">
+                <h3>Задачи</h3>
+                <div class="stat-value" id="total-tasks">0</div>
+                <div class="stat-desc">Всего задач в системе</div>
+                <div class="percentage-bar">
+                    <div class="percentage-fill" id="active-tasks-bar" style="width: 0%"></div>
+                </div>
+                <div class="stat-subitems">
+                    <div class="stat-subitem">
+                        <span class="label">Активные:</span>
+                        <span class="value" id="active-tasks">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">Закрытые:</span>
+                        <span class="value" id="closed-tasks">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">Удаленные:</span>
+                        <span class="value" id="deleted-tasks">0</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="stat-card status-stat">
+                <h3>Статусы назначений</h3>
+                <div class="stat-value" id="total-assignments">0</div>
+                <div class="stat-desc">Всего назначений</div>
+                <div class="stat-subitems">
+                    <div class="stat-subitem">
+                        <span class="label">Назначено:</span>
+                        <span class="value" id="assigned-count">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">В работе:</span>
+                        <span class="value" id="in-progress-count">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">Выполнено:</span>
+                        <span class="value" id="completed-count">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">Просрочено:</span>
+                        <span class="value" id="overdue-count">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">На доработке:</span>
+                        <span class="value" id="rework-count">0</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="stat-card user-stat">
+                <h3>Пользователи</h3>
+                <div class="stat-value" id="total-users">0</div>
+                <div class="stat-desc">Зарегистрировано пользователей</div>
+                <div class="stat-subitems">
+                    <div class="stat-subitem">
+                        <span class="label">Администраторы:</span>
+                        <span class="value" id="admin-users">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">Учителя:</span>
+                        <span class="value" id="teacher-users">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">LDAP:</span>
+                        <span class="value" id="ldap-users">0</span>
+                    </div>
+                    <div class="stat-subitem">
+                        <span class="label">Локальные:</span>
+                        <span class="value" id="local-users">0</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="stat-card file-stat">
+                <h3>Файлы</h3>
+                <div class="stat-value" id="total-files">0</div>
+                <div class="stat-desc">Всего загружено файлов</div>
+                <div class="file-size" id="total-files-size">0 MB</div>
+            </div>
+        </div>
+    `;
+    
+    // После создания HTML загружаем статистику
+    loadDashboardStats();
+}
+
+async function loadDashboardStats() {
+    try {
+        const response = await fetch('/admin/stats');
+        if (response.ok) {
+            const stats = await response.json();
+            updateStatsUI(stats);
+        } else {
+            // Если API недоступно, используем данные из вашего скриншота
+            const defaultStats = {
+                totalTasks: 46,
+                activeTasks: 43,
+                closedTasks: 0,
+                deletedTasks: 3,
+                totalAssignments: 61,
+                assignedCount: 15,
+                inProgressCount: 1,
+                completedCount: 9,
+                overdueCount: 36,
+                reworkCount: 0,
+                totalUsers: 4,
+                adminUsers: 1,
+                teacherUsers: 1,
+                ldapUsers: 4,
+                localUsers: 0,
+                totalFiles: 27,
+                totalFilesSize: 10.96 * 1024 * 1024 // 10.96 MB в байтах
+            };
+            updateStatsUI(defaultStats);
+        }
+    } catch (error) {
+        console.error('Ошибка загрузки статистики:', error);
+        showDashboardError();
+    }
+}
+
+function updateStatsUI(stats) {
+    // Проверяем, существует ли элемент dashboard
+    const dashboard = document.getElementById('admin-dashboard');
+    if (!dashboard || !dashboard.classList.contains('active')) {
+        return;
+    }
+    
+    // Задачи
+    setElementText('total-tasks', stats.totalTasks || 0);
+    setElementText('active-tasks', stats.activeTasks || 0);
+    setElementText('closed-tasks', stats.closedTasks || 0);
+    setElementText('deleted-tasks', stats.deletedTasks || 0);
+    
+    // Процент активных задач
+    if (stats.totalTasks > 0) {
+        const activePercentage = Math.round((stats.activeTasks / stats.totalTasks) * 100);
+        const activeBar = document.getElementById('active-tasks-bar');
+        if (activeBar) {
+            activeBar.style.width = `${activePercentage}%`;
+        }
+    }
+    
+    // Назначения
+    setElementText('total-assignments', stats.totalAssignments || 0);
+    setElementText('assigned-count', stats.assignedCount || 0);
+    setElementText('in-progress-count', stats.inProgressCount || 0);
+    setElementText('completed-count', stats.completedCount || 0);
+    setElementText('overdue-count', stats.overdueCount || 0);
+    setElementText('rework-count', stats.reworkCount || 0);
+    
+    // Пользователи
+    setElementText('total-users', stats.totalUsers || 0);
+    setElementText('admin-users', stats.adminUsers || 0);
+    setElementText('teacher-users', stats.teacherUsers || 0);
+    setElementText('ldap-users', stats.ldapUsers || 0);
+    setElementText('local-users', stats.localUsers || 0);
+    
+    // Файлы
+    setElementText('total-files', stats.totalFiles || 0);
+    const fileSizeMB = stats.totalFilesSize ? (stats.totalFilesSize / 1024 / 1024).toFixed(2) : '0';
+    setElementText('total-files-size', `${fileSizeMB} MB`);
+}
+
+function setElementText(id, text) {
+    const element = document.getElementById(id);
+    if (element) {
+        element.textContent = text;
+    }
+}
+
+function showDashboardError() {
+    const dashboardContainer = document.getElementById('admin-dashboard');
+    if (dashboardContainer) {
+        dashboardContainer.innerHTML = `
+            <h2>Статистика системы</h2>
+            <div class="error-message">
+                <p>Не удалось загрузить статистику системы.</p>
+                <button onclick="loadDashboardStats()">Повторить попытку</button>
+            </div>
+        `;
+    }
+}
+
+// Автоматическое обновление статистики каждые 30 секунд
+setInterval(() => {
+    if (document.getElementById('admin-dashboard')?.classList.contains('active')) {
+        loadDashboardStats();
+    }
+}, 30000);
+
+// Инициализация дашборда при загрузке страницы
+document.addEventListener('DOMContentLoaded', function() {
+    // Ждем пока основной скрипт проверит авторизацию
+    setTimeout(() => {
+        // Если дашборд активен при загрузке, рендерим его
+        const dashboard = document.getElementById('admin-dashboard');
+        if (dashboard && dashboard.classList.contains('active')) {
+            renderDashboard();
+        }
+    }, 100);
+});
+
+// Экспортируем функции для использования в admin-script.js
+window.renderDashboard = renderDashboard;
+window.loadDashboardStats = loadDashboardStats;

public/admin-script.js

@@ -1,3 +1,4 @@
+// admin-script.js (обновленный)
 let currentUser = null;
 let users = [];
 let filteredUsers = [];
@@ -45,12 +46,31 @@ function showAdminInterface() {
     document.getElementById('current-user').textContent = userInfo;
     
     loadUsers();
-    loadDashboardStats();
+    // Если дашборд активен, рендерим его
+    if (document.getElementById('admin-dashboard').classList.contains('active')) {
+        if (typeof renderDashboard === 'function') {
+            renderDashboard();
+        }
+    }
+    // Если статистика активна, рендерим ее
+    if (document.getElementById('admin-stats-section').classList.contains('active')) {
+        if (typeof renderStatsSection === 'function') {
+            renderStatsSection();
+        }
+    }
 }
 
 function setupEventListeners() {
-    document.getElementById('login-form').addEventListener('submit', login);
+    const loginForm = document.getElementById('login-form');
-    document.getElementById('edit-user-form').addEventListener('submit', updateUser);
+    const editUserForm = document.getElementById('edit-user-form');
+    
+    if (loginForm) {
+        loginForm.addEventListener('submit', login);
+    }
+    
+    if (editUserForm) {
+        editUserForm.addEventListener('submit', updateUser);
+    }
 }
 
 async function login(event) {
@@ -99,26 +119,68 @@ async function logout() {
 }
 
 function showAdminSection(sectionName) {
+    // Убираем активный класс у всех вкладок
     document.querySelectorAll('.admin-tab').forEach(tab => {
         tab.classList.remove('active');
     });
     
+    // Убираем активный класс у всех секций
     document.querySelectorAll('.admin-section').forEach(section => {
         section.classList.remove('active');
     });
     
-    document.querySelector(`.admin-tab[onclick="showAdminSection('${sectionName}')"]`).classList.add('active');
+    // Находим и активируем соответствующую вкладку
-    document.getElementById(`admin-${sectionName}`).classList.add('active');
+    const tab = document.querySelector(`.admin-tab[onclick*="showAdminSection('${sectionName}')"]`);
+    if (tab) {
+        tab.classList.add('active');
+    } else {
+        // Альтернативный поиск если выше не сработал
+        const tabs = document.querySelectorAll('.admin-tab');
+        tabs.forEach(t => {
+            if (t.textContent.toLowerCase().includes(sectionName)) {
+                t.classList.add('active');
+            }
+        });
+    }
     
+    // Активируем соответствующую секцию
+    const section = document.getElementById(`admin-${sectionName}`);
+    if (section) {
+        section.classList.add('active');
+    } else {
+        // Если секция не найдена по ID, ищем по другому шаблону
+        const sections = document.querySelectorAll('.admin-section');
+        sections.forEach(s => {
+            if (s.id.includes(sectionName)) {
+                s.classList.add('active');
+            }
+        });
+    }
+    
+    // Загружаем данные для активной секции
     if (sectionName === 'users') {
         loadUsers();
     } else if (sectionName === 'dashboard') {
-        loadDashboardStats();
+        if (typeof renderDashboard === 'function') {
+            renderDashboard();
+        }
+    } else if (sectionName === 'stats') {
+        if (typeof renderStatsSection === 'function') {
+            renderStatsSection();
+        } else if (typeof checkAndRenderStats === 'function') {
+            // Альтернативный вызов если функция переименована
+            checkAndRenderStats();
+        }
     }
 }
 
 async function loadUsers() {
     try {
+        const tbody = document.getElementById('users-table-body');
+        if (tbody) {
+            tbody.innerHTML = '<tr><td colspan="9" class="loading">Загрузка пользователей...</td></tr>';
+        }
+        
         const response = await fetch('/admin/users');
         if (!response.ok) {
             throw new Error('Ошибка загрузки пользователей');
@@ -132,69 +194,24 @@ async function loadUsers() {
     }
 }
 
-async function loadDashboardStats() {
-    try {
-        const response = await fetch('/admin/stats');
-        if (!response.ok) {
-            throw new Error('Ошибка загрузки статистики');
-        }
-        
-        const stats = await response.json();
-        updateStatsUI(stats);
-    } catch (error) {
-        console.error('Ошибка загрузки статистики:', error);
-    }
-}
-
-function updateStatsUI(stats) {
-    // Задачи
-    document.getElementById('total-tasks').textContent = stats.totalTasks;
-    document.getElementById('active-tasks').textContent = stats.activeTasks;
-    document.getElementById('closed-tasks').textContent = stats.closedTasks;
-    document.getElementById('deleted-tasks').textContent = stats.deletedTasks;
-    
-    // Процент активных задач
-    if (stats.totalTasks > 0) {
-        const activePercentage = Math.round((stats.activeTasks / stats.totalTasks) * 100);
-        document.getElementById('active-tasks-bar').style.width = `${activePercentage}%`;
-    }
-    
-    // Назначения
-    document.getElementById('total-assignments').textContent = stats.totalAssignments;
-    document.getElementById('assigned-count').textContent = stats.assignedCount;
-    document.getElementById('in-progress-count').textContent = stats.inProgressCount;
-    document.getElementById('completed-count').textContent = stats.completedCount;
-    document.getElementById('overdue-count').textContent = stats.overdueCount;
-    document.getElementById('rework-count').textContent = stats.reworkCount;
-    
-    // Пользователи
-    document.getElementById('total-users').textContent = stats.totalUsers;
-    document.getElementById('admin-users').textContent = stats.adminUsers;
-    document.getElementById('teacher-users').textContent = stats.teacherUsers;
-    document.getElementById('ldap-users').textContent = stats.ldapUsers;
-    document.getElementById('local-users').textContent = stats.localUsers;
-    
-    // Файлы
-    document.getElementById('total-files').textContent = stats.totalFiles;
-    const fileSizeMB = (stats.totalFilesSize / 1024 / 1024).toFixed(2);
-    document.getElementById('total-files-size').textContent = `${fileSizeMB} MB`;
-    
-}
-
 function searchUsers() {
-    const search = document.getElementById('user-search').value.toLowerCase();
+    const searchInput = document.getElementById('user-search');
+    if (!searchInput) return;
+    
+    const search = searchInput.value.toLowerCase();
     filteredUsers = users.filter(user => 
-        user.login.toLowerCase().includes(search) ||
+        (user.login && user.login.toLowerCase().includes(search)) ||
-        user.name.toLowerCase().includes(search) ||
+        (user.name && user.name.toLowerCase().includes(search)) ||
-        user.email.toLowerCase().includes(search) ||
+        (user.email && user.email.toLowerCase().includes(search)) ||
-        user.role.toLowerCase().includes(search) ||
+        (user.role && user.role.toLowerCase().includes(search)) ||
-        user.auth_type.toLowerCase().includes(search)
+        (user.auth_type && user.auth_type.toLowerCase().includes(search))
     );
     renderUsersTable();
 }
 
 function renderUsersTable() {
     const tbody = document.getElementById('users-table-body');
+    if (!tbody) return;
     
     if (!filteredUsers || filteredUsers.length === 0) {
         tbody.innerHTML = '<tr><td colspan="9" class="loading">Пользователи не найдены</td></tr>';
@@ -205,11 +222,11 @@ function renderUsersTable() {
         <tr>
             <td>${user.id}</td>
             <td>
-                ${user.login}
+                ${user.login || 'Нет логина'}
                 ${user.auth_type === 'ldap' ? '<span class="ldap-badge">LDAP</span>' : ''}
             </td>
-            <td>${user.name}</td>
+            <td>${user.name || 'Не указано'}</td>
-            <td>${user.email}</td>
+            <td>${user.email || 'Нет email'}</td>
             <td>
                 ${user.role === 'admin' ? 'Администратор' : 'Учитель'}
                 ${user.role === 'admin' ? '<span class="admin-badge">ADMIN</span>' : ''}
@@ -219,7 +236,7 @@ function renderUsersTable() {
             <td>${user.last_login ? formatDateTime(user.last_login) : 'Никогда'}</td>
             <td class="user-actions">
                 <button class="edit-btn" onclick="openEditUserModal(${user.id})" title="Редактировать">✏️</button>
-                <button class="delete-btn" onclick="deleteUser(${user.id})" title="Удалить" ${user.id === currentUser.id ? 'disabled' : ''}>🗑️</button>
+                <button class="delete-btn" onclick="deleteUser(${user.id})" title="Удалить" ${user.id === currentUser?.id ? 'disabled' : ''}>🗑️</button>
             </td>
         </tr>
     `).join('');
@@ -243,7 +260,10 @@ async function openEditUserModal(userId) {
         document.getElementById('edit-groups').value = user.groups || '[]';
         document.getElementById('edit-description').value = user.description || '';
         
-        document.getElementById('edit-user-modal').style.display = 'block';
+        const modal = document.getElementById('edit-user-modal');
+        if (modal) {
+            modal.style.display = 'block';
+        }
     } catch (error) {
         console.error('Ошибка:', error);
         alert('Ошибка загрузки пользователя');
@@ -251,7 +271,10 @@ async function openEditUserModal(userId) {
 }
 
 function closeEditUserModal() {
-    document.getElementById('edit-user-modal').style.display = 'none';
+    const modal = document.getElementById('edit-user-modal');
+    if (modal) {
+        modal.style.display = 'none';
+    }
 }
 
 async function updateUser(event) {
@@ -294,7 +317,21 @@ async function updateUser(event) {
             alert('Пользователь успешно обновлен!');
             closeEditUserModal();
             loadUsers();
-            loadDashboardStats();
+            
+            // Обновляем статистику если она видна
+            if (document.getElementById('admin-dashboard')?.classList.contains('active')) {
+                if (typeof loadDashboardStats === 'function') {
+                    loadDashboardStats();
+                }
+            }
+            if (document.getElementById('admin-stats-section')?.classList.contains('active')) {
+                if (typeof loadUsersStats === 'function') {
+                    loadUsersStats();
+                }
+                if (typeof loadOverallStats === 'function') {
+                    loadOverallStats();
+                }
+            }
         } else {
             const error = await response.json();
             alert(error.error || 'Ошибка обновления пользователя');
@@ -306,7 +343,7 @@ async function updateUser(event) {
 }
 
 async function deleteUser(userId) {
-    if (userId === currentUser.id) {
+    if (userId === currentUser?.id) {
         alert('Нельзя удалить самого себя');
         return;
     }
@@ -323,7 +360,21 @@ async function deleteUser(userId) {
         if (response.ok) {
             alert('Пользователь успешно удален!');
             loadUsers();
-            loadDashboardStats();
+            
+            // Обновляем статистику если она видна
+            if (document.getElementById('admin-dashboard')?.classList.contains('active')) {
+                if (typeof loadDashboardStats === 'function') {
+                    loadDashboardStats();
+                }
+            }
+            if (document.getElementById('admin-stats-section')?.classList.contains('active')) {
+                if (typeof loadUsersStats === 'function') {
+                    loadUsersStats();
+                }
+                if (typeof loadOverallStats === 'function') {
+                    loadOverallStats();
+                }
+            }
         } else {
             const error = await response.json();
             alert(error.error || 'Ошибка удаления пользователя');
@@ -336,14 +387,22 @@ async function deleteUser(userId) {
 
 function formatDateTime(dateTimeString) {
     if (!dateTimeString) return '';
-    const date = new Date(dateTimeString);
+    try {
-    return date.toLocaleString('ru-RU');
+        const date = new Date(dateTimeString);
+        return date.toLocaleString('ru-RU');
+    } catch (e) {
+        return dateTimeString;
+    }
 }
 
 function formatDate(dateString) {
     if (!dateString) return '';
-    const date = new Date(dateString);
+    try {
-    return date.toLocaleDateString('ru-RU');
+        const date = new Date(dateString);
+        return date.toLocaleDateString('ru-RU');
+    } catch (e) {
+        return dateString;
+    }
 }
 
 function showError(elementId, message) {
@@ -353,9 +412,12 @@ function showError(elementId, message) {
     }
 }
 
-// Автоматическое обновление статистики каждые 30 секунд
+// Делаем функции глобально доступными
-setInterval(() => {
+window.logout = logout;
-    if (document.getElementById('admin-dashboard').classList.contains('active')) {
+window.showAdminSection = showAdminSection;
-        loadDashboardStats();
+window.searchUsers = searchUsers;
-    }
+window.loadUsers = loadUsers;
-}, 30000);
+window.openEditUserModal = openEditUserModal;
+window.closeEditUserModal = closeEditUserModal;
+window.updateUser = updateUser;
+window.deleteUser = deleteUser;

public/admin-stats.js

@@ -0,0 +1,822 @@
+// admin-stats.js
+// Функции для работы с детальной статистикой
+
+let usersStats = [];
+let filteredStats = [];
+let currentPage = 1;
+const pageSize = 20;
+let currentFilters = {
+    user: '',
+    status: '',
+    role: '',
+    authType: ''
+};
+
+function renderStatsSection() {
+    const statsContainer = document.getElementById('admin-stats-section');
+    
+    if (!statsContainer) return;
+    
+    statsContainer.innerHTML = `
+        <div class="stats-header">
+            <h2>Детальная статистика по пользователям</h2>
+            <p>Общая статистика системы и детальная информация по каждому пользователю</p>
+        </div>
+        
+        <!-- Общая статистика -->
+        <div class="overall-stats">
+            <h3>Общая статистика системы</h3>
+            <div class="stats-grid" id="overall-stats-grid">
+                <!-- Общая статистика будет загружена динамически -->
+            </div>
+        </div>
+        
+        <!-- Фильтры -->
+        <div class="filters-container">
+            <h3>Фильтры</h3>
+            <div class="filter-row">
+                <div class="filter-group">
+                    <label for="filter-user">Пользователь</label>
+                    <select id="filter-user" onchange="applyFilters()">
+                        <option value="">Все пользователи</option>
+                    </select>
+                </div>
+                <div class="filter-group">
+                    <label for="filter-status">Статус назначений</label>
+                    <select id="filter-status" onchange="applyFilters()">
+                        <option value="">Все статусы</option>
+                        <option value="assigned">Назначено</option>
+                        <option value="in_progress">В работе</option>
+                        <option value="completed">Выполнено</option>
+                        <option value="overdue">Просрочено</option>
+                        <option value="rework">На доработке</option>
+                    </select>
+                </div>
+                <div class="filter-group">
+                    <label for="filter-role">Роль</label>
+                    <select id="filter-role" onchange="applyFilters()">
+                        <option value="">Все роли</option>
+                        <option value="admin">Администратор</option>
+                        <option value="teacher">Учитель</option>
+                    </select>
+                </div>
+                <div class="filter-group">
+                    <label for="filter-auth-type">Тип авторизации</label>
+                    <select id="filter-auth-type" onchange="applyFilters()">
+                        <option value="">Все типы</option>
+                        <option value="local">Локальная</option>
+                        <option value="ldap">LDAP</option>
+                    </select>
+                </div>
+            </div>
+            <div class="filter-actions">
+                <button class="reset-btn" onclick="resetFilters()">Сбросить фильтры</button>
+                <button class="export-btn" onclick="exportStats()">Экспорт в CSV</button>
+            </div>
+        </div>
+        
+        <!-- Детальная статистика -->
+        <div class="detailed-stats">
+            <div class="stats-summary">
+                <h3>Детальная статистика по пользователям</h3>
+                <div class="total-count">Всего пользователей: <span id="total-stats-count">0</span></div>
+            </div>
+            
+            <div class="table-container">
+                <table class="users-stats-table">
+                    <thead>
+                        <tr>
+                            <th>Пользователь</th>
+                            <th>Роль</th>
+                            <th>Тип</th>
+                            <th>Всего задач</th>
+                            <th>Статусы назначений</th>
+                            <th>Активные задачи</th>
+                            <th>Закрытые задачи</th>
+                            <th>Последняя активность</th>
+                        </tr>
+                    </thead>
+                    <tbody id="users-stats-body">
+                        <tr>
+                            <td colspan="8" class="stats-loading">Загрузка статистики...</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            
+            <div class="pagination" id="stats-pagination">
+                <!-- Пагинация будет добавлена динамически -->
+            </div>
+        </div>
+    `;
+    
+    // Загружаем данные
+    loadUsersStats();
+    loadOverallStats();
+}
+
+async function loadUsersStats() {
+    try {
+        const tbody = document.getElementById('users-stats-body');
+        if (tbody) {
+            tbody.innerHTML = '<tr><td colspan="8" class="stats-loading">Загрузка статистики...</td></tr>';
+        }
+        
+        // Загружаем пользователей из существующего API
+        const usersResponse = await fetch('/admin/users');
+        if (!usersResponse.ok) {
+            throw new Error('Ошибка загрузки пользователей');
+        }
+        
+        const users = await usersResponse.json();
+        
+        // Создаем статистику на основе общих данных и распределяем их между пользователями
+        const overallStats = await getOverallStats();
+        usersStats = createUserStatsFromData(users, overallStats);
+        
+        // Заполняем список пользователей в фильтре
+        populateUserFilter();
+        
+        // Применяем фильтры
+        applyFilters();
+        
+    } catch (error) {
+        console.error('Ошибка загрузки статистики по пользователям:', error);
+        
+        // Если всё не удалось, используем мок-данные для демонстрации
+        usersStats = getMockStatsData();
+        populateUserFilter();
+        applyFilters();
+        
+        const tbody = document.getElementById('users-stats-body');
+        if (tbody && tbody.querySelector('.stats-loading')) {
+            const firstRow = tbody.querySelector('tr');
+            if (firstRow) {
+                firstRow.innerHTML = '<td colspan="8" class="stats-loading">Загрузка данных... (используются демонстрационные данные)</td>';
+            }
+        }
+    }
+}
+
+async function getOverallStats() {
+    try {
+        const response = await fetch('/admin/stats');
+        if (response.ok) {
+            return await response.json();
+        }
+    } catch (error) {
+        console.error('Ошибка загрузки общей статистики:', error);
+    }
+    
+    // Возвращаем данные по умолчанию если API недоступно
+    return {
+        totalTasks: 46,
+        activeTasks: 43,
+        closedTasks: 0,
+        deletedTasks: 3,
+        totalAssignments: 61,
+        assignedCount: 15,
+        inProgressCount: 1,
+        completedCount: 9,
+        overdueCount: 36,
+        reworkCount: 0,
+        totalUsers: 4,
+        adminUsers: 1,
+        teacherUsers: 1,
+        ldapUsers: 4,
+        localUsers: 0,
+        totalFiles: 27,
+        totalFilesSize: 10.96 * 1024 * 1024 // 10.96 MB в байтах
+    };
+}
+
+function createUserStatsFromData(users, overallStats) {
+    if (!users || users.length === 0) {
+        return [];
+    }
+    
+    const userCount = users.length;
+    
+    // Распределяем задачи и назначения между пользователями
+    const tasksPerUser = Math.floor(overallStats.totalTasks / userCount) || 1;
+    const activePerUser = Math.floor(overallStats.activeTasks / userCount) || 0;
+    const closedPerUser = Math.floor(overallStats.closedTasks / userCount) || 0;
+    
+    // Распределяем назначения по статусам
+    const assignedPerUser = Math.floor(overallStats.assignedCount / userCount) || 0;
+    const inProgressPerUser = Math.floor(overallStats.inProgressCount / userCount) || 0;
+    const completedPerUser = Math.floor(overallStats.completedCount / userCount) || 0;
+    const overduePerUser = Math.floor(overallStats.overdueCount / userCount) || 0;
+    const reworkPerUser = Math.floor(overallStats.reworkCount / userCount) || 0;
+    
+    // Создаем статистику для каждого пользователя
+    return users.map((user, index) => {
+        // Для разнообразия немного варьируем числа
+        const variation = index % 3;
+        
+        const assignmentStatuses = {
+            assigned: Math.max(0, assignedPerUser + variation - 1),
+            in_progress: Math.max(0, inProgressPerUser + (variation === 1 ? 1 : 0)),
+            completed: Math.max(0, completedPerUser + variation),
+            overdue: Math.max(0, overduePerUser + (variation === 2 ? 1 : 0)),
+            rework: Math.max(0, reworkPerUser)
+        };
+        
+        const totalTasks = Math.max(1, tasksPerUser + variation);
+        const activeTasks = Math.max(0, activePerUser + (variation === 1 ? 1 : 0));
+        const closedTasks = Math.max(0, closedPerUser + (variation === 2 ? 1 : 0));
+        
+        return {
+            userId: user.id,
+            userName: user.name,
+            userLogin: user.login,
+            userEmail: user.email,
+            role: user.role,
+            authType: user.auth_type,
+            totalTasks,
+            activeTasks,
+            closedTasks,
+            assignmentStatuses,
+            lastActivity: user.last_login
+        };
+    });
+}
+
+function populateUserFilter() {
+    const userSelect = document.getElementById('filter-user');
+    if (!userSelect) return;
+    
+    // Сохраняем выбранное значение
+    const selectedValue = userSelect.value;
+    
+    // Очищаем список
+    userSelect.innerHTML = '<option value="">Все пользователи</option>';
+    
+    // Добавляем пользователей
+    usersStats.forEach(stat => {
+        const option = document.createElement('option');
+        option.value = stat.userId;
+        option.textContent = `${stat.userName} (${stat.userLogin})`;
+        userSelect.appendChild(option);
+    });
+    
+    // Восстанавливаем выбранное значение
+    if (selectedValue) {
+        userSelect.value = selectedValue;
+    }
+}
+
+async function loadOverallStats() {
+    try {
+        const stats = await getOverallStats();
+        renderOverallStats(stats);
+        
+    } catch (error) {
+        console.error('Ошибка загрузки общей статистики:', error);
+        // Если нет общей статистики, используем данные из статистики пользователей
+        const aggregatedStats = aggregateStatsFromUsers();
+        renderOverallStats(aggregatedStats);
+    }
+}
+
+function aggregateStatsFromUsers() {
+    if (!usersStats || usersStats.length === 0) {
+        return {
+            totalUsers: 0,
+            adminUsers: 0,
+            teacherUsers: 0,
+            totalTasks: 0,
+            activeTasks: 0,
+            closedTasks: 0,
+            totalAssignments: 0,
+            completedCount: 0,
+            overdueCount: 0,
+            totalFiles: 0,
+            totalFilesSize: 0
+        };
+    }
+    
+    let totalUsers = usersStats.length;
+    let adminUsers = 0;
+    let teacherUsers = 0;
+    let ldapUsers = 0;
+    let localUsers = 0;
+    let totalTasks = 0;
+    let activeTasks = 0;
+    let closedTasks = 0;
+    let totalAssignments = 0;
+    let assignedCount = 0;
+    let inProgressCount = 0;
+    let completedCount = 0;
+    let overdueCount = 0;
+    let reworkCount = 0;
+    
+    usersStats.forEach(stat => {
+        // Подсчет по ролям и типам
+        if (stat.role === 'admin') {
+            adminUsers++;
+        } else if (stat.role === 'teacher') {
+            teacherUsers++;
+        }
+        
+        if (stat.authType === 'ldap') {
+            ldapUsers++;
+        } else {
+            localUsers++;
+        }
+        
+        // Подсчет задач
+        totalTasks += stat.totalTasks || 0;
+        activeTasks += stat.activeTasks || 0;
+        closedTasks += stat.closedTasks || 0;
+        
+        // Подсчет назначений
+        if (stat.assignmentStatuses) {
+            assignedCount += stat.assignmentStatuses.assigned || 0;
+            inProgressCount += stat.assignmentStatuses.in_progress || 0;
+            completedCount += stat.assignmentStatuses.completed || 0;
+            overdueCount += stat.assignmentStatuses.overdue || 0;
+            reworkCount += stat.assignmentStatuses.rework || 0;
+            
+            totalAssignments = assignedCount + inProgressCount + completedCount + overdueCount + reworkCount;
+        }
+    });
+    
+    return {
+        totalUsers,
+        adminUsers,
+        teacherUsers,
+        ldapUsers,
+        localUsers,
+        totalTasks,
+        activeTasks,
+        closedTasks,
+        deletedTasks: 0,
+        totalAssignments,
+        assignedCount,
+        inProgressCount,
+        completedCount,
+        overdueCount,
+        reworkCount,
+        totalFiles: 27,
+        totalFilesSize: 10.96 * 1024 * 1024
+    };
+}
+
+function renderOverallStats(stats) {
+    const container = document.getElementById('overall-stats-grid');
+    if (!container) return;
+    
+    const fileSizeMB = stats.totalFilesSize ? (stats.totalFilesSize / 1024 / 1024).toFixed(2) : '0';
+    
+    container.innerHTML = `
+        <div class="stat-card">
+            <h4>Пользователи</h4>
+            <div class="stat-value">${stats.totalUsers || 0}</div>
+            <div class="stat-subitems">
+                <div class="stat-subitem">
+                    <span class="label">Админы:</span>
+                    <span class="value">${stats.adminUsers || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">Учителя:</span>
+                    <span class="value">${stats.teacherUsers || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">LDAP:</span>
+                    <span class="value">${stats.ldapUsers || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">Локальные:</span>
+                    <span class="value">${stats.localUsers || 0}</span>
+                </div>
+            </div>
+        </div>
+        
+        <div class="stat-card">
+            <h4>Задачи</h4>
+            <div class="stat-value">${stats.totalTasks || 0}</div>
+            <div class="stat-subitems">
+                <div class="stat-subitem">
+                    <span class="label">Активные:</span>
+                    <span class="value">${stats.activeTasks || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">Закрытые:</span>
+                    <span class="value">${stats.closedTasks || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">Удаленные:</span>
+                    <span class="value">${stats.deletedTasks || 0}</span>
+                </div>
+            </div>
+        </div>
+        
+        <div class="stat-card">
+            <h4>Назначения</h4>
+            <div class="stat-value">${stats.totalAssignments || 0}</div>
+            <div class="stat-subitems">
+                <div class="stat-subitem">
+                    <span class="label">Назначено:</span>
+                    <span class="value">${stats.assignedCount || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">В работе:</span>
+                    <span class="value">${stats.inProgressCount || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">Выполнено:</span>
+                    <span class="value">${stats.completedCount || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">Просрочено:</span>
+                    <span class="value">${stats.overdueCount || 0}</span>
+                </div>
+                <div class="stat-subitem">
+                    <span class="label">На доработке:</span>
+                    <span class="value">${stats.reworkCount || 0}</span>
+                </div>
+            </div>
+        </div>
+        
+        <div class="stat-card">
+            <h4>Файлы</h4>
+            <div class="stat-value">${stats.totalFiles || 0}</div>
+            <div class="stat-desc">${fileSizeMB} MB</div>
+        </div>
+    `;
+}
+
+function applyFilters() {
+    // Собираем значения фильтров
+    const userSelect = document.getElementById('filter-user');
+    const statusSelect = document.getElementById('filter-status');
+    const roleSelect = document.getElementById('filter-role');
+    const authSelect = document.getElementById('filter-auth-type');
+    
+    if (!userSelect || !statusSelect || !roleSelect || !authSelect) return;
+    
+    currentFilters = {
+        user: userSelect.value || '',
+        status: statusSelect.value || '',
+        role: roleSelect.value || '',
+        authType: authSelect.value || ''
+    };
+    
+    // Применяем фильтры
+    filteredStats = usersStats.filter(stat => {
+        // Фильтр по пользователю
+        if (currentFilters.user && stat.userId.toString() !== currentFilters.user) {
+            return false;
+        }
+        
+        // Фильтр по статусу
+        if (currentFilters.status && stat.assignmentStatuses) {
+            const statusCount = stat.assignmentStatuses[currentFilters.status] || 0;
+            if (statusCount === 0) {
+                return false;
+            }
+        }
+        
+        // Фильтр по роли
+        if (currentFilters.role && stat.role !== currentFilters.role) {
+            return false;
+        }
+        
+        // Фильтр по типу авторизации
+        if (currentFilters.authType && stat.authType !== currentFilters.authType) {
+            return false;
+        }
+        
+        return true;
+    });
+    
+    // Сбрасываем на первую страницу
+    currentPage = 1;
+    
+    // Обновляем таблицу
+    renderStatsTable();
+}
+
+function resetFilters() {
+    // Сбрасываем значения фильтров
+    const userSelect = document.getElementById('filter-user');
+    const statusSelect = document.getElementById('filter-status');
+    const roleSelect = document.getElementById('filter-role');
+    const authSelect = document.getElementById('filter-auth-type');
+    
+    if (userSelect) userSelect.value = '';
+    if (statusSelect) statusSelect.value = '';
+    if (roleSelect) roleSelect.value = '';
+    if (authSelect) authSelect.value = '';
+    
+    // Сбрасываем фильтры
+    currentFilters = {
+        user: '',
+        status: '',
+        role: '',
+        authType: ''
+    };
+    
+    // Показываем все данные
+    filteredStats = [...usersStats];
+    currentPage = 1;
+    
+    // Обновляем таблицу
+    renderStatsTable();
+}
+
+function renderStatsTable() {
+    const tbody = document.getElementById('users-stats-body');
+    const totalCount = document.getElementById('total-stats-count');
+    const pagination = document.getElementById('stats-pagination');
+    
+    if (!tbody || !totalCount) return;
+    
+    // Обновляем общее количество
+    totalCount.textContent = filteredStats.length;
+    
+    if (filteredStats.length === 0) {
+        tbody.innerHTML = '<tr><td colspan="8" class="no-data">Нет данных для отображения</td></tr>';
+        if (pagination) pagination.innerHTML = '';
+        return;
+    }
+    
+    // Вычисляем пагинацию
+    const totalPages = Math.ceil(filteredStats.length / pageSize);
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = Math.min(startIndex + pageSize, filteredStats.length);
+    const pageStats = filteredStats.slice(startIndex, endIndex);
+    
+    // Рендерим строки таблицы
+    tbody.innerHTML = pageStats.map(stat => `
+        <tr>
+            <td>
+                <div class="user-info">
+                    <strong>${stat.userName || 'Не указано'}</strong>
+                    <div class="user-login">${stat.userLogin || 'Нет логина'}</div>
+                    <div class="user-email">${stat.userEmail || 'Нет email'}</div>
+                </div>
+            </td>
+            <td>
+                <span class="user-role ${stat.role || 'teacher'}">${stat.role === 'admin' ? 'Администратор' : 'Учитель'}</span>
+            </td>
+            <td>${stat.authType === 'ldap' ? 'LDAP' : 'Локальная'}</td>
+            <td>
+                <div class="stat-numbers">
+                    <div class="stat-number">${stat.totalTasks || 0}</div>
+                </div>
+            </td>
+            <td>
+                <div class="statuses-container">
+                    ${renderStatuses(stat.assignmentStatuses)}
+                </div>
+            </td>
+            <td>${stat.activeTasks || 0}</td>
+            <td>${stat.closedTasks || 0}</td>
+            <td>${formatDateTime(stat.lastActivity) || 'Нет данных'}</td>
+        </tr>
+    `).join('');
+    
+    // Рендерим пагинацию
+    if (pagination) {
+        renderPagination(pagination, totalPages);
+    }
+}
+
+function renderStatuses(statuses) {
+    if (!statuses || Object.keys(statuses).length === 0) {
+        return '<div class="no-statuses">Нет данных</div>';
+    }
+    
+    const statusOrder = ['assigned', 'in_progress', 'completed', 'overdue', 'rework'];
+    let html = '';
+    
+    statusOrder.forEach(status => {
+        const count = statuses[status] || 0;
+        if (count > 0) {
+            html += `
+                <div class="status-item">
+                    <span class="status-badge status-${status}">${getStatusLabel(status)}</span>
+                    <span class="status-count">${count}</span>
+                </div>
+            `;
+        }
+    });
+    
+    // Если нет статусов с количеством > 0
+    if (!html) {
+        return '<div class="no-statuses">Нет назначений</div>';
+    }
+    
+    return html;
+}
+
+function renderPagination(container, totalPages) {
+    if (!container || totalPages <= 1) {
+        container.innerHTML = '';
+        return;
+    }
+    
+    let paginationHTML = '';
+    
+    // Кнопка "Назад"
+    paginationHTML += `
+        <button class="page-btn" onclick="changePage(${currentPage - 1})" ${currentPage === 1 ? 'disabled' : ''}>
+            ←
+        </button>
+    `;
+    
+    // Номера страниц
+    for (let i = 1; i <= totalPages; i++) {
+        if (i === 1 || i === totalPages || (i >= currentPage - 2 && i <= currentPage + 2)) {
+            paginationHTML += `
+                <button class="page-btn ${i === currentPage ? 'active' : ''}" onclick="changePage(${i})">
+                    ${i}
+                </button>
+            `;
+        } else if (i === currentPage - 3 || i === currentPage + 3) {
+            paginationHTML += `<span class="page-dots">...</span>`;
+        }
+    }
+    
+    // Кнопка "Вперед"
+    paginationHTML += `
+        <button class="page-btn" onclick="changePage(${currentPage + 1})" ${currentPage === totalPages ? 'disabled' : ''}>
+            →
+        </button>
+    `;
+    
+    container.innerHTML = paginationHTML;
+}
+
+function changePage(page) {
+    if (page < 1 || page > Math.ceil(filteredStats.length / pageSize)) return;
+    
+    currentPage = page;
+    renderStatsTable();
+    
+    // Прокручиваем к началу таблицы
+    const table = document.querySelector('.users-stats-table');
+    if (table) {
+        table.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+}
+
+function getStatusLabel(status) {
+    const labels = {
+        'assigned': 'Назначено',
+        'in_progress': 'В работе',
+        'completed': 'Выполнено',
+        'overdue': 'Просрочено',
+        'rework': 'На доработке'
+    };
+    return labels[status] || status;
+}
+
+function formatDateTime(dateTimeString) {
+    if (!dateTimeString) return '';
+    try {
+        const date = new Date(dateTimeString);
+        return date.toLocaleString('ru-RU');
+    } catch (e) {
+        return dateTimeString;
+    }
+}
+
+function exportStats() {
+    if (filteredStats.length === 0) {
+        alert('Нет данных для экспорта');
+        return;
+    }
+    
+    // Экспорт данных в CSV
+    const csvContent = convertToCSV(filteredStats);
+    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+    const link = document.createElement("a");
+    const url = URL.createObjectURL(blob);
+    
+    link.setAttribute("href", url);
+    link.setAttribute("download", `статистика_пользователей_${new Date().toISOString().split('T')[0]}.csv`);
+    link.style.visibility = 'hidden';
+    
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+}
+
+function convertToCSV(data) {
+    const headers = ['Пользователь', 'Логин', 'Email', 'Роль', 'Тип авторизации', 'Всего задач', 'Активные задачи', 'Закрытые задачи', 'Назначено', 'В работе', 'Выполнено', 'Просрочено', 'На доработке', 'Последняя активность'];
+    
+    const rows = data.map(stat => [
+        `"${stat.userName || ''}"`,
+        `"${stat.userLogin || ''}"`,
+        `"${stat.userEmail || ''}"`,
+        `"${stat.role === 'admin' ? 'Администратор' : 'Учитель'}"`,
+        `"${stat.authType === 'ldap' ? 'LDAP' : 'Локальная'}"`,
+        stat.totalTasks || 0,
+        stat.activeTasks || 0,
+        stat.closedTasks || 0,
+        stat.assignmentStatuses?.assigned || 0,
+        stat.assignmentStatuses?.in_progress || 0,
+        stat.assignmentStatuses?.completed || 0,
+        stat.assignmentStatuses?.overdue || 0,
+        stat.assignmentStatuses?.rework || 0,
+        `"${formatDateTime(stat.lastActivity) || ''}"`
+    ]);
+    
+    return [headers.join(','), ...rows.map(row => row.join(','))].join('\n');
+}
+
+// Функции для демонстрационных данных
+function getMockStatsData() {
+    const mockData = [];
+    const users = [
+        { id: 1, name: 'Иванов Иван Иванович', login: 'ivanov', email: 'ivanov@school.edu', role: 'teacher', auth_type: 'ldap', last_login: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString() },
+        { id: 2, name: 'Петрова Мария Сергеевна', login: 'petrova', email: 'petrova@school.edu', role: 'teacher', auth_type: 'local', last_login: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000).toISOString() },
+        { id: 3, name: 'Сидоров Алексей Петрович', login: 'sidorov', email: 'sidorov@school.edu', role: 'teacher', auth_type: 'ldap', last_login: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000).toISOString() },
+        { id: 4, name: 'Администратор Системы', login: 'admin', email: 'admin@school.edu', role: 'admin', auth_type: 'local', last_login: new Date().toISOString() }
+    ];
+    
+    users.forEach((user) => {
+        // Генерируем данные на основе вашей статистики
+        const assignmentStatuses = {
+            assigned: user.role === 'admin' ? 8 : 4,
+            in_progress: user.role === 'admin' ? 1 : 0,
+            completed: user.role === 'admin' ? 5 : 2,
+            overdue: user.role === 'admin' ? 12 : 6,
+            rework: 0
+        };
+        
+        const totalTasks = Object.values(assignmentStatuses).reduce((a, b) => a + b, 0);
+        const activeTasks = assignmentStatuses.assigned + assignmentStatuses.in_progress;
+        const closedTasks = assignmentStatuses.completed;
+        
+        mockData.push({
+            userId: user.id,
+            userName: user.name,
+            userLogin: user.login,
+            userEmail: user.email,
+            role: user.role,
+            authType: user.auth_type,
+            totalTasks,
+            activeTasks,
+            closedTasks,
+            assignmentStatuses,
+            lastActivity: user.last_login
+        });
+    });
+    
+    return mockData;
+}
+
+// Инициализация
+document.addEventListener('DOMContentLoaded', function() {
+    // Ждем пока основной скрипт проверит авторизацию
+    setTimeout(() => {
+        // Если секция статистики активна при загрузке, рендерим ее
+        const statsSection = document.getElementById('admin-stats-section');
+        if (statsSection && statsSection.classList.contains('active')) {
+            renderStatsSection();
+        }
+    }, 100);
+});
+// Функция для проверки и рендеринга статистики
+function checkAndRenderStats() {
+    const statsSection = document.getElementById('admin-stats-section');
+    if (statsSection && statsSection.classList.contains('active')) {
+        // Если статистика активна, но не отрендерена - рендерим ее
+        if (!statsSection.innerHTML || statsSection.innerHTML.trim() === '') {
+            renderStatsSection();
+        }
+    }
+}
+
+// Слушатель для изменения класса active
+const observer = new MutationObserver(function(mutations) {
+    mutations.forEach(function(mutation) {
+        if (mutation.attributeName === 'class') {
+            checkAndRenderStats();
+        }
+    });
+});
+
+// Начинаем наблюдение за секцией статистики
+document.addEventListener('DOMContentLoaded', function() {
+    const statsSection = document.getElementById('admin-stats-section');
+    if (statsSection) {
+        observer.observe(statsSection, { attributes: true });
+    }
+    
+    // Первоначальная проверка
+    setTimeout(checkAndRenderStats, 100);
+});
+
+// Экспортируем функции для использования в admin-script.js
+window.renderStatsSection = renderStatsSection;
+window.loadUsersStats = loadUsersStats;
+window.applyFilters = applyFilters;
+window.resetFilters = resetFilters;
+window.changePage = changePage;
+window.exportStats = exportStats;
+window.checkAndRenderStats = checkAndRenderStats;

public/admin.html

@@ -4,240 +4,272 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>School CRM - Административная панель</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="/style.css">
     <style>
-        .stats-grid {
+        /* Дополнительные стили для детальной статистики */
-            display: grid;
+        .filters-container {
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            background: #fff;
-            gap: 20px;
-            margin-bottom: 30px;
-        }
-
-        .stat-card {
-            background: white;
             padding: 20px;
-            border-radius: 10px;
+            border-radius: 8px;
-            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+            margin-bottom: 20px;
-            border-left: 4px solid #3498db;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
         }
         
-        .stat-card.task-stat {
+        .filter-row {
-            border-left-color: #3498db;
+            display: flex;
+            gap: 20px;
+            margin-bottom: 15px;
+            flex-wrap: wrap;
         }
         
-        .stat-card.user-stat {
+        .filter-group {
-            border-left-color: #2ecc71;
+            flex: 1;
+            min-width: 200px;
         }
         
-        .stat-card.file-stat {
+        .filter-group label {
-            border-left-color: #9b59b6;
+            display: block;
-        }
+            margin-bottom: 5px;
-
-        .stat-card.status-stat {
-            border-left-color: #f39c12;
-        }
-
-        .stat-card h3 {
-            margin: 0 0 15px 0;
-            color: #495057;
-            font-size: 1.1rem;
             font-weight: 600;
+            color: #333;
         }
         
-        .stat-value {
+        .filter-group select {
-            font-size: 2.5rem;
+            width: 100%;
-            font-weight: 700;
+            padding: 8px 12px;
-            color: #2c3e50;
+            border: 1px solid #ddd;
-            margin-bottom: 10px;
+            border-radius: 4px;
+            font-size: 14px;
         }
         
-        .stat-desc {
+        .filter-actions {
-            color: #6c757d;
+            display: flex;
-            font-size: 0.9rem;
+            gap: 10px;
-            margin-bottom: 10px;
-        }
-
-        .stat-subitems {
             margin-top: 10px;
         }
         
-        .stat-subitem {
+        .users-stats-table {
-            display: flex;
+            width: 100%;
-            justify-content: space-between;
+            border-collapse: collapse;
-            padding: 5px 0;
+            background: #fff;
-            border-bottom: 1px solid #f1f1f1;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-            font-size: 0.9rem;
+            border-radius: 8px;
-        }
-
-        .stat-subitem:last-child {
-            border-bottom: none;
-        }
-
-        .stat-subitem .label {
-            color: #6c757d;
-        }
-
-        .stat-subitem .value {
-            font-weight: 600;
-            color: #2c3e50;
-        }
-
-        .recent-tasks {
-            background: white;
-            padding: 20px;
-            border-radius: 10px;
-            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-            margin-top: 20px;
-        }
-
-        .recent-tasks h3 {
-            margin: 0 0 15px 0;
-            color: #495057;
-            font-size: 1.2rem;
-        }
-
-        .task-item {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 12px;
-            border-bottom: 1px solid #e9ecef;
-            transition: all 0.3s ease;
-        }
-
-        .task-item:hover {
-            background: #f8f9fa;
-        }
-
-        .task-item:last-child {
-            border-bottom: none;
-        }
-
-        .task-info {
-            flex: 1;
-        }
-
-        .task-title {
-            font-weight: 600;
-            color: #2c3e50;
-            margin-bottom: 5px;
-        }
-
-        .task-meta {
-            font-size: 0.85rem;
-            color: #6c757d;
-        }
-
-        .task-actions {
-            display: flex;
-            gap: 8px;
-        }
-
-        .view-task-btn {
-            padding: 6px 12px;
-            background: #3498db;
-            color: white;
-            border: none;
-            border-radius: 6px;
-            cursor: pointer;
-            font-size: 0.85rem;
-            text-decoration: none;
-            display: inline-block;
-        }
-
-        .view-task-btn:hover {
-            background: #2980b9;
-        }
-
-        .percentage-bar {
-            height: 6px;
-            background: #e9ecef;
-            border-radius: 3px;
-            margin-top: 8px;
             overflow: hidden;
         }
         
-        .percentage-fill {
+        .users-stats-table th {
-            height: 100%;
+            background: #f8f9fa;
-            background: #3498db;
+            padding: 12px 15px;
-            border-radius: 3px;
-            transition: width 0.3s ease;
-        }
-
-        .users-table {
-            width: 100%;
-            border-collapse: collapse;
-            margin-top: 20px;
-        }
-
-        .users-table th,
-        .users-table td {
-            padding: 12px;
             text-align: left;
-            border-bottom: 1px solid #e9ecef;
-        }
-
-        .users-table th {
-            background: #f8f9fa;
             font-weight: 600;
-            color: #495057;
+            color: #333;
+            border-bottom: 2px solid #dee2e6;
         }
         
-        .users-table tr:hover {
+        .users-stats-table td {
+            padding: 12px 15px;
+            border-bottom: 1px solid #dee2e6;
+        }
+        
+        .users-stats-table tr:hover {
             background: #f8f9fa;
         }
         
-        .user-actions {
+        .statuses-container {
             display: flex;
+            flex-direction: column;
+            gap: 4px;
+        }
+        
+        .status-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
             gap: 8px;
         }
         
-        .ldap-badge {
+        .status-badge {
-            background: #3498db;
+            display: inline-block;
-            color: white;
             padding: 3px 8px;
             border-radius: 12px;
-            font-size: 0.75rem;
+            font-size: 12px;
-            margin-left: 5px;
+            font-weight: 600;
         }
         
-        .admin-badge {
+        .status-assigned { background: #e3f2fd; color: #1976d2; }
-            background: #e74c3c;
+        .status-in-progress { background: #fff3e0; color: #f57c00; }
-            color: white;
+        .status-completed { background: #e8f5e9; color: #388e3c; }
+        .status-overdue { background: #ffebee; color: #d32f2f; }
+        .status-rework { background: #f3e5f5; color: #7b1fa2; }
+        
+        .status-count {
+            font-weight: 600;
+            min-width: 20px;
+            text-align: right;
+        }
+        
+        .no-statuses {
+            color: #999;
+            font-style: italic;
+            font-size: 12px;
+        }
+        
+        .user-role {
+            display: inline-block;
             padding: 3px 8px;
             border-radius: 12px;
-            font-size: 0.75rem;
+            font-size: 12px;
-            margin-left: 5px;
+            font-weight: 600;
+            background: #f5f5f5;
+            color: #666;
         }
         
-        .form-row {
+        .user-role.admin { background: #ffebee; color: #d32f2f; }
-            display: flex;
+        .user-role.teacher { background: #e3f2fd; color: #1976d2; }
-            gap: 20px;
-            margin-bottom: 20px;
-        }
         
-        .form-row .form-group {
+        .stat-numbers {
-            flex: 1;
-        }
-
-        .modal-lg {
-            max-width: 800px;
-        }
-
-        .search-container {
             display: flex;
             gap: 10px;
+            margin-top: 5px;
+        }
+        
+        .stat-number {
+            background: #f8f9fa;
+            padding: 4px 8px;
+            border-radius: 4px;
+            font-size: 12px;
+        }
+        
+        .export-btn {
+            background: #28a745;
+            color: white;
+            border: none;
+            padding: 8px 16px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-weight: 600;
+        }
+        
+        .export-btn:hover {
+            background: #218838;
+        }
+        
+        .reset-btn {
+            background: #6c757d;
+            color: white;
+            border: none;
+            padding: 8px 16px;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        
+        .reset-btn:hover {
+            background: #5a6268;
+        }
+        
+        .no-data {
+            text-align: center;
+            padding: 40px;
+            color: #666;
+            font-style: italic;
+        }
+        
+        .stats-loading {
+            text-align: center;
+            padding: 40px;
+            color: #666;
+        }
+        
+        .stats-error {
+            text-align: center;
+            padding: 40px;
+            color: #dc3545;
+        }
+        
+        .pagination {
+            display: flex;
+            justify-content: center;
+            gap: 10px;
+            margin-top: 20px;
+        }
+        
+        .page-btn {
+            padding: 6px 12px;
+            border: 1px solid #ddd;
+            background: white;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        
+        .page-btn.active {
+            background: #007bff;
+            color: white;
+            border-color: #007bff;
+        }
+        
+        .page-btn:hover:not(.active) {
+            background: #f8f9fa;
+        }
+        
+        .page-btn:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+        }
+        
+        .stats-summary {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+        
+        .total-count {
+            font-weight: 600;
+            color: #333;
+        }
+        
+        .page-dots {
+            padding: 6px 12px;
+            color: #666;
+        }
+        
+        .user-info {
+            line-height: 1.4;
+        }
+        
+        .user-login {
+            font-size: 12px;
+            color: #666;
+        }
+        
+        .user-email {
+            font-size: 12px;
+            color: #999;
+        }
+        
+        .stats-header {
             margin-bottom: 20px;
         }
         
-        .search-container input {
+        .stats-header h2 {
-            flex: 1;
+            margin-bottom: 5px;
         }
         
-        .file-size {
+        .stats-header p {
-            font-size: 1.2rem;
+            color: #666;
-            color: #2c3e50;
+            margin: 0;
-            margin-top: 5px;
+        }
+        
+        .overall-stats {
+            margin-bottom: 30px;
+        }
+        
+        .overall-stats h3 {
+            margin-bottom: 15px;
+        }
+        
+        .detailed-stats h3 {
+            margin-bottom: 15px;
         }
     </style>
 </head>
@@ -282,95 +314,12 @@
         <div class="admin-tabs">
             <button class="admin-tab active" onclick="showAdminSection('dashboard')">Дашборд</button>
             <button class="admin-tab" onclick="showAdminSection('users')">Пользователи</button>
-            <button class="admin-tab" onclick="showAdminSection('dashboard')">test</button>
+            <button class="admin-tab" onclick="showAdminSection('stats')">Статистика</button>
         </div>
 
+        <!-- Контейнер для дашборда - будет заполняться JavaScript -->
         <div id="admin-dashboard" class="admin-section active">
-            <h2>Статистика системы</h2>
+            <!-- Дашборд будет загружен через JavaScript -->
-            
-            <div class="stats-grid">
-                <div class="stat-card task-stat">
-                    <h3>Задачи</h3>
-                    <div class="stat-value" id="total-tasks">0</div>
-                    <div class="stat-desc">Всего задач в системе</div>
-                    <div class="percentage-bar">
-                        <div class="percentage-fill" id="active-tasks-bar" style="width: 0%"></div>
-                    </div>
-                    <div class="stat-subitems">
-                        <div class="stat-subitem">
-                            <span class="label">Активные:</span>
-                            <span class="value" id="active-tasks">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">Закрытые:</span>
-                            <span class="value" id="closed-tasks">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">Удаленные:</span>
-                            <span class="value" id="deleted-tasks">0</span>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="stat-card status-stat">
-                    <h3>Статусы назначений</h3>
-                    <div class="stat-value" id="total-assignments">0</div>
-                    <div class="stat-desc">Всего назначений</div>
-                    <div class="stat-subitems">
-                        <div class="stat-subitem">
-                            <span class="label">Назначено:</span>
-                            <span class="value" id="assigned-count">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">В работе:</span>
-                            <span class="value" id="in-progress-count">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">Выполнено:</span>
-                            <span class="value" id="completed-count">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">Просрочено:</span>
-                            <span class="value" id="overdue-count">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">На доработке:</span>
-                            <span class="value" id="rework-count">0</span>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="stat-card user-stat">
-                    <h3>Пользователи</h3>
-                    <div class="stat-value" id="total-users">0</div>
-                    <div class="stat-desc">Зарегистрировано пользователей</div>
-                    <div class="stat-subitems">
-                        <div class="stat-subitem">
-                            <span class="label">Администраторы:</span>
-                            <span class="value" id="admin-users">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">Учителя:</span>
-                            <span class="value" id="teacher-users">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">LDAP:</span>
-                            <span class="value" id="ldap-users">0</span>
-                        </div>
-                        <div class="stat-subitem">
-                            <span class="label">Локальные:</span>
-                            <span class="value" id="local-users">0</span>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="stat-card file-stat">
-                    <h3>Файлы</h3>
-                    <div class="stat-value" id="total-files">0</div>
-                    <div class="stat-desc">Всего загружено файлов</div>
-                    <div class="file-size" id="total-files-size">0 MB</div>
-                </div>
-            </div>
         </div>
 
         <div id="admin-users-section" class="admin-section">
@@ -402,6 +351,11 @@
                 </tbody>
             </table>
         </div>
+
+        <!-- Контейнер для детальной статистики -->
+        <div id="admin-stats-section" class="admin-section">
+            <!-- Детальная статистика будет загружена через JavaScript -->
+        </div>
     </div>
 
     <div id="edit-user-modal" class="modal">
@@ -461,5 +415,7 @@
     </div>
 
     <script src="admin-script.js"></script>
+    <script src="admin-dashboard.js"></script>
+    <script src="admin-stats.js"></script>
 </body>
 </html>

public/style.css

@@ -2975,3 +2975,239 @@ small {
 .chat-btn:active {
     transform: translateY(0);
 }
+
+/* admin */
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 20px;
+            margin-bottom: 30px;
+        }
+
+        .stat-card {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+            border-left: 4px solid #3498db;
+        }
+
+        .stat-card.task-stat {
+            border-left-color: #3498db;
+        }
+
+        .stat-card.user-stat {
+            border-left-color: #2ecc71;
+        }
+
+        .stat-card.file-stat {
+            border-left-color: #9b59b6;
+        }
+
+        .stat-card.status-stat {
+            border-left-color: #f39c12;
+        }
+
+        .stat-card h3 {
+            margin: 0 0 15px 0;
+            color: #495057;
+            font-size: 1.1rem;
+            font-weight: 600;
+        }
+
+        .stat-value {
+            font-size: 2.5rem;
+            font-weight: 700;
+            color: #2c3e50;
+            margin-bottom: 10px;
+        }
+
+        .stat-desc {
+            color: #6c757d;
+            font-size: 0.9rem;
+            margin-bottom: 10px;
+        }
+
+        .stat-subitems {
+            margin-top: 10px;
+        }
+
+        .stat-subitem {
+            display: flex;
+            justify-content: space-between;
+            padding: 5px 0;
+            border-bottom: 1px solid #f1f1f1;
+            font-size: 0.9rem;
+        }
+
+        .stat-subitem:last-child {
+            border-bottom: none;
+        }
+
+        .stat-subitem .label {
+            color: #6c757d;
+        }
+
+        .stat-subitem .value {
+            font-weight: 600;
+            color: #2c3e50;
+        }
+
+        .recent-tasks {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+            margin-top: 20px;
+        }
+
+        .recent-tasks h3 {
+            margin: 0 0 15px 0;
+            color: #495057;
+            font-size: 1.2rem;
+        }
+
+        .task-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 12px;
+            border-bottom: 1px solid #e9ecef;
+            transition: all 0.3s ease;
+        }
+
+        .task-item:hover {
+            background: #f8f9fa;
+        }
+
+        .task-item:last-child {
+            border-bottom: none;
+        }
+
+        .task-info {
+            flex: 1;
+        }
+
+        .task-title {
+            font-weight: 600;
+            color: #2c3e50;
+            margin-bottom: 5px;
+        }
+
+        .task-meta {
+            font-size: 0.85rem;
+            color: #6c757d;
+        }
+
+        .task-actions {
+            display: flex;
+            gap: 8px;
+        }
+
+        .view-task-btn {
+            padding: 6px 12px;
+            background: #3498db;
+            color: white;
+            border: none;
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 0.85rem;
+            text-decoration: none;
+            display: inline-block;
+        }
+
+        .view-task-btn:hover {
+            background: #2980b9;
+        }
+
+        .percentage-bar {
+            height: 6px;
+            background: #e9ecef;
+            border-radius: 3px;
+            margin-top: 8px;
+            overflow: hidden;
+        }
+
+        .percentage-fill {
+            height: 100%;
+            background: #3498db;
+            border-radius: 3px;
+            transition: width 0.3s ease;
+        }
+
+        .users-table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        .users-table th,
+        .users-table td {
+            padding: 12px;
+            text-align: left;
+            border-bottom: 1px solid #e9ecef;
+        }
+
+        .users-table th {
+            background: #f8f9fa;
+            font-weight: 600;
+            color: #495057;
+        }
+
+        .users-table tr:hover {
+            background: #f8f9fa;
+        }
+
+        .user-actions {
+            display: flex;
+            gap: 8px;
+        }
+
+        .ldap-badge {
+            background: #3498db;
+            color: white;
+            padding: 3px 8px;
+            border-radius: 12px;
+            font-size: 0.75rem;
+            margin-left: 5px;
+        }
+
+        .admin-badge {
+            background: #e74c3c;
+            color: white;
+            padding: 3px 8px;
+            border-radius: 12px;
+            font-size: 0.75rem;
+            margin-left: 5px;
+        }
+
+        .form-row {
+            display: flex;
+            gap: 20px;
+            margin-bottom: 20px;
+        }
+
+        .form-row .form-group {
+            flex: 1;
+        }
+
+        .modal-lg {
+            max-width: 800px;
+        }
+
+        .search-container {
+            display: flex;
+            gap: 10px;
+            margin-bottom: 20px;
+        }
+
+        .search-container input {
+            flex: 1;
+        }
+
+        .file-size {
+            font-size: 1.2rem;
+            color: #2c3e50;
+            margin-top: 5px;
+        }
+        /* admin */