обновил дизайн, добавил дашборд

frontend/admin/js/views/classrooms.js

@@ -1,6 +1,34 @@
 import { api } from '../api.js';
 import { escapeHtml, showAlert, hideAlert, initMultiSelect, updateSelectText } from '../utils.js';
-import { fetchEquipments, renderEquipmentCheckboxes } from './equipments.js';
+
+async function fetchEquipments() {
+    try {
+        return await api.get('/api/equipments');
+    } catch (e) {
+        console.error("Failed to fetch equipments", e);
+        return [];
+    }
+}
+
+function renderEquipmentCheckboxes(equipments, containerId, selectTextId, selectedIds = []) {
+    const container = document.getElementById(containerId);
+    if (!container) return;
+    
+    if (!equipments || !equipments.length) {
+        container.innerHTML = '<p class="text-muted"><small>Оборудование отсутствует</small></p>';
+        updateSelectText(containerId, selectTextId);
+        return;
+    }
+    
+    container.innerHTML = equipments.map(eq => `
+        <label class="checkbox-container">
+            <input type="checkbox" value="${eq.id}" ${selectedIds.includes(eq.id) ? 'checked' : ''}>
+            <span>${escapeHtml(eq.name)}</span>
+        </label>
+    `).join('');
+    
+    updateSelectText(containerId, selectTextId);
+}
 
 export async function initClassrooms() {
     const classroomsTbody = document.getElementById('classrooms-tbody');
@@ -191,5 +219,82 @@ export async function initClassrooms() {
         }
     });
 
+    // Элементы модалки оборудования
+    const btnManageEquipments = document.getElementById('btn-manage-equipments');
+    const modalManageEquipments = document.getElementById('modal-manage-equipments');
+    const modalManageEquipmentsClose = document.getElementById('modal-manage-equipments-close');
+    const manageEquipmentForm = document.getElementById('manage-equipment-form');
+    const manageEquipmentNameInput = document.getElementById('manage-equipment-name');
+    const manageEquipmentTbody = document.getElementById('manage-equipments-tbody');
+
+    btnManageEquipments.addEventListener('click', openManageEquipmentsModal);
+    modalManageEquipmentsClose.addEventListener('click', () => modalManageEquipments.classList.remove('open'));
+    modalManageEquipments.addEventListener('click', (e) => {
+        if (e.target === modalManageEquipments) modalManageEquipments.classList.remove('open');
+    });
+
+    async function openManageEquipmentsModal() {
+        hideAlert('manage-equipment-alert');
+        manageEquipmentForm.reset();
+        modalManageEquipments.classList.add('open');
+        await loadManageEquipments();
+    }
+
+    async function loadManageEquipments() {
+        manageEquipmentTbody.innerHTML = '<tr><td colspan="3" class="loading-row">Загрузка...</td></tr>';
+        try {
+            allEquipments = await fetchEquipments();
+            renderManageEquipmentsTable();
+            // Обновим чекбоксы на основной странице
+            renderEquipmentCheckboxes(allEquipments, 'equipment-checkboxes', 'equipment-select-text');
+        } catch (e) {
+            manageEquipmentTbody.innerHTML = '<tr><td colspan="3" class="loading-row">Ошибка загрузки</td></tr>';
+        }
+    }
+
+    function renderManageEquipmentsTable() {
+        if (!allEquipments || !allEquipments.length) {
+            manageEquipmentTbody.innerHTML = '<tr><td colspan="3" class="loading-row">Нет оборудования</td></tr>';
+            return;
+        }
+        manageEquipmentTbody.innerHTML = allEquipments.map(eq => `
+            <tr>
+                <td>${eq.id}</td>
+                <td>${escapeHtml(eq.name)}</td>
+                <td><button class="btn-delete btn-delete-equipment" data-id="${eq.id}">Удалить</button></td>
+            </tr>
+        `).join('');
+    }
+
+    manageEquipmentForm.addEventListener('submit', async (e) => {
+        e.preventDefault();
+        hideAlert('manage-equipment-alert');
+        const name = manageEquipmentNameInput.value.trim();
+        if (!name) {
+            showAlert('manage-equipment-alert', 'Введите название', 'error');
+            return;
+        }
+        try {
+            const data = await api.post('/api/equipments', { name });
+            showAlert('manage-equipment-alert', `Оборудование "${escapeHtml(data.name)}" добавлено`, 'success');
+            manageEquipmentForm.reset();
+            await loadManageEquipments();
+        } catch (err) {
+            showAlert('manage-equipment-alert', err.message || 'Ошибка добавления', 'error');
+        }
+    });
+
+    manageEquipmentTbody.addEventListener('click', async (e) => {
+        const btnDelete = e.target.closest('.btn-delete-equipment');
+        if (!btnDelete) return;
+        if (!confirm('Удалить оборудование из каталога?')) return;
+        try {
+            await api.delete('/api/equipments/' + btnDelete.dataset.id);
+            await loadManageEquipments();
+        } catch (err) {
+            alert(err.message || 'Ошибка удаления');
+        }
+    });
+
     loadInitialData();
 }