aa052763f6
- .env.example: полный шаблон, защита секретов - .gitignore: явное исключение .env.* и секретов - layout.tsx: XSS — заменён dangerouslySetInnerHTML на next/script для SW - ESLint: no-console error (allow warn/error), ignore scripts/ - scripts/remove-console-logs.js: очистка console.log без glob - backend/routes/modules: README с планом рефакторинга крупных файлов - SECURITY.md: гид по секретам, XSS, CORS, auth, линту - .husky/pre-commit: запуск npm run lint + прочие правки приложения и бэкенда Co-authored-by: Cursor <cursoragent@cursor.com>
64 lines
3.8 KiB
TypeScript
64 lines
3.8 KiB
TypeScript
'use client';
|
||
import { useState } from 'react';
|
||
import { PageLayout, Pagination, StatusBadge, EmptyState } from '@/components/ui';
|
||
import AircraftAddModal from '@/components/AircraftAddModal';
|
||
import { useAircraftData } from '@/hooks/useSWRData';
|
||
import { aircraftApi } from '@/lib/api/api-client';
|
||
import { RequireRole } from '@/lib/auth-context';
|
||
|
||
export default function AircraftPage() {
|
||
const [page, setPage] = useState(1);
|
||
const [search, setSearch] = useState('');
|
||
const [isAddOpen, setIsAddOpen] = useState(false);
|
||
const { data, isLoading, mutate } = useAircraftData({ q: search || undefined, page, limit: 25 });
|
||
const aircraft = data?.items || (Array.isArray(data) ? data : []);
|
||
const total = data?.total || aircraft.length;
|
||
const pages = data?.pages || 1;
|
||
|
||
const handleAdd = async (d: any) => { try { await aircraftApi.create(d); mutate(); setIsAddOpen(false); } catch (e: any) { alert(e.message); } };
|
||
const handleDelete = async (id: string) => { if (!confirm('Удалить ВС?')) return; try { await aircraftApi.delete(id); mutate(); } catch (e: any) { alert(e.message); } };
|
||
|
||
return (
|
||
<PageLayout title="Воздушные суда" subtitle={isLoading ? 'Загрузка...' : `Всего: ${total}`}
|
||
actions={<>
|
||
<input type="text" placeholder="Поиск..." value={search} onChange={e => { setSearch(e.target.value); setPage(1); }} className="input-field w-60" />
|
||
<RequireRole roles={['admin', 'authority_inspector', 'operator_manager']}>
|
||
<button onClick={() => setIsAddOpen(true)} className="btn-primary">+ Добавить ВС</button>
|
||
</RequireRole>
|
||
</>}>
|
||
{isLoading ? <div className="text-center py-10 text-gray-400">Загрузка...</div> : aircraft.length > 0 ? (
|
||
<>
|
||
<div className="card overflow-x-auto">
|
||
<table className="w-full">
|
||
<thead><tr className="bg-gray-50">
|
||
<th className="table-header">Регистрация</th><th className="table-header">Тип</th><th className="table-header">Модель</th>
|
||
<th className="table-header">Оператор</th><th className="table-header">Налёт (ч)</th><th className="table-header">Статус</th>
|
||
<th className="table-header">Действия</th>
|
||
</tr></thead>
|
||
<tbody>
|
||
{aircraft.map((a: any) => (
|
||
<tr key={a.id} className="border-b border-gray-100 hover:bg-gray-50">
|
||
<td className="table-cell font-medium text-primary-500">{a.registration_number || a.registrationNumber}</td>
|
||
<td className="table-cell">{a.aircraft_type || a.aircraftType}</td>
|
||
<td className="table-cell text-gray-500">{a.model || '—'}</td>
|
||
<td className="table-cell text-gray-500">{a.operator || a.operator_name || '—'}</td>
|
||
<td className="table-cell text-right font-mono">{a.flight_hours || a.flightHours || '—'}</td>
|
||
<td className="table-cell"><StatusBadge status={a.status || 'active'} /></td>
|
||
<td className="table-cell">
|
||
<RequireRole roles={['admin', 'authority_inspector', 'operator_manager']}>
|
||
<button onClick={() => handleDelete(a.id)} className="btn-sm bg-red-100 text-red-600 hover:bg-red-200">Удалить</button>
|
||
</RequireRole>
|
||
</td>
|
||
</tr>
|
||
))}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<Pagination page={page} pages={pages} onPageChange={setPage} />
|
||
</>
|
||
) : <EmptyState message={`ВС не найдены.${search ? ' Измените поиск.' : ''}`} />}
|
||
<AircraftAddModal isOpen={isAddOpen} onClose={() => setIsAddOpen(false)} onAdd={handleAdd} />
|
||
</PageLayout>
|
||
);
|
||
}
|