много всего и тестовые данные

frontend/admin/js/views/university-structure.js

@@ -1,3 +1,5 @@
+import { renderPagination } from '../pagination.js';
+import { debounce } from '../url-state.js';
 import { api } from '../api.js';
 import { escapeHtml, showAlert, hideAlert } from '../utils.js';
 import { confirmAction } from '../dialog.js';
@@ -52,6 +54,29 @@ export async function initUniversityStructure() {
     let specialties = [];
     let currentProfiles = [];
     let allProfiles = [];
+    const listStates = Object.fromEntries(['departments', 'specialties', 'profiles'].map(key => [key, { page: 0, size: 25 }]));
+    const listRenderers = { departments: renderDepartments, specialties: renderSpecialties, profiles: renderAllProfiles };
+    Object.keys(listStates).forEach(key => {
+        document.getElementById(`${key}-search`)?.addEventListener('input', debounce(() => {
+            listStates[key].page = 0;
+            listRenderers[key]();
+        }, 250));
+    });
+
+    function listPage(key, items, fields) {
+        const query = document.getElementById(`${key}-search`).value.trim().toLocaleLowerCase('ru');
+        const filtered = items.filter(item => fields(item).join(' ').toLocaleLowerCase('ru').includes(query));
+        const state = listStates[key];
+        const totalPages = Math.ceil(filtered.length / state.size);
+        state.page = Math.min(state.page, Math.max(0, totalPages - 1));
+        renderPagination(document.getElementById(`${key}-pagination`), {
+            ...state, totalItems: filtered.length, totalPages
+        }, {
+            onPage: value => { state.page = value; listRenderers[key](); },
+            onSize: value => { state.size = value; state.page = 0; listRenderers[key](); }
+        });
+        return filtered.slice(state.page * state.size, (state.page + 1) * state.size);
+    }
 
     // --- Логика переключения табов ---
     const structureTabs = [
@@ -105,11 +130,12 @@ export async function initUniversityStructure() {
     }
 
     function renderDepartments() {
-        if (!departments || !departments.length) {
-            deptTbody.innerHTML = '<tr><td colspan="4" class="loading-row">Кафедры не созданы</td></tr>';
+        const visible = listPage('departments', departments || [], d => [d.id, d.departmentName || d.name, d.departmentCode ?? d.code]);
+        if (!visible.length) {
+            deptTbody.innerHTML = '<tr><td colspan="4" class="loading-row">Ничего не найдено</td></tr>';
             return;
         }
-        deptTbody.innerHTML = departments.map(d => `
+        deptTbody.innerHTML = visible.map(d => `
             <tr>
                 <td>${d.id}</td>
                 <td>${escapeHtml(d.departmentName || d.name)}</td>
@@ -123,11 +149,12 @@ export async function initUniversityStructure() {
     }
 
     function renderSpecialties() {
-        if (!specialties || !specialties.length) {
-            specTbody.innerHTML = '<tr><td colspan="4" class="loading-row">Специальности не созданы</td></tr>';
+        const visible = listPage('specialties', specialties || [], d => [d.id, d.specialityName || d.name, d.specialityCode || d.specialtyCode || d.specialty_code]);
+        if (!visible.length) {
+            specTbody.innerHTML = '<tr><td colspan="4" class="loading-row">Ничего не найдено</td></tr>';
             return;
         }
-        specTbody.innerHTML = specialties.map(s => `
+        specTbody.innerHTML = visible.map(s => `
             <tr>
                 <td>${s.id}</td>
                 <td>${escapeHtml(s.specialityName || s.name)}</td>
@@ -428,11 +455,12 @@ export async function initUniversityStructure() {
     }
 
     function renderAllProfiles() {
-        if (!allProfiles || !allProfiles.length) {
-            tabProfileTbody.innerHTML = '<tr><td colspan="5" class="loading-row">Профили не созданы</td></tr>';
+        const visible = listPage('profiles', allProfiles || [], d => [d.id, d.name, d.description, d.specialityCode, d.specialityName]);
+        if (!visible.length) {
+            tabProfileTbody.innerHTML = '<tr><td colspan="5" class="loading-row">Ничего не найдено</td></tr>';
             return;
         }
-        tabProfileTbody.innerHTML = allProfiles.map(p => `
+        tabProfileTbody.innerHTML = visible.map(p => `
             <tr>
                 <td>${p.id}</td>
                 <td>${escapeHtml(p.specialityCode)} · ${escapeHtml(p.specialityName)}</td>