Final version

js/auth.js

@@ -39,17 +39,17 @@ class AuthSystem {
             try {
                 this.currentUser = JSON.parse(userData);
                 this.isAuthenticated = true;
-                console.log('Пользователь авторизован:', this.currentUser);
+                // Пользователь авторизован
                 this.updateUI();
             } catch (error) {
-                console.error('Ошибка при загрузке данных пользователя:', error);
+                // Ошибка при загрузке данных пользователя
                 this.logout();
             }
         } else {
-            console.log('Пользователь не авторизован');
+            // Пользователь не авторизован
             // Если нет сессии и мы не на странице входа, перенаправляем
             if (!window.location.pathname.includes('login.html')) {
-                console.log('Перенаправление на страницу входа');
+                // Перенаправление на страницу входа
                 window.location.href = 'login.html';
             }
         }
@@ -118,11 +118,11 @@ class AuthSystem {
     // Обновление интерфейса в зависимости от прав доступа
     updateUI() {
         if (!this.currentUser) {
-            console.log('Нет текущего пользователя для обновления UI');
+            // Нет текущего пользователя для обновления UI
             return;
         }
 
-        console.log('Обновление UI для пользователя:', this.currentUser.name);
+        // Обновление UI для пользователя
 
         // Обновляем информацию о пользователе в навигации
         const profileToggle = $('#profileDropdown .dropdown-toggle');
@@ -136,10 +136,10 @@ class AuthSystem {
         // Показываем/скрываем элементы администрирования
         if (this.hasRole('admin')) {
             $('#adminDropdown').show();
-            console.log('Показана панель администратора');
+            // Показана панель администратора
         } else {
             $('#adminDropdown').hide();
-            console.log('Скрыта панель администратора');
+            // Скрыта панель администратора
         }
 
         // Обновляем права доступа для кнопок

js/catalog.js

@@ -112,6 +112,9 @@ class CatalogManager {
             console.error('Ошибка при загрузке каталога:', error);
             auth.showNotification('Ошибка при загрузке каталога', 'danger');
             this.hideLoading();
+        } finally {
+            // Проверяем уведомления о низком остатке
+            await this.warehouse.checkAndSendNotifications();
         }
     }
 

js/main.js

@@ -12,12 +12,12 @@ class MainApp {
             try {
                 // Проверяем авторизацию
                 if (!auth.isUserAuthenticated()) {
-                    console.log('Пользователь не авторизован, перенаправление на login.html');
+                    // Пользователь не авторизован, перенаправление на login.html
                     window.location.href = 'login.html';
                     return;
                 }
 
-                console.log('Инициализация главной страницы для пользователя:', auth.getCurrentUser()?.name);
+                // Инициализация главной страницы
 
                 // Загружаем данные дашборда
                 await this.loadDashboardData();
@@ -43,7 +43,7 @@ class MainApp {
                 this.initializeModals();
                 
             } catch (error) {
-                console.error('Ошибка инициализации:', error);
+                // Ошибка инициализации
                 auth.showNotification('Ошибка загрузки данных', 'danger');
             }
         });
@@ -93,6 +93,9 @@ class MainApp {
             // Скрываем индикатор загрузки
             this.hideLoading();
 
+            // Проверяем уведомления о низком остатке
+            await this.warehouse.checkAndSendNotifications();
+
         } catch (error) {
             console.error('Ошибка при загрузке данных:', error);
             auth.showNotification('Ошибка при загрузке данных', 'danger');

js/reports.js

@@ -0,0 +1,194 @@
+// Логика страницы отчетов
+
+(function() {
+    // Проверка авторизации
+    if (!auth.isUserAuthenticated()) {
+        window.location.href = '../login.html';
+        return;
+    }
+
+    const state = {
+        filters: {
+            dateFrom: '',
+            dateTo: '',
+            opType: '',
+            categoryId: '',
+            itemQuery: '',
+            employeeQuery: ''
+        },
+        data: {
+            summary: null,
+            operations: [],
+            byCategory: [],
+            topItems: []
+        }
+    };
+
+    // Инициализация
+    $(document).ready(() => {
+        bindEvents();
+        loadCategoriesForFilter();
+        applyFilters();
+        loadCategoriesNav();
+    });
+
+    function bindEvents() {
+        $('#filtersForm').on('submit', function(e) {
+            e.preventDefault();
+            state.filters = {
+                dateFrom: $('#dateFrom').val(),
+                dateTo: $('#dateTo').val(),
+                opType: $('#opType').val(),
+                categoryId: $('#categoryId').val(),
+                itemQuery: $('#itemQuery').val(),
+                employeeQuery: $('#employeeQuery').val()
+            };
+            applyFilters();
+        });
+
+        $('#exportCsvBtn').on('click', exportCsv);
+        $('#exportJsonBtn').on('click', exportJson);
+        $('#resetFiltersBtn').on('click', resetFilters);
+    }
+
+    async function applyFilters() {
+        try {
+            showLoading(true);
+            const token = localStorage.getItem('token');
+            const params = new URLSearchParams(state.filters);
+            const headers = token ? { 'Authorization': `Bearer ${token}` } : {};
+
+            // Загружаем сводные данные и таблицы
+            const [summaryResp, opsResp, byCatResp, topItemsResp] = await Promise.all([
+                fetch(`/api/reports/summary?${params.toString()}`, { headers }),
+                fetch(`/api/reports/operations?${params.toString()}`, { headers }),
+                fetch(`/api/reports/by-category?${params.toString()}`, { headers }),
+                fetch(`/api/reports/top-items?${params.toString()}`, { headers })
+            ]);
+
+            if (!summaryResp.ok || !opsResp.ok || !byCatResp.ok || !topItemsResp.ok) {
+                throw new Error('Ошибка загрузки данных отчетов');
+            }
+
+            state.data.summary = await summaryResp.json();
+            state.data.operations = await opsResp.json();
+            state.data.byCategory = await byCatResp.json();
+            state.data.topItems = await topItemsResp.json();
+
+            renderSummary();
+            renderTables();
+        } catch (e) {
+            auth.showNotification('Ошибка при загрузке отчетов: ' + e.message, 'danger');
+            // Очищаем таблицы при ошибке API
+            state.data = { summary: null, operations: [], byCategory: [], topItems: [] };
+            renderSummary();
+            renderTables();
+        } finally {
+            showLoading(false);
+        }
+    }
+
+    function resetFilters() {
+        // Сбрасываем значения полей
+        $('#dateFrom').val('');
+        $('#dateTo').val('');
+        $('#opType').val('');
+        $('#categoryId').val('');
+        $('#itemQuery').val('');
+        $('#employeeQuery').val('');
+        // Обнуляем состояние фильтров и перезагружаем
+        state.filters = { dateFrom: '', dateTo: '', opType: '', categoryId: '', itemQuery: '', employeeQuery: '' };
+        applyFilters();
+    }
+
+    function renderSummary() {
+        const s = state.data.summary || { totalIncoming: 0, totalOutgoing: 0, totalOperations: 0, uniqueItems: 0 };
+        $('#totalIncoming').text(s.totalIncoming);
+        $('#totalOutgoing').text(s.totalOutgoing);
+        $('#totalOps').text(s.totalOperations);
+        $('#uniqueItems').text(s.uniqueItems);
+    }
+
+    function renderTables() {
+        const opsBody = $('#operationsTable tbody');
+        opsBody.empty();
+        state.data.operations.forEach(op => {
+            opsBody.append(`<tr>
+                <td>${formatDate(op.date)}</td>
+                <td>${op.type === 'incoming' ? 'Приход' : 'Расход'}</td>
+                <td>${escapeHtml(op.itemName)}</td>
+                <td>${op.quantity}</td>
+                <td>${escapeHtml(op.employeeName || op.username || '')}</td>
+                <td>${escapeHtml(op.categoryName || '')}</td>
+            </tr>`);
+        });
+
+        const byCatBody = $('#byCategoryTable tbody');
+        byCatBody.empty();
+        state.data.byCategory.forEach(row => {
+            byCatBody.append(`<tr>
+                <td>${escapeHtml(row.categoryName)}</td>
+                <td>${row.itemCount}</td>
+                <td>${row.totalQuantity}</td>
+            </tr>`);
+        });
+
+        const topItemsBody = $('#topItemsTable tbody');
+        topItemsBody.empty();
+        state.data.topItems.forEach(row => {
+            topItemsBody.append(`<tr>
+                <td>${escapeHtml(row.itemName)}</td>
+                <td>${row.totalIncoming}</td>
+                <td>${row.totalOutgoing}</td>
+                <td>${row.totalIncoming - row.totalOutgoing}</td>
+            </tr>`);
+        });
+    }
+
+    function exportCsv() {
+        const rows = [
+            ['Дата','Тип','Товар','Количество','Сотрудник','Категория'],
+            ...state.data.operations.map(o => [formatDate(o.date), o.type, o.itemName, o.quantity, o.employeeName || '', o.categoryName || ''])
+        ];
+        const csv = rows.map(r => r.map(v => `"${String(v).replaceAll('"','""')}"`).join(',')).join('\n');
+        downloadFile('operations.csv', 'text/csv;charset=utf-8;', csv);
+    }
+
+    function exportJson() {
+        const blob = new Blob([JSON.stringify(state.data, null, 2)], { type: 'application/json;charset=utf-8;' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = 'reports.json';
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+
+    async function loadCategoriesForFilter() {
+        try {
+            const resp = await fetch('/api/categories');
+            const cats = await resp.json();
+            const select = $('#categoryId');
+            cats.forEach(c => select.append(`<option value="${c.id}">${escapeHtml(c.name)}</option>`));
+        } catch {}
+    }
+
+    function loadCategoriesNav() {
+        // На странице отчётов категории в меню не критичны; пропустим загрузку, чтобы не блокировать UI
+    }
+
+    function showLoading(show) {
+        $('#loadingState').toggle(!!show);
+    }
+
+
+
+    function formatDate(iso) {
+        const d = new Date(iso);
+        return d.toLocaleString('ru-RU');
+    }
+
+    function escapeHtml(s) {
+        return String(s || '').replace(/[&<>"]+/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));
+    }
+})();

js/users.js

@@ -0,0 +1,791 @@
+// Система управления пользователями
+
+class UserManager {
+    constructor() {
+        this.users = [];
+        this.filteredUsers = [];
+        this.currentUser = null;
+        this.init();
+    }
+
+    init() {
+        // Проверяем авторизацию и права доступа
+        if (!auth.isUserAuthenticated()) {
+            window.location.href = '../login.html';
+            return;
+        }
+
+        if (!auth.hasRole('admin')) {
+            auth.showNotification('У вас нет прав для доступа к этой странице', 'danger');
+            window.location.href = '../index.html';
+            return;
+        }
+
+        this.currentUser = auth.getCurrentUser();
+        this.bindEvents();
+        this.loadUsers();
+        this.loadCategoriesNav();
+    }
+
+    bindEvents() {
+        // Поиск и фильтрация
+        $('#searchInput').on('input', (e) => this.handleSearch(e.target.value));
+        $('#roleFilter').on('change', (e) => this.handleRoleFilter(e.target.value));
+
+        // Формы
+        $('#addUserForm').on('submit', (e) => this.handleAddUser(e));
+        $('#editUserForm').on('submit', (e) => this.handleEditUser(e));
+
+        // Удаление
+        $('#confirmDeleteBtn').on('click', () => this.handleDeleteUser());
+
+        // Автоматическое обновление разрешений при изменении ролей
+        $('input[type="checkbox"][value^="role"]').on('change', () => this.updatePermissionsFromRoles());
+        $('input[type="checkbox"][value^="editRole"]').on('change', () => this.updateEditPermissionsFromRoles());
+    }
+
+    // Загрузка пользователей
+    async loadUsers() {
+        try {
+            this.showLoading();
+            
+            const token = localStorage.getItem('token');
+            if (!token) {
+                throw new Error('Токен не найден');
+            }
+
+            const response = await fetch('/api/users', {
+                headers: { 
+                    'Authorization': `Bearer ${token}`,
+                    'Content-Type': 'application/json'
+                }
+            });
+
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            this.users = await response.json();
+            this.filteredUsers = [...this.users];
+            
+            this.renderUsers();
+            this.updateStatistics();
+            this.hideLoading();
+            
+        } catch (error) {
+            // Если API недоступен, используем имитацию данных
+            this.users = this.getMockUsers();
+            this.filteredUsers = [...this.users];
+            
+            this.renderUsers();
+            this.updateStatistics();
+            this.hideLoading();
+            
+            // Показываем уведомление только если это не демо-режим
+            if (!error.message.includes('Failed to fetch')) {
+                auth.showNotification('Ошибка при загрузке пользователей', 'danger');
+            }
+        }
+    }
+
+    // Получение имитационных данных пользователей
+    getMockUsers() {
+        return [
+            {
+                id: 1,
+                username: 'admin',
+                name: 'Администратор',
+                email: 'admin@company.com',
+                department: 'IT',
+                position: 'Системный администратор',
+                roles: ['admin'],
+                permissions: ['read', 'write', 'delete', 'admin'],
+                active: true,
+                createdAt: '2025-01-01T00:00:00Z',
+                lastLogin: '2025-08-15T10:30:00Z'
+            },
+            {
+                id: 2,
+                username: 'manager',
+                name: 'Менеджер склада',
+                email: 'manager@company.com',
+                department: 'Склад',
+                position: 'Менеджер склада',
+                roles: ['manager'],
+                permissions: ['read', 'write'],
+                active: true,
+                createdAt: '2025-01-15T00:00:00Z',
+                lastLogin: '2025-08-15T09:15:00Z'
+            },
+            {
+                id: 3,
+                username: 'operator',
+                name: 'Оператор',
+                email: 'operator@company.com',
+                department: 'Склад',
+                position: 'Оператор склада',
+                roles: ['operator'],
+                permissions: ['read'],
+                active: true,
+                createdAt: '2025-02-01T00:00:00Z',
+                lastLogin: '2025-08-14T16:45:00Z'
+            },
+            {
+                id: 4,
+                username: 'viewer',
+                name: 'Наблюдатель',
+                email: 'viewer@company.com',
+                department: 'Бухгалтерия',
+                position: 'Бухгалтер',
+                roles: ['viewer'],
+                permissions: ['read'],
+                active: false,
+                createdAt: '2025-02-15T00:00:00Z',
+                lastLogin: '2025-08-10T14:20:00Z'
+            }
+        ];
+    }
+
+    // Отрисовка пользователей
+    renderUsers() {
+        const grid = $('#usersGrid');
+        grid.empty();
+
+        if (this.filteredUsers.length === 0) {
+            $('#emptyState').show();
+            return;
+        }
+
+        $('#emptyState').hide();
+
+        this.filteredUsers.forEach(user => {
+            const userCard = this.createUserCard(user);
+            grid.append(userCard);
+        });
+    }
+
+    // Создание карточки пользователя
+    createUserCard(user) {
+        const roleBadges = user.roles.map(role => {
+            const roleConfig = this.getRoleConfig(role);
+            return `<span class="badge ${roleConfig.class} role-badge">${roleConfig.icon} ${roleConfig.name}</span>`;
+        }).join('');
+
+        const permissionChips = user.permissions.map(perm => {
+            const permConfig = this.getPermissionConfig(perm);
+            return `<span class="permission-chip">${permConfig.icon} ${permConfig.name}</span>`;
+        }).join('');
+
+        const statusClass = user.active ? 'status-active' : 'status-inactive';
+        const statusIcon = user.active ? 'fa-user-check' : 'fa-user-times';
+        const statusText = user.active ? 'Активен' : 'Неактивен';
+
+        return `
+            <div class="col-lg-4 col-md-6 mb-4">
+                <div class="card user-card h-100">
+                    <div class="card-header d-flex justify-content-between align-items-center">
+                        <div>
+                            <h6 class="mb-0">
+                                <i class="fas fa-user me-2"></i>
+                                ${this.highlightSearch(user.name)}
+                            </h6>
+                            <small class="text-muted">@${user.username}</small>
+                        </div>
+                        <div class="dropdown">
+                            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
+                                <i class="fas fa-ellipsis-v"></i>
+                            </button>
+                            <ul class="dropdown-menu">
+                                <li><a class="dropdown-item" href="#" onclick="userManager.editUser(${user.id})">
+                                    <i class="fas fa-edit me-2"></i>Редактировать
+                                </a></li>
+                                <li><a class="dropdown-item" href="#" onclick="userManager.toggleUserStatus(${user.id})">
+                                    <i class="fas fa-toggle-on me-2"></i>${user.active ? 'Деактивировать' : 'Активировать'}
+                                </a></li>
+                                <li><hr class="dropdown-divider"></li>
+                                <li><a class="dropdown-item text-danger" href="#" onclick="userManager.deleteUser(${user.id})">
+                                    <i class="fas fa-trash me-2"></i>Удалить
+                                </a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="card-body">
+                        <div class="mb-3">
+                            <div class="d-flex align-items-center mb-2">
+                                <i class="fas fa-envelope me-2 text-muted"></i>
+                                <small>${this.highlightSearch(user.email)}</small>
+                            </div>
+                            <div class="d-flex align-items-center mb-2">
+                                <i class="fas fa-building me-2 text-muted"></i>
+                                <small>${user.department || 'Не указан'}</small>
+                            </div>
+                            <div class="d-flex align-items-center mb-2">
+                                <i class="fas fa-briefcase me-2 text-muted"></i>
+                                <small>${user.position || 'Не указана'}</small>
+                            </div>
+                            <div class="d-flex align-items-center">
+                                <i class="fas ${statusIcon} me-2 ${statusClass}"></i>
+                                <small class="${statusClass}">${statusText}</small>
+                            </div>
+                        </div>
+                        
+                        <div class="mb-3">
+                            <label class="form-label small text-muted">Роли:</label>
+                            <div>${roleBadges}</div>
+                        </div>
+                        
+                        <div class="mb-3">
+                            <label class="form-label small text-muted">Разрешения:</label>
+                            <div>${permissionChips}</div>
+                        </div>
+                        
+                        <div class="small text-muted">
+                            <div>Создан: ${this.formatDate(user.createdAt)}</div>
+                            <div>Последний вход: ${this.formatDate(user.lastLogin)}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+
+    // Конфигурация ролей
+    getRoleConfig(role) {
+        const configs = {
+            admin: { name: 'Администратор', class: 'bg-danger', icon: 'fas fa-user-shield' },
+            manager: { name: 'Менеджер', class: 'bg-warning', icon: 'fas fa-user-tie' },
+            operator: { name: 'Оператор', class: 'bg-info', icon: 'fas fa-user-cog' },
+            viewer: { name: 'Наблюдатель', class: 'bg-secondary', icon: 'fas fa-user' }
+        };
+        return configs[role] || { name: role, class: 'bg-secondary', icon: 'fas fa-user' };
+    }
+
+    // Конфигурация разрешений
+    getPermissionConfig(permission) {
+        const configs = {
+            read: { name: 'Чтение', icon: 'fas fa-eye' },
+            write: { name: 'Запись', icon: 'fas fa-edit' },
+            delete: { name: 'Удаление', icon: 'fas fa-trash' },
+            admin: { name: 'Администрирование', icon: 'fas fa-cogs' }
+        };
+        return configs[permission] || { name: permission, icon: 'fas fa-check' };
+    }
+
+    // Подсветка поиска
+    highlightSearch(text) {
+        const searchTerm = $('#searchInput').val().toLowerCase();
+        if (!searchTerm || !text) return text;
+        
+        const regex = new RegExp(`(${searchTerm})`, 'gi');
+        return text.toString().replace(regex, '<span class="search-highlight">$1</span>');
+    }
+
+    // Обработка поиска
+    handleSearch(query) {
+        const searchTerm = query.toLowerCase();
+        const roleFilter = $('#roleFilter').val();
+        
+        this.filteredUsers = this.users.filter(user => {
+            const matchesSearch = !searchTerm || 
+                user.name.toLowerCase().includes(searchTerm) ||
+                user.username.toLowerCase().includes(searchTerm) ||
+                user.email.toLowerCase().includes(searchTerm) ||
+                (user.department && user.department.toLowerCase().includes(searchTerm));
+            
+            const matchesRole = !roleFilter || user.roles.includes(roleFilter);
+            
+            return matchesSearch && matchesRole;
+        });
+        
+        this.renderUsers();
+    }
+
+    // Обработка фильтра по ролям
+    handleRoleFilter(role) {
+        this.handleSearch($('#searchInput').val());
+    }
+
+    // Обновление статистики
+    updateStatistics() {
+        const totalUsers = this.users.length;
+        const activeUsers = this.users.filter(u => u.active).length;
+        const adminUsers = this.users.filter(u => u.roles.includes('admin')).length;
+        const managerUsers = this.users.filter(u => u.roles.includes('manager')).length;
+
+        $('#totalUsers').text(totalUsers);
+        $('#activeUsers').text(activeUsers);
+        $('#adminUsers').text(adminUsers);
+        $('#managerUsers').text(managerUsers);
+    }
+
+    // Добавление пользователя
+    async handleAddUser(event) {
+        event.preventDefault();
+        
+        const formData = this.getFormData('#addUserForm');
+        
+        if (!this.validateUserData(formData)) {
+            return;
+        }
+
+        try {
+            const token = localStorage.getItem('token');
+            if (!token) {
+                throw new Error('Токен не найден');
+            }
+
+            const response = await fetch('/api/users', {
+                method: 'POST',
+                headers: { 
+                    'Authorization': `Bearer ${token}`,
+                    'Content-Type': 'application/json' 
+                },
+                body: JSON.stringify(formData)
+            });
+
+            if (!response.ok) {
+                const errorData = await response.json();
+                throw new Error(errorData.error || 'Ошибка создания пользователя');
+            }
+
+            const newUser = await response.json();
+            this.users.push(newUser);
+            this.filteredUsers = [...this.users];
+            
+            this.renderUsers();
+            this.updateStatistics();
+            
+            $('#addUserModal').modal('hide');
+            $('#addUserForm')[0].reset();
+            
+            auth.showNotification('Пользователь успешно создан', 'success');
+            
+        } catch (error) {
+            // Если API недоступен, используем имитацию
+            if (error.message.includes('Failed to fetch')) {
+                const newUser = {
+                    id: this.users.length + 1,
+                    ...formData,
+                    active: true,
+                    createdAt: new Date().toISOString(),
+                    lastLogin: null
+                };
+
+                this.users.push(newUser);
+                this.filteredUsers = [...this.users];
+                
+                this.renderUsers();
+                this.updateStatistics();
+                
+                $('#addUserModal').modal('hide');
+                $('#addUserForm')[0].reset();
+                
+                auth.showNotification('Пользователь успешно создан (демо-режим)', 'success');
+            } else {
+                auth.showNotification(error.message || 'Ошибка при создании пользователя', 'danger');
+            }
+        }
+    }
+
+    // Редактирование пользователя
+    async handleEditUser(event) {
+        event.preventDefault();
+        
+        const formData = this.getFormData('#editUserForm');
+        const userId = parseInt($('#editUserId').val());
+        
+        if (!this.validateUserData(formData)) {
+            return;
+        }
+
+        try {
+            const token = localStorage.getItem('token');
+            if (!token) {
+                throw new Error('Токен не найден');
+            }
+
+            const response = await fetch(`/api/users/${userId}`, {
+                method: 'PUT',
+                headers: { 
+                    'Authorization': `Bearer ${token}`,
+                    'Content-Type': 'application/json' 
+                },
+                body: JSON.stringify(formData)
+            });
+
+            if (!response.ok) {
+                const errorData = await response.json();
+                throw new Error(errorData.error || 'Ошибка обновления пользователя');
+            }
+
+            const updatedUser = await response.json();
+            const userIndex = this.users.findIndex(u => u.id === userId);
+            if (userIndex !== -1) {
+                this.users[userIndex] = updatedUser;
+                this.filteredUsers = [...this.users];
+                
+                this.renderUsers();
+                this.updateStatistics();
+                
+                $('#editUserModal').modal('hide');
+                
+                auth.showNotification('Пользователь успешно обновлен', 'success');
+            }
+            
+        } catch (error) {
+            // Если API недоступен, используем имитацию
+            if (error.message.includes('Failed to fetch')) {
+                const userIndex = this.users.findIndex(u => u.id === userId);
+                if (userIndex !== -1) {
+                    this.users[userIndex] = { ...this.users[userIndex], ...formData };
+                    this.filteredUsers = [...this.users];
+                    
+                    this.renderUsers();
+                    this.updateStatistics();
+                    
+                    $('#editUserModal').modal('hide');
+                    
+                    auth.showNotification('Пользователь успешно обновлен (демо-режим)', 'success');
+                }
+            } else {
+                auth.showNotification(error.message || 'Ошибка при обновлении пользователя', 'danger');
+            }
+        }
+    }
+
+    // Удаление пользователя
+    deleteUser(userId) {
+        const user = this.users.find(u => u.id === userId);
+        if (!user) return;
+
+        $('#deleteUserName').text(user.name);
+        $('#deleteUserModal').modal('show');
+        
+        // Сохраняем ID для подтверждения
+        $('#deleteUserModal').data('userId', userId);
+    }
+
+    // Подтверждение удаления
+    async handleDeleteUser() {
+        const userId = $('#deleteUserModal').data('userId');
+        
+        try {
+            const token = localStorage.getItem('token');
+            if (!token) {
+                throw new Error('Токен не найден');
+            }
+
+            const response = await fetch(`/api/users/${userId}`, { 
+                method: 'DELETE',
+                headers: { 
+                    'Authorization': `Bearer ${token}`,
+                    'Content-Type': 'application/json' 
+                }
+            });
+
+            if (!response.ok) {
+                const errorData = await response.json();
+                throw new Error(errorData.error || 'Ошибка удаления пользователя');
+            }
+
+            this.users = this.users.filter(u => u.id !== userId);
+            this.filteredUsers = this.filteredUsers.filter(u => u.id !== userId);
+            
+            this.renderUsers();
+            this.updateStatistics();
+            
+            $('#deleteUserModal').modal('hide');
+            
+            auth.showNotification('Пользователь успешно удален', 'success');
+            
+        } catch (error) {
+            // Если API недоступен, используем имитацию
+            if (error.message.includes('Failed to fetch')) {
+                this.users = this.users.filter(u => u.id !== userId);
+                this.filteredUsers = this.filteredUsers.filter(u => u.id !== userId);
+                
+                this.renderUsers();
+                this.updateStatistics();
+                
+                $('#deleteUserModal').modal('hide');
+                
+                auth.showNotification('Пользователь успешно удален (демо-режим)', 'success');
+            } else {
+                auth.showNotification(error.message || 'Ошибка при удалении пользователя', 'danger');
+            }
+        }
+    }
+
+    // Переключение статуса пользователя
+    async toggleUserStatus(userId) {
+        const user = this.users.find(u => u.id === userId);
+        if (!user) return;
+
+        try {
+            const token = localStorage.getItem('token');
+            if (!token) {
+                throw new Error('Токен не найден');
+            }
+
+            const response = await fetch(`/api/users/${userId}/toggle-status`, { 
+                method: 'PATCH',
+                headers: { 
+                    'Authorization': `Bearer ${token}`,
+                    'Content-Type': 'application/json' 
+                }
+            });
+
+            if (!response.ok) {
+                const errorData = await response.json();
+                throw new Error(errorData.error || 'Ошибка изменения статуса');
+            }
+
+            const result = await response.json();
+            user.active = result.active;
+            this.filteredUsers = [...this.users];
+            
+            this.renderUsers();
+            this.updateStatistics();
+            
+            auth.showNotification(result.message, 'success');
+            
+        } catch (error) {
+            // Если API недоступен, используем имитацию
+            if (error.message.includes('Failed to fetch')) {
+                user.active = !user.active;
+                this.filteredUsers = [...this.users];
+                
+                this.renderUsers();
+                this.updateStatistics();
+                
+                const status = user.active ? 'активирован' : 'деактивирован';
+                auth.showNotification(`Пользователь ${status} (демо-режим)`, 'success');
+            } else {
+                auth.showNotification(error.message || 'Ошибка при изменении статуса', 'danger');
+            }
+        }
+    }
+
+    // Открытие формы редактирования
+    editUser(userId) {
+        const user = this.users.find(u => u.id === userId);
+        if (!user) return;
+
+        // Заполняем форму данными пользователя
+        $('#editUserId').val(user.id);
+        $('#editUsername').val(user.username);
+        $('#editEmail').val(user.email);
+        $('#editFullName').val(user.name);
+        $('#editDepartment').val(user.department || '');
+        $('#editPosition').val(user.position || '');
+        $('#editPassword').val('');
+
+        // Устанавливаем роли
+        $('#editRoleAdmin').prop('checked', user.roles.includes('admin'));
+        $('#editRoleManager').prop('checked', user.roles.includes('manager'));
+        $('#editRoleOperator').prop('checked', user.roles.includes('operator'));
+        $('#editRoleViewer').prop('checked', user.roles.includes('viewer'));
+
+        // Устанавливаем разрешения
+        $('#editPermRead').prop('checked', user.permissions.includes('read'));
+        $('#editPermWrite').prop('checked', user.permissions.includes('write'));
+        $('#editPermDelete').prop('checked', user.permissions.includes('delete'));
+        $('#editPermAdmin').prop('checked', user.permissions.includes('admin'));
+
+        $('#editUserModal').modal('show');
+    }
+
+    // Получение данных формы
+    getFormData(formSelector) {
+        const form = $(formSelector);
+        const formData = {};
+        
+        // Основные поля
+        form.find('input[type="text"], input[type="email"], input[type="password"]').each(function() {
+            const field = $(this);
+            const name = field.attr('id');
+            const value = field.val();
+            
+            if (name) {
+                formData[name] = value;
+            }
+        });
+
+        // Роли
+        const roles = [];
+        form.find('input[type="checkbox"][value^="admin"], input[type="checkbox"][value^="manager"], input[type="checkbox"][value^="operator"], input[type="checkbox"][value^="viewer"]').each(function() {
+            if ($(this).is(':checked')) {
+                roles.push($(this).val());
+            }
+        });
+        formData.roles = roles;
+
+        // Разрешения
+        const permissions = [];
+        form.find('input[type="checkbox"][value^="read"], input[type="checkbox"][value^="write"], input[type="checkbox"][value^="delete"], input[type="checkbox"][value^="admin"]').each(function() {
+            if ($(this).is(':checked')) {
+                permissions.push($(this).val());
+            }
+        });
+        formData.permissions = permissions;
+        
+        return formData;
+    }
+
+    // Валидация данных пользователя
+    validateUserData(formData) {
+        if (!formData.username || formData.username.trim().length < 3) {
+            auth.showNotification('Имя пользователя должно содержать минимум 3 символа', 'warning');
+            return false;
+        }
+
+        if (!formData.fullName || formData.fullName.trim().length < 2) {
+            auth.showNotification('Полное имя должно содержать минимум 2 символа', 'warning');
+            return false;
+        }
+
+        if (!formData.email || !this.isValidEmail(formData.email)) {
+            auth.showNotification('Введите корректный email адрес', 'warning');
+            return false;
+        }
+
+        if (formData.roles.length === 0) {
+            auth.showNotification('Выберите хотя бы одну роль', 'warning');
+            return false;
+        }
+
+        if (formData.permissions.length === 0) {
+            auth.showNotification('Выберите хотя бы одно разрешение', 'warning');
+            return false;
+        }
+
+        // Проверка уникальности username
+        const existingUser = this.users.find(u => u.username === formData.username);
+        if (existingUser && existingUser.id !== parseInt($('#editUserId').val() || 0)) {
+            auth.showNotification('Пользователь с таким именем уже существует', 'warning');
+            return false;
+        }
+
+        return true;
+    }
+
+    // Проверка email
+    isValidEmail(email) {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        return emailRegex.test(email);
+    }
+
+    // Автоматическое обновление разрешений при изменении ролей
+    updatePermissionsFromRoles() {
+        const roles = [];
+        $('input[type="checkbox"][value^="admin"], input[type="checkbox"][value^="manager"], input[type="checkbox"][value^="operator"], input[type="checkbox"][value^="viewer"]').each(function() {
+            if ($(this).is(':checked')) {
+                roles.push($(this).val());
+            }
+        });
+
+        // Сбрасываем все разрешения
+        $('input[type="checkbox"][value^="read"], input[type="checkbox"][value^="write"], input[type="checkbox"][value^="delete"], input[type="checkbox"][value^="admin"]').prop('checked', false);
+
+        // Устанавливаем разрешения в зависимости от ролей
+        if (roles.includes('admin')) {
+            $('#permRead, #permWrite, #permDelete, #permAdmin').prop('checked', true);
+        } else if (roles.includes('manager')) {
+            $('#permRead, #permWrite').prop('checked', true);
+        } else if (roles.includes('operator')) {
+            $('#permRead').prop('checked', true);
+        } else if (roles.includes('viewer')) {
+            $('#permRead').prop('checked', true);
+        }
+    }
+
+    // Автоматическое обновление разрешений при изменении ролей (для редактирования)
+    updateEditPermissionsFromRoles() {
+        const roles = [];
+        $('input[type="checkbox"][value^="editRole"]').each(function() {
+            if ($(this).is(':checked')) {
+                roles.push($(this).val().replace('editRole', ''));
+            }
+        });
+
+        // Сбрасываем все разрешения
+        $('input[type="checkbox"][value^="editPerm"]').prop('checked', false);
+
+        // Устанавливаем разрешения в зависимости от ролей
+        if (roles.includes('admin')) {
+            $('#editPermRead, #editPermWrite, #editPermDelete, #editPermAdmin').prop('checked', true);
+        } else if (roles.includes('manager')) {
+            $('#editPermRead, #editPermWrite').prop('checked', true);
+        } else if (roles.includes('operator')) {
+            $('#editPermRead').prop('checked', true);
+        } else if (roles.includes('viewer')) {
+            $('#editPermRead').prop('checked', true);
+        }
+    }
+
+    // Форматирование даты
+    formatDate(dateString) {
+        if (!dateString) return 'Никогда';
+        
+        const date = new Date(dateString);
+        return date.toLocaleDateString('ru-RU', {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit'
+        });
+    }
+
+    // Показать загрузку
+    showLoading() {
+        $('#loadingState').show();
+        $('#usersGrid').hide();
+        $('#emptyState').hide();
+    }
+
+    // Скрыть загрузку
+    hideLoading() {
+        $('#loadingState').hide();
+        $('#usersGrid').show();
+    }
+
+    // Загрузка категорий в навигацию
+    async loadCategoriesNav() {
+        try {
+            // В реальном приложении здесь был бы запрос к API
+            const categories = [
+                { id: 1, name: 'Электроника', icon: 'fas fa-laptop', color: '#2c5aa0', active: true },
+                { id: 2, name: 'Инструменты', icon: 'fas fa-tools', color: '#1a7f37', active: true },
+                { id: 3, name: 'Офис', icon: 'fas fa-briefcase', color: '#8a2be2', active: true }
+            ];
+            
+            const dropdown = $('#catalogCategoriesDropdown');
+            
+            // Очищаем существующие категории (кроме "Все позиции" и разделителя)
+            dropdown.find('li:not(:first-child):not(:nth-child(2))').remove();
+            
+            // Добавляем активные категории
+            categories.forEach(category => {
+                if (category.active) {
+                    const categoryLink = `
+                        <li>
+                            <a class="dropdown-item" href="../catalog.html?category=${category.id}" title="">
+                                <div class="category-info">
+                                    <i class="${category.icon}" style="color: ${category.color || '#2c5aa0'}"></i>
+                                    <span>${category.name}</span>
+                                </div>
+                            </a>
+                        </li>
+                    `;
+                    dropdown.append(categoryLink);
+                }
+            });
+        } catch (error) {
+            // Ошибка загрузки категорий не критична для этой страницы
+        }
+    }
+}
+
+// Инициализация менеджера пользователей
+const userManager = new UserManager();