feat: Sprint 1 — infrastructure + test creation
Backend:
- FastAPI + SQLAlchemy 2.0 async + Alembic
- Models: Test, Question, Answer
- API: GET /api/tests, GET /api/tests/{id}, POST /api/tests
- Pydantic validation: min 7 questions, min 3 answers, ≥1 correct
Frontend:
- React 18 + TypeScript + Vite + Ant Design + TanStack Query
- Pages: TestList, TestCreate (nested Form.List), TestDetail
Infrastructure:
- Docker Compose: db (postgres:16), backend, frontend, nginx
- Nginx: /api/ → FastAPI, / → Vite dev server with HMR
- Alembic migration 001_init: tests, questions, answers tables
- entrypoint.sh: wait for db, migrate, start uvicorn
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,98 @@
|
||||
import { PlusOutlined } from '@ant-design/icons'
|
||||
import { useQuery } from '@tanstack/react-query'
|
||||
import { Button, Space, Spin, Table, Tag, Typography } from 'antd'
|
||||
import type { ColumnsType } from 'antd/es/table'
|
||||
import { useNavigate } from 'react-router-dom'
|
||||
|
||||
import { TestListItem, testsApi } from '../../api/tests'
|
||||
|
||||
const { Title } = Typography
|
||||
|
||||
export default function TestList() {
|
||||
const navigate = useNavigate()
|
||||
|
||||
const { data: tests = [], isLoading } = useQuery({
|
||||
queryKey: ['tests'],
|
||||
queryFn: () => testsApi.list().then((r) => r.data),
|
||||
})
|
||||
|
||||
const columns: ColumnsType<TestListItem> = [
|
||||
{
|
||||
title: 'Название',
|
||||
dataIndex: 'title',
|
||||
key: 'title',
|
||||
render: (text: string, record: TestListItem) => (
|
||||
<a onClick={() => navigate(`/tests/${record.id}`)}>{text}</a>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Вопросов',
|
||||
dataIndex: 'questions_count',
|
||||
key: 'questions_count',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
},
|
||||
{
|
||||
title: 'Порог зачёта',
|
||||
dataIndex: 'passing_score',
|
||||
key: 'passing_score',
|
||||
width: 130,
|
||||
align: 'center',
|
||||
render: (score: number) => `${score}%`,
|
||||
},
|
||||
{
|
||||
title: 'Таймер',
|
||||
dataIndex: 'time_limit',
|
||||
key: 'time_limit',
|
||||
width: 110,
|
||||
align: 'center',
|
||||
render: (limit: number | null) => (limit ? `${limit} мин` : '—'),
|
||||
},
|
||||
{
|
||||
title: 'Создан',
|
||||
dataIndex: 'created_at',
|
||||
key: 'created_at',
|
||||
width: 130,
|
||||
render: (date: string) => new Date(date).toLocaleDateString('ru-RU'),
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
key: 'actions',
|
||||
width: 90,
|
||||
render: (_: unknown, record: TestListItem) => (
|
||||
<Button size="small" onClick={() => navigate(`/tests/${record.id}`)}>
|
||||
Открыть
|
||||
</Button>
|
||||
),
|
||||
},
|
||||
]
|
||||
|
||||
if (isLoading) {
|
||||
return <Spin size="large" style={{ display: 'block', margin: '48px auto' }} />
|
||||
}
|
||||
|
||||
return (
|
||||
<div style={{ maxWidth: 1000, margin: '0 auto', padding: 24 }}>
|
||||
<Space style={{ width: '100%', justifyContent: 'space-between', marginBottom: 16 }}>
|
||||
<Title level={2} style={{ margin: 0 }}>
|
||||
Тесты
|
||||
</Title>
|
||||
<Button
|
||||
type="primary"
|
||||
icon={<PlusOutlined />}
|
||||
onClick={() => navigate('/tests/create')}
|
||||
>
|
||||
Создать тест
|
||||
</Button>
|
||||
</Space>
|
||||
|
||||
<Table
|
||||
dataSource={tests}
|
||||
columns={columns}
|
||||
rowKey="id"
|
||||
locale={{ emptyText: 'Тестов пока нет. Создайте первый!' }}
|
||||
pagination={{ pageSize: 20 }}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user