Compare commits
12 Commits
04836ea6ce
...
v1.5.0
| Author | SHA1 | Date | |
|---|---|---|---|
| 833d1cc14f | |||
| d624d63a37 | |||
| 7dab439f3a | |||
| c784626b33 | |||
| 6b7c773977 | |||
| a748e608cf | |||
| d0e26b02c7 | |||
| 4aae3c154e | |||
| e93de750fc | |||
| 5f41c4a943 | |||
| 1d364a2351 | |||
| 88b95a7651 |
@@ -18,11 +18,12 @@ module.exports = {
|
|||||||
/* use https://admin.bro-js.ru/ to create config, navigations and features */
|
/* use https://admin.bro-js.ru/ to create config, navigations and features */
|
||||||
navigations: {
|
navigations: {
|
||||||
'challenge-admin.main': '/challenge-admin',
|
'challenge-admin.main': '/challenge-admin',
|
||||||
'link.challenge': '/challenge',
|
'link.challenge.main': '/challenge',
|
||||||
},
|
},
|
||||||
features: {
|
features: {
|
||||||
'challenge-admin': {
|
'challenge-admin': {
|
||||||
'use-chain-submissions-api': { value: 'true' },
|
'use-chain-submissions-api': { value: 'true' },
|
||||||
|
'submissions-polling-interval-ms': { value: '1200' },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
config: {
|
config: {
|
||||||
|
|||||||
202
docs/CHALLENGE_LEARNING_MATERIAL.md
Normal file
202
docs/CHALLENGE_LEARNING_MATERIAL.md
Normal file
@@ -0,0 +1,202 @@
|
|||||||
|
# Добавление поля learningMaterial в задачу челленджа
|
||||||
|
|
||||||
|
## Описание изменений
|
||||||
|
|
||||||
|
В модель задачи челленджа (`ChallengeTask`) добавлено новое необязательное текстовое поле `learningMaterial` для хранения дополнительной обучающей информации в формате Markdown.
|
||||||
|
|
||||||
|
## Структура данных
|
||||||
|
|
||||||
|
### Модель ChallengeTask
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
{
|
||||||
|
title: string, // Заголовок задания (обязательное)
|
||||||
|
description: string, // Основное описание в Markdown (обязательное, видно студентам)
|
||||||
|
learningMaterial: string, // Дополнительный учебный материал в Markdown (необязательное, видно студентам)
|
||||||
|
hiddenInstructions: string, // Скрытые инструкции для LLM (необязательное, только для преподавателей)
|
||||||
|
createdAt: Date, // Дата создания
|
||||||
|
updatedAt: Date, // Дата последнего обновления
|
||||||
|
creator: Object // Данные создателя из Keycloak
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## Изменения в API
|
||||||
|
|
||||||
|
### 1. Создание задания (POST /challenge/task)
|
||||||
|
|
||||||
|
**Добавлено поле в тело запроса:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"title": "Название задания",
|
||||||
|
"description": "Основное описание в Markdown",
|
||||||
|
"learningMaterial": "Дополнительный учебный материал в Markdown",
|
||||||
|
"hiddenInstructions": "Скрытые инструкции для преподавателей"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Пример запроса:**
|
||||||
|
```bash
|
||||||
|
POST /challenge/task
|
||||||
|
Content-Type: application/json
|
||||||
|
|
||||||
|
{
|
||||||
|
"title": "Реализация алгоритма сортировки",
|
||||||
|
"description": "Напишите функцию сортировки массива методом пузырька",
|
||||||
|
"learningMaterial": "## Теория\n\nМетод пузырьковой сортировки работает путем...\n\n## Полезные ссылки\n- [Википедия](https://ru.wikipedia.org/wiki/Сортировка_пузырьком)\n- [Видео объяснение](https://example.com/video)",
|
||||||
|
"hiddenInstructions": "Оценить эффективность алгоритма и стиль кода"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. Обновление задания (PUT /challenge/task/:taskId)
|
||||||
|
|
||||||
|
**Добавлено поле в тело запроса:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"title": "Новое название",
|
||||||
|
"description": "Обновленное описание",
|
||||||
|
"learningMaterial": "Обновленный учебный материал",
|
||||||
|
"hiddenInstructions": "Обновленные инструкции"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## Получение данных
|
||||||
|
|
||||||
|
### Получение задания (GET /challenge/task/:taskId)
|
||||||
|
|
||||||
|
**Ответ содержит новое поле:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"id": "task_id",
|
||||||
|
"title": "Название задания",
|
||||||
|
"description": "Основное описание в Markdown",
|
||||||
|
"learningMaterial": "Дополнительный учебный материал в Markdown",
|
||||||
|
"createdAt": "2025-01-15T10:00:00.000Z",
|
||||||
|
"updatedAt": "2025-01-15T10:30:00.000Z"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Важно:** Поле `learningMaterial` видно всем пользователям (студентам и преподавателям), в отличие от `hiddenInstructions`, которое скрывается от студентов.
|
||||||
|
|
||||||
|
### Получение всех заданий (GET /challenge/tasks)
|
||||||
|
|
||||||
|
Возвращает массив заданий с новым полем `learningMaterial`.
|
||||||
|
|
||||||
|
### Получение цепочек (GET /challenge/chains, GET /challenge/chain/:chainId)
|
||||||
|
|
||||||
|
При получении цепочек с populate заданий, поле `learningMaterial` будет доступно в каждом задании цепочки.
|
||||||
|
|
||||||
|
## Frontend изменения
|
||||||
|
|
||||||
|
### Интерфейсы TypeScript
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
interface ChallengeTask {
|
||||||
|
id: string;
|
||||||
|
title: string;
|
||||||
|
description: string; // Markdown
|
||||||
|
learningMaterial?: string; // Новое поле - дополнительный материал в Markdown
|
||||||
|
createdAt: string;
|
||||||
|
updatedAt: string;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Формы создания/редактирования заданий
|
||||||
|
|
||||||
|
В формах создания и редактирования заданий необходимо добавить поле для ввода `learningMaterial`:
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
// Пример компонента формы
|
||||||
|
const TaskForm = () => {
|
||||||
|
const [formData, setFormData] = useState({
|
||||||
|
title: '',
|
||||||
|
description: '',
|
||||||
|
learningMaterial: '', // Новое поле
|
||||||
|
hiddenInstructions: ''
|
||||||
|
});
|
||||||
|
|
||||||
|
// Визуальный редактор или textarea для learningMaterial
|
||||||
|
return (
|
||||||
|
<form>
|
||||||
|
<input name="title" value={formData.title} />
|
||||||
|
<textarea name="description" value={formData.description} />
|
||||||
|
|
||||||
|
{/* Новое поле для дополнительного материала */}
|
||||||
|
<label>Дополнительный учебный материал (Markdown)</label>
|
||||||
|
<textarea
|
||||||
|
name="learningMaterial"
|
||||||
|
value={formData.learningMaterial}
|
||||||
|
placeholder="Дополнительные объяснения, ссылки, примеры..."
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/* Только для преподавателей */}
|
||||||
|
<textarea name="hiddenInstructions" value={formData.hiddenInstructions} />
|
||||||
|
</form>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
### Отображение заданий
|
||||||
|
|
||||||
|
При отображении задания студентам показывать `learningMaterial` как дополнительную информацию:
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
const TaskView = ({ task }: { task: ChallengeTask }) => {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<h1>{task.title}</h1>
|
||||||
|
|
||||||
|
{/* Основное описание */}
|
||||||
|
<div dangerouslySetInnerHTML={{ __html: marked(task.description) }} />
|
||||||
|
|
||||||
|
{/* Дополнительный учебный материал */}
|
||||||
|
{task.learningMaterial && (
|
||||||
|
<div className="learning-material">
|
||||||
|
<h2>Дополнительные материалы</h2>
|
||||||
|
<div dangerouslySetInnerHTML={{ __html: marked(task.learningMaterial) }} />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
## Миграция данных
|
||||||
|
|
||||||
|
Поле `learningMaterial` добавлено как необязательное с значением по умолчанию `''`, поэтому:
|
||||||
|
- Существующие задания будут работать без изменений
|
||||||
|
- Новое поле будет пустым для старых заданий
|
||||||
|
- Можно постепенно добавлять учебный материал к существующим заданиям
|
||||||
|
|
||||||
|
## Тестирование
|
||||||
|
|
||||||
|
### Создание задания с учебным материалом
|
||||||
|
```bash
|
||||||
|
# Создать задание с дополнительным материалом
|
||||||
|
POST /challenge/task
|
||||||
|
{
|
||||||
|
"title": "Тестовое задание",
|
||||||
|
"description": "Основное задание",
|
||||||
|
"learningMaterial": "# Полезная информация\n\nЭто дополнительный материал для студентов"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Получение задания
|
||||||
|
```bash
|
||||||
|
GET /challenge/task/{taskId}
|
||||||
|
# Проверить, что learningMaterial присутствует в ответе
|
||||||
|
```
|
||||||
|
|
||||||
|
### Обновление учебного материала
|
||||||
|
```bash
|
||||||
|
PUT /challenge/task/{taskId}
|
||||||
|
{
|
||||||
|
"learningMaterial": "# Обновленная информация\n\nНовые полезные материалы..."
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## Влияние на существующий код
|
||||||
|
|
||||||
|
- Все существующие эндпоинты получения данных автоматически возвращают новое поле
|
||||||
|
- Создание заданий без указания `learningMaterial` работает как прежде
|
||||||
|
- Фильтрация и валидация не затрагиваются
|
||||||
|
- Поле индексируется MongoDB автоматически
|
||||||
@@ -20,6 +20,9 @@
|
|||||||
"challenge.admin.tasks.field.description": "Description (Markdown)",
|
"challenge.admin.tasks.field.description": "Description (Markdown)",
|
||||||
"challenge.admin.tasks.field.description.placeholder": "# Task title\n\nTask description in Markdown format...",
|
"challenge.admin.tasks.field.description.placeholder": "# Task title\n\nTask description in Markdown format...",
|
||||||
"challenge.admin.tasks.field.description.helper": "Use Markdown to format text",
|
"challenge.admin.tasks.field.description.helper": "Use Markdown to format text",
|
||||||
|
"challenge.admin.tasks.field.learning.material": "Additional Learning Material (Markdown)",
|
||||||
|
"challenge.admin.tasks.field.learning.material.placeholder": "# Additional Materials\n\nTheory, links, solution examples...",
|
||||||
|
"challenge.admin.tasks.field.learning.material.helper": "Materials for in-depth study. Displayed with scrolling like a book.",
|
||||||
"challenge.admin.tasks.tab.editor": "Editor",
|
"challenge.admin.tasks.tab.editor": "Editor",
|
||||||
"challenge.admin.tasks.tab.preview": "Preview",
|
"challenge.admin.tasks.tab.preview": "Preview",
|
||||||
"challenge.admin.tasks.preview.empty": "Preview will appear here...",
|
"challenge.admin.tasks.preview.empty": "Preview will appear here...",
|
||||||
@@ -112,6 +115,21 @@
|
|||||||
"challenge.admin.chains.delete.confirm.title": "Delete chain",
|
"challenge.admin.chains.delete.confirm.title": "Delete chain",
|
||||||
"challenge.admin.chains.delete.confirm.message": "Are you sure you want to delete chain \"{name}\"? This action cannot be undone.",
|
"challenge.admin.chains.delete.confirm.message": "Are you sure you want to delete chain \"{name}\"? This action cannot be undone.",
|
||||||
"challenge.admin.chains.delete.confirm.button": "Delete",
|
"challenge.admin.chains.delete.confirm.button": "Delete",
|
||||||
|
"challenge.admin.chains.duplicate.button": "Duplicate",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.title": "Duplicate chain",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.description": "Create a copy of chain \"{name}\" with the same tasks. The new chain will be created as inactive.",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.field.name": "New chain name",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.field.name.placeholder": "Copy - {name}",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.field.name.helper": "Leave empty for auto-generated name",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.button.confirm": "Create copy",
|
||||||
|
"challenge.admin.chains.duplicate.success": "Chain successfully duplicated",
|
||||||
|
"challenge.admin.chains.duplicate.error": "Failed to duplicate chain",
|
||||||
|
"challenge.admin.chains.clear.submissions.button": "Clear submissions",
|
||||||
|
"challenge.admin.chains.clear.submissions.dialog.title": "Clear chain submissions",
|
||||||
|
"challenge.admin.chains.clear.submissions.dialog.message": "Are you sure you want to delete all submissions for chain \"{name}\"? This action is irreversible. All deleted submissions cannot be restored.",
|
||||||
|
"challenge.admin.chains.clear.submissions.dialog.button.confirm": "Delete all submissions",
|
||||||
|
"challenge.admin.chains.clear.submissions.success": "Submissions successfully deleted",
|
||||||
|
"challenge.admin.chains.clear.submissions.error": "Failed to delete submissions",
|
||||||
"challenge.admin.dashboard.title": "Dashboard",
|
"challenge.admin.dashboard.title": "Dashboard",
|
||||||
"challenge.admin.dashboard.loading": "Loading statistics...",
|
"challenge.admin.dashboard.loading": "Loading statistics...",
|
||||||
"challenge.admin.dashboard.load.error": "Failed to load system statistics",
|
"challenge.admin.dashboard.load.error": "Failed to load system statistics",
|
||||||
|
|||||||
@@ -19,6 +19,9 @@
|
|||||||
"challenge.admin.tasks.field.description": "Описание (Markdown)",
|
"challenge.admin.tasks.field.description": "Описание (Markdown)",
|
||||||
"challenge.admin.tasks.field.description.placeholder": "# Заголовок задания\n\nОписание задания в формате Markdown...",
|
"challenge.admin.tasks.field.description.placeholder": "# Заголовок задания\n\nОписание задания в формате Markdown...",
|
||||||
"challenge.admin.tasks.field.description.helper": "Используйте Markdown для форматирования текста",
|
"challenge.admin.tasks.field.description.helper": "Используйте Markdown для форматирования текста",
|
||||||
|
"challenge.admin.tasks.field.learning.material": "Дополнительный учебный материал (Markdown)",
|
||||||
|
"challenge.admin.tasks.field.learning.material.placeholder": "# Дополнительные материалы\n\nТеория, ссылки, примеры решений...",
|
||||||
|
"challenge.admin.tasks.field.learning.material.helper": "Материалы для углубленного изучения. Отображаются с прокруткой как книга.",
|
||||||
"challenge.admin.tasks.tab.editor": "Редактор",
|
"challenge.admin.tasks.tab.editor": "Редактор",
|
||||||
"challenge.admin.tasks.tab.preview": "Превью",
|
"challenge.admin.tasks.tab.preview": "Превью",
|
||||||
"challenge.admin.tasks.preview.empty": "Предпросмотр появится здесь...",
|
"challenge.admin.tasks.preview.empty": "Предпросмотр появится здесь...",
|
||||||
@@ -111,6 +114,21 @@
|
|||||||
"challenge.admin.chains.delete.confirm.title": "Удалить цепочку",
|
"challenge.admin.chains.delete.confirm.title": "Удалить цепочку",
|
||||||
"challenge.admin.chains.delete.confirm.message": "Вы уверены, что хотите удалить цепочку \"{name}\"? Это действие нельзя отменить.",
|
"challenge.admin.chains.delete.confirm.message": "Вы уверены, что хотите удалить цепочку \"{name}\"? Это действие нельзя отменить.",
|
||||||
"challenge.admin.chains.delete.confirm.button": "Удалить",
|
"challenge.admin.chains.delete.confirm.button": "Удалить",
|
||||||
|
"challenge.admin.chains.duplicate.button": "Дублировать",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.title": "Дублировать цепочку",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.description": "Создать копию цепочки \"{name}\" с теми же заданиями. Новая цепочка будет создана неактивной.",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.field.name": "Название новой цепочки",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.field.name.placeholder": "Копия - {name}",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.field.name.helper": "Оставьте пустым для автоматического названия",
|
||||||
|
"challenge.admin.chains.duplicate.dialog.button.confirm": "Создать копию",
|
||||||
|
"challenge.admin.chains.duplicate.success": "Цепочка успешно скопирована",
|
||||||
|
"challenge.admin.chains.duplicate.error": "Не удалось скопировать цепочку",
|
||||||
|
"challenge.admin.chains.clear.submissions.button": "Очистить попытки",
|
||||||
|
"challenge.admin.chains.clear.submissions.dialog.title": "Очистить попытки по цепочке",
|
||||||
|
"challenge.admin.chains.clear.submissions.dialog.message": "Вы уверены, что хотите удалить все попытки по цепочке \"{name}\"? Это действие необратимо. Все удаленные попытки невозможно восстановить.",
|
||||||
|
"challenge.admin.chains.clear.submissions.dialog.button.confirm": "Удалить все попытки",
|
||||||
|
"challenge.admin.chains.clear.submissions.success": "Попытки успешно удалены",
|
||||||
|
"challenge.admin.chains.clear.submissions.error": "Не удалось удалить попытки",
|
||||||
"challenge.admin.dashboard.title": "Dashboard",
|
"challenge.admin.dashboard.title": "Dashboard",
|
||||||
"challenge.admin.dashboard.loading": "Загрузка статистики...",
|
"challenge.admin.dashboard.loading": "Загрузка статистики...",
|
||||||
"challenge.admin.dashboard.load.error": "Не удалось загрузить статистику системы",
|
"challenge.admin.dashboard.load.error": "Не удалось загрузить статистику системы",
|
||||||
|
|||||||
4
package-lock.json
generated
4
package-lock.json
generated
@@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "challenge-admin-pl",
|
"name": "challenge-admin-pl",
|
||||||
"version": "1.1.0",
|
"version": "1.5.0",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "challenge-admin-pl",
|
"name": "challenge-admin-pl",
|
||||||
"version": "1.1.0",
|
"version": "1.5.0",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@brojs/cli": "^1.9.4",
|
"@brojs/cli": "^1.9.4",
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "challenge-admin",
|
"name": "challenge-admin",
|
||||||
"version": "1.1.0",
|
"version": "1.5.0",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "./src/index.tsx",
|
"main": "./src/index.tsx",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -13,6 +13,8 @@ import type {
|
|||||||
UpdateTaskRequest,
|
UpdateTaskRequest,
|
||||||
CreateChainRequest,
|
CreateChainRequest,
|
||||||
UpdateChainRequest,
|
UpdateChainRequest,
|
||||||
|
DuplicateChainRequest,
|
||||||
|
ClearSubmissionsResponse,
|
||||||
SubmitRequest,
|
SubmitRequest,
|
||||||
TestSubmissionResult,
|
TestSubmissionResult,
|
||||||
ChainSubmissionsResponse,
|
ChainSubmissionsResponse,
|
||||||
@@ -115,6 +117,23 @@ export const api = createApi({
|
|||||||
}),
|
}),
|
||||||
invalidatesTags: ['Chain'],
|
invalidatesTags: ['Chain'],
|
||||||
}),
|
}),
|
||||||
|
duplicateChain: builder.mutation<ChallengeChain, { chainId: string; name?: string }>({
|
||||||
|
query: ({ chainId, name }) => ({
|
||||||
|
url: `/challenge/chain/${chainId}/duplicate`,
|
||||||
|
method: 'POST',
|
||||||
|
body: name ? { name } : {},
|
||||||
|
}),
|
||||||
|
transformResponse: (response: { body: ChallengeChain }) => response.body,
|
||||||
|
invalidatesTags: ['Chain'],
|
||||||
|
}),
|
||||||
|
clearChainSubmissions: builder.mutation<ClearSubmissionsResponse, string>({
|
||||||
|
query: (chainId) => ({
|
||||||
|
url: `/challenge/chain/${chainId}/submissions`,
|
||||||
|
method: 'DELETE',
|
||||||
|
}),
|
||||||
|
transformResponse: (response: { body: ClearSubmissionsResponse }) => response.body,
|
||||||
|
invalidatesTags: ['Chain', 'Submission'],
|
||||||
|
}),
|
||||||
|
|
||||||
// Statistics
|
// Statistics
|
||||||
getSystemStats: builder.query<SystemStats, void>({
|
getSystemStats: builder.query<SystemStats, void>({
|
||||||
@@ -187,6 +206,8 @@ export const {
|
|||||||
useCreateChainMutation,
|
useCreateChainMutation,
|
||||||
useUpdateChainMutation,
|
useUpdateChainMutation,
|
||||||
useDeleteChainMutation,
|
useDeleteChainMutation,
|
||||||
|
useDuplicateChainMutation,
|
||||||
|
useClearChainSubmissionsMutation,
|
||||||
useGetSystemStatsQuery,
|
useGetSystemStatsQuery,
|
||||||
useGetSystemStatsV2Query,
|
useGetSystemStatsV2Query,
|
||||||
useGetUserStatsQuery,
|
useGetUserStatsQuery,
|
||||||
|
|||||||
@@ -3,6 +3,6 @@ import Keycloak from 'keycloak-js'
|
|||||||
export const keycloak = new Keycloak({
|
export const keycloak = new Keycloak({
|
||||||
url: KC_URL,
|
url: KC_URL,
|
||||||
realm: KC_REALM,
|
realm: KC_REALM,
|
||||||
clientId: KC_CLIENT_ID,
|
clientId: KC_CLIENT_ID
|
||||||
});
|
})
|
||||||
|
|
||||||
|
|||||||
87
src/components/ClearSubmissionsDialog.tsx
Normal file
87
src/components/ClearSubmissionsDialog.tsx
Normal file
@@ -0,0 +1,87 @@
|
|||||||
|
import React, { useEffect } from 'react'
|
||||||
|
import { useTranslation } from 'react-i18next'
|
||||||
|
import {
|
||||||
|
DialogRoot,
|
||||||
|
DialogContent,
|
||||||
|
DialogHeader,
|
||||||
|
DialogTitle,
|
||||||
|
DialogBody,
|
||||||
|
DialogFooter,
|
||||||
|
DialogActionTrigger,
|
||||||
|
Button,
|
||||||
|
Text,
|
||||||
|
} from '@chakra-ui/react'
|
||||||
|
import { useClearChainSubmissionsMutation } from '../__data__/api/api'
|
||||||
|
import { toaster } from './ui/toaster'
|
||||||
|
import type { ChallengeChain } from '../types/challenge'
|
||||||
|
|
||||||
|
interface ClearSubmissionsDialogProps {
|
||||||
|
isOpen: boolean
|
||||||
|
onClose: () => void
|
||||||
|
chain: ChallengeChain | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export const ClearSubmissionsDialog: React.FC<ClearSubmissionsDialogProps> = ({
|
||||||
|
isOpen,
|
||||||
|
onClose,
|
||||||
|
chain,
|
||||||
|
}) => {
|
||||||
|
const { t } = useTranslation()
|
||||||
|
const [clearSubmissions, { isLoading }] = useClearChainSubmissionsMutation()
|
||||||
|
|
||||||
|
// Прокручиваем страницу к началу при открытии диалога
|
||||||
|
useEffect(() => {
|
||||||
|
if (isOpen) {
|
||||||
|
window.scrollTo({ top: 0, behavior: 'smooth' })
|
||||||
|
}
|
||||||
|
}, [isOpen])
|
||||||
|
|
||||||
|
const handleConfirm = async () => {
|
||||||
|
if (!chain) return
|
||||||
|
|
||||||
|
try {
|
||||||
|
await clearSubmissions(chain.id).unwrap()
|
||||||
|
toaster.create({
|
||||||
|
title: t('challenge.admin.common.success'),
|
||||||
|
description: t('challenge.admin.chains.clear.submissions.success'),
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
onClose()
|
||||||
|
} catch (err) {
|
||||||
|
toaster.create({
|
||||||
|
title: t('challenge.admin.common.error'),
|
||||||
|
description: t('challenge.admin.chains.clear.submissions.error'),
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!chain) return null
|
||||||
|
|
||||||
|
return (
|
||||||
|
<DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()} scrollBehavior="inside">
|
||||||
|
<DialogContent>
|
||||||
|
<DialogHeader>
|
||||||
|
<DialogTitle>{t('challenge.admin.chains.clear.submissions.dialog.title')}</DialogTitle>
|
||||||
|
</DialogHeader>
|
||||||
|
<DialogBody>
|
||||||
|
<Text>{t('challenge.admin.chains.clear.submissions.dialog.message', { name: chain.name })}</Text>
|
||||||
|
</DialogBody>
|
||||||
|
<DialogFooter>
|
||||||
|
<DialogActionTrigger asChild>
|
||||||
|
<Button variant="outline" onClick={onClose} disabled={isLoading}>
|
||||||
|
{t('challenge.admin.common.cancel')}
|
||||||
|
</Button>
|
||||||
|
</DialogActionTrigger>
|
||||||
|
<Button colorPalette="red" onClick={handleConfirm} disabled={isLoading}>
|
||||||
|
{t('challenge.admin.chains.clear.submissions.dialog.button.confirm')}
|
||||||
|
</Button>
|
||||||
|
</DialogFooter>
|
||||||
|
</DialogContent>
|
||||||
|
</DialogRoot>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
import React from 'react'
|
import React, { useEffect } from 'react'
|
||||||
import { useTranslation } from 'react-i18next'
|
import { useTranslation } from 'react-i18next'
|
||||||
import {
|
import {
|
||||||
DialogRoot,
|
DialogRoot,
|
||||||
@@ -36,8 +36,16 @@ export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
|
|||||||
|
|
||||||
const confirm = confirmLabel || t('challenge.admin.common.confirm')
|
const confirm = confirmLabel || t('challenge.admin.common.confirm')
|
||||||
const cancel = cancelLabel || t('challenge.admin.common.cancel')
|
const cancel = cancelLabel || t('challenge.admin.common.cancel')
|
||||||
|
|
||||||
|
// Прокручиваем страницу к началу при открытии диалога
|
||||||
|
useEffect(() => {
|
||||||
|
if (isOpen) {
|
||||||
|
window.scrollTo({ top: 0, behavior: 'smooth' })
|
||||||
|
}
|
||||||
|
}, [isOpen])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()}>
|
<DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()} scrollBehavior="inside">
|
||||||
<DialogContent>
|
<DialogContent>
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<DialogTitle>{title}</DialogTitle>
|
<DialogTitle>{title}</DialogTitle>
|
||||||
|
|||||||
116
src/components/DuplicateChainDialog.tsx
Normal file
116
src/components/DuplicateChainDialog.tsx
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
import React, { useState, useEffect } from 'react'
|
||||||
|
import { useTranslation } from 'react-i18next'
|
||||||
|
import {
|
||||||
|
DialogRoot,
|
||||||
|
DialogContent,
|
||||||
|
DialogHeader,
|
||||||
|
DialogTitle,
|
||||||
|
DialogBody,
|
||||||
|
DialogFooter,
|
||||||
|
DialogActionTrigger,
|
||||||
|
Button,
|
||||||
|
Field,
|
||||||
|
Input,
|
||||||
|
Text,
|
||||||
|
VStack,
|
||||||
|
} from '@chakra-ui/react'
|
||||||
|
import { useDuplicateChainMutation } from '../__data__/api/api'
|
||||||
|
import { toaster } from './ui/toaster'
|
||||||
|
import type { ChallengeChain } from '../types/challenge'
|
||||||
|
|
||||||
|
interface DuplicateChainDialogProps {
|
||||||
|
isOpen: boolean
|
||||||
|
onClose: () => void
|
||||||
|
chain: ChallengeChain | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export const DuplicateChainDialog: React.FC<DuplicateChainDialogProps> = ({
|
||||||
|
isOpen,
|
||||||
|
onClose,
|
||||||
|
chain,
|
||||||
|
}) => {
|
||||||
|
const { t } = useTranslation()
|
||||||
|
const [name, setName] = useState('')
|
||||||
|
const [duplicateChain, { isLoading }] = useDuplicateChainMutation()
|
||||||
|
|
||||||
|
// Прокручиваем страницу к началу при открытии диалога
|
||||||
|
useEffect(() => {
|
||||||
|
if (isOpen) {
|
||||||
|
window.scrollTo({ top: 0, behavior: 'smooth' })
|
||||||
|
}
|
||||||
|
}, [isOpen])
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
setName('')
|
||||||
|
onClose()
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleConfirm = async () => {
|
||||||
|
if (!chain) return
|
||||||
|
|
||||||
|
try {
|
||||||
|
await duplicateChain({
|
||||||
|
chainId: chain.id,
|
||||||
|
name: name.trim() || undefined,
|
||||||
|
}).unwrap()
|
||||||
|
toaster.create({
|
||||||
|
title: t('challenge.admin.common.success'),
|
||||||
|
description: t('challenge.admin.chains.duplicate.success'),
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
handleClose()
|
||||||
|
} catch (err) {
|
||||||
|
toaster.create({
|
||||||
|
title: t('challenge.admin.common.error'),
|
||||||
|
description: t('challenge.admin.chains.duplicate.error'),
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!chain) return null
|
||||||
|
|
||||||
|
const defaultPlaceholder = t('challenge.admin.chains.duplicate.dialog.field.name.placeholder', {
|
||||||
|
name: chain.name,
|
||||||
|
})
|
||||||
|
|
||||||
|
return (
|
||||||
|
<DialogRoot open={isOpen} onOpenChange={(e) => !e.open && handleClose()} scrollBehavior="inside">
|
||||||
|
<DialogContent>
|
||||||
|
<DialogHeader>
|
||||||
|
<DialogTitle>{t('challenge.admin.chains.duplicate.dialog.title')}</DialogTitle>
|
||||||
|
</DialogHeader>
|
||||||
|
<DialogBody>
|
||||||
|
<VStack gap={4} align="stretch">
|
||||||
|
<Text>{t('challenge.admin.chains.duplicate.dialog.description', { name: chain.name })}</Text>
|
||||||
|
<Field.Root>
|
||||||
|
<Field.Label>{t('challenge.admin.chains.duplicate.dialog.field.name')}</Field.Label>
|
||||||
|
<Input
|
||||||
|
value={name}
|
||||||
|
onChange={(e) => setName(e.target.value)}
|
||||||
|
placeholder={defaultPlaceholder}
|
||||||
|
/>
|
||||||
|
<Field.HelperText>
|
||||||
|
{t('challenge.admin.chains.duplicate.dialog.field.name.helper')}
|
||||||
|
</Field.HelperText>
|
||||||
|
</Field.Root>
|
||||||
|
</VStack>
|
||||||
|
</DialogBody>
|
||||||
|
<DialogFooter>
|
||||||
|
<DialogActionTrigger asChild>
|
||||||
|
<Button variant="outline" onClick={handleClose} disabled={isLoading}>
|
||||||
|
{t('challenge.admin.common.cancel')}
|
||||||
|
</Button>
|
||||||
|
</DialogActionTrigger>
|
||||||
|
<Button colorPalette="teal" onClick={handleConfirm} disabled={isLoading}>
|
||||||
|
{t('challenge.admin.chains.duplicate.dialog.button.confirm')}
|
||||||
|
</Button>
|
||||||
|
</DialogFooter>
|
||||||
|
</DialogContent>
|
||||||
|
</DialogRoot>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -17,7 +17,8 @@ import { URLs } from '../../__data__/urls'
|
|||||||
import { LoadingSpinner } from '../../components/LoadingSpinner'
|
import { LoadingSpinner } from '../../components/LoadingSpinner'
|
||||||
import { ErrorAlert } from '../../components/ErrorAlert'
|
import { ErrorAlert } from '../../components/ErrorAlert'
|
||||||
import { EmptyState } from '../../components/EmptyState'
|
import { EmptyState } from '../../components/EmptyState'
|
||||||
import { ConfirmDialog } from '../../components/ConfirmDialog'
|
import { DuplicateChainDialog } from '../../components/DuplicateChainDialog'
|
||||||
|
import { ClearSubmissionsDialog } from '../../components/ClearSubmissionsDialog'
|
||||||
import type { ChallengeChain } from '../../types/challenge'
|
import type { ChallengeChain } from '../../types/challenge'
|
||||||
import { toaster } from '../../components/ui/toaster'
|
import { toaster } from '../../components/ui/toaster'
|
||||||
|
|
||||||
@@ -25,24 +26,28 @@ export const ChainsListPage: React.FC = () => {
|
|||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
const { t } = useTranslation()
|
const { t } = useTranslation()
|
||||||
const { data: chains, isLoading, error, refetch } = useGetChainsQuery()
|
const { data: chains, isLoading, error, refetch } = useGetChainsQuery()
|
||||||
const [deleteChain, { isLoading: isDeleting }] = useDeleteChainMutation()
|
const [deleteChain] = useDeleteChainMutation()
|
||||||
|
|
||||||
const [searchQuery, setSearchQuery] = useState('')
|
const [searchQuery, setSearchQuery] = useState('')
|
||||||
const [chainToDelete, setChainToDelete] = useState<ChallengeChain | null>(null)
|
const [chainToDuplicate, setChainToDuplicate] = useState<ChallengeChain | null>(null)
|
||||||
|
const [chainToClearSubmissions, setChainToClearSubmissions] = useState<ChallengeChain | null>(null)
|
||||||
const [updatingChainId, setUpdatingChainId] = useState<string | null>(null)
|
const [updatingChainId, setUpdatingChainId] = useState<string | null>(null)
|
||||||
const [updateChain] = useUpdateChainMutation()
|
const [updateChain] = useUpdateChainMutation()
|
||||||
|
|
||||||
const handleDeleteChain = async () => {
|
const handleDeleteChain = async (chain: ChallengeChain) => {
|
||||||
if (!chainToDelete) return
|
const confirmed = window.confirm(
|
||||||
|
t('challenge.admin.chains.delete.confirm.message', { name: chain.name })
|
||||||
|
)
|
||||||
|
|
||||||
|
if (!confirmed) return
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await deleteChain(chainToDelete.id).unwrap()
|
await deleteChain(chain.id).unwrap()
|
||||||
toaster.create({
|
toaster.create({
|
||||||
title: t('challenge.admin.common.success'),
|
title: t('challenge.admin.common.success'),
|
||||||
description: t('challenge.admin.chains.deleted'),
|
description: t('challenge.admin.chains.deleted'),
|
||||||
type: 'success',
|
type: 'success',
|
||||||
})
|
})
|
||||||
setChainToDelete(null)
|
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
toaster.create({
|
toaster.create({
|
||||||
title: t('challenge.admin.common.error'),
|
title: t('challenge.admin.common.error'),
|
||||||
@@ -182,11 +187,26 @@ export const ChainsListPage: React.FC = () => {
|
|||||||
>
|
>
|
||||||
{t('challenge.admin.chains.list.button.edit')}
|
{t('challenge.admin.chains.list.button.edit')}
|
||||||
</Button>
|
</Button>
|
||||||
|
<Button
|
||||||
|
size="sm"
|
||||||
|
variant="ghost"
|
||||||
|
onClick={() => setChainToDuplicate(chain)}
|
||||||
|
>
|
||||||
|
{t('challenge.admin.chains.duplicate.button')}
|
||||||
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
size="sm"
|
size="sm"
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
colorPalette="red"
|
colorPalette="red"
|
||||||
onClick={() => setChainToDelete(chain)}
|
onClick={() => setChainToClearSubmissions(chain)}
|
||||||
|
>
|
||||||
|
{t('challenge.admin.chains.clear.submissions.button')}
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
size="sm"
|
||||||
|
variant="ghost"
|
||||||
|
colorPalette="red"
|
||||||
|
onClick={() => handleDeleteChain(chain)}
|
||||||
>
|
>
|
||||||
{t('challenge.admin.chains.list.button.delete')}
|
{t('challenge.admin.chains.list.button.delete')}
|
||||||
</Button>
|
</Button>
|
||||||
@@ -199,14 +219,16 @@ export const ChainsListPage: React.FC = () => {
|
|||||||
</Box>
|
</Box>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<ConfirmDialog
|
<DuplicateChainDialog
|
||||||
isOpen={!!chainToDelete}
|
isOpen={!!chainToDuplicate}
|
||||||
onClose={() => setChainToDelete(null)}
|
onClose={() => setChainToDuplicate(null)}
|
||||||
onConfirm={handleDeleteChain}
|
chain={chainToDuplicate}
|
||||||
title={t('challenge.admin.chains.delete.confirm.title')}
|
/>
|
||||||
message={t('challenge.admin.chains.delete.confirm.message', { name: chainToDelete?.name })}
|
|
||||||
confirmLabel={t('challenge.admin.chains.delete.confirm.button')}
|
<ClearSubmissionsDialog
|
||||||
isLoading={isDeleting}
|
isOpen={!!chainToClearSubmissions}
|
||||||
|
onClose={() => setChainToClearSubmissions(null)}
|
||||||
|
chain={chainToClearSubmissions}
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -41,9 +41,18 @@ export const SubmissionsPage: React.FC = () => {
|
|||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
const { chainId } = useParams<{ chainId?: string }>()
|
const { chainId } = useParams<{ chainId?: string }>()
|
||||||
|
|
||||||
// Проверяем feature flag
|
// Проверяем feature flags
|
||||||
const featureValue = getFeatureValue('challenge-admin', 'use-chain-submissions-api')
|
const featureValue = getFeatureValue('challenge-admin', 'use-chain-submissions-api')
|
||||||
const useNewApi = featureValue?.value === 'true'
|
const useNewApi = featureValue?.value === 'true'
|
||||||
|
const pollingIntervalFeatureValue = getFeatureValue(
|
||||||
|
'challenge-admin',
|
||||||
|
'submissions-polling-interval-ms'
|
||||||
|
)
|
||||||
|
const pollingIntervalMs = (() => {
|
||||||
|
const rawValue = pollingIntervalFeatureValue?.value ?? ''
|
||||||
|
const parsed = Number.parseInt(rawValue, 10)
|
||||||
|
return Number.isFinite(parsed) && parsed > 0 ? parsed : 1200
|
||||||
|
})()
|
||||||
|
|
||||||
// Состояние для выбранного пользователя и фильтров
|
// Состояние для выбранного пользователя и фильтров
|
||||||
const [selectedUserId, setSelectedUserId] = useState<string | null>(null)
|
const [selectedUserId, setSelectedUserId] = useState<string | null>(null)
|
||||||
@@ -70,7 +79,10 @@ export const SubmissionsPage: React.FC = () => {
|
|||||||
userId: selectedUserId || undefined,
|
userId: selectedUserId || undefined,
|
||||||
status: statusFilter !== 'all' ? statusFilter : undefined,
|
status: statusFilter !== 'all' ? statusFilter : undefined,
|
||||||
},
|
},
|
||||||
{ skip: !chainId || !useNewApi }
|
{
|
||||||
|
skip: !chainId || !useNewApi,
|
||||||
|
pollingInterval: pollingIntervalMs,
|
||||||
|
}
|
||||||
)
|
)
|
||||||
|
|
||||||
// Старый API: получаем общую статистику и submissions отдельно
|
// Старый API: получаем общую статистику и submissions отдельно
|
||||||
|
|||||||
@@ -40,6 +40,7 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
|
|
||||||
const [title, setTitle] = useState('')
|
const [title, setTitle] = useState('')
|
||||||
const [description, setDescription] = useState('')
|
const [description, setDescription] = useState('')
|
||||||
|
const [learningMaterial, setLearningMaterial] = useState('')
|
||||||
const [hiddenInstructions, setHiddenInstructions] = useState('')
|
const [hiddenInstructions, setHiddenInstructions] = useState('')
|
||||||
const [showDescPreview, setShowDescPreview] = useState(false)
|
const [showDescPreview, setShowDescPreview] = useState(false)
|
||||||
const [testAnswer, setTestAnswer] = useState('')
|
const [testAnswer, setTestAnswer] = useState('')
|
||||||
@@ -50,6 +51,7 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
if (task) {
|
if (task) {
|
||||||
setTitle(task.title)
|
setTitle(task.title)
|
||||||
setDescription(task.description)
|
setDescription(task.description)
|
||||||
|
setLearningMaterial(task.learningMaterial || '')
|
||||||
setHiddenInstructions(task.hiddenInstructions || '')
|
setHiddenInstructions(task.hiddenInstructions || '')
|
||||||
}
|
}
|
||||||
}, [task])
|
}, [task])
|
||||||
@@ -106,6 +108,7 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
data: {
|
data: {
|
||||||
title: title.trim(),
|
title: title.trim(),
|
||||||
description: description.trim(),
|
description: description.trim(),
|
||||||
|
learningMaterial: learningMaterial.trim() || undefined,
|
||||||
hiddenInstructions: hiddenInstructions.trim() || undefined,
|
hiddenInstructions: hiddenInstructions.trim() || undefined,
|
||||||
},
|
},
|
||||||
}).unwrap()
|
}).unwrap()
|
||||||
@@ -118,6 +121,7 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
await createTask({
|
await createTask({
|
||||||
title: title.trim(),
|
title: title.trim(),
|
||||||
description: description.trim(),
|
description: description.trim(),
|
||||||
|
learningMaterial: learningMaterial.trim() || undefined,
|
||||||
hiddenInstructions: hiddenInstructions.trim() || undefined,
|
hiddenInstructions: hiddenInstructions.trim() || undefined,
|
||||||
}).unwrap()
|
}).unwrap()
|
||||||
toaster.create({
|
toaster.create({
|
||||||
@@ -126,7 +130,7 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
type: 'success',
|
type: 'success',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
navigate(URLs.tasks)
|
// navigate(URLs.tasks)
|
||||||
} catch (err: unknown) {
|
} catch (err: unknown) {
|
||||||
const errorMessage =
|
const errorMessage =
|
||||||
(err && typeof err === 'object' && 'data' in err &&
|
(err && typeof err === 'object' && 'data' in err &&
|
||||||
@@ -355,6 +359,128 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
<Field.HelperText>{t('challenge.admin.tasks.field.description.helper')}</Field.HelperText>
|
<Field.HelperText>{t('challenge.admin.tasks.field.description.helper')}</Field.HelperText>
|
||||||
</Field.Root>
|
</Field.Root>
|
||||||
|
|
||||||
|
{/* Learning Material */}
|
||||||
|
<Field.Root>
|
||||||
|
<Field.Label>{t('challenge.admin.tasks.field.learning.material')}</Field.Label>
|
||||||
|
<Box display={{ base: 'block', lg: 'none' }}>
|
||||||
|
{/* Табы для мобильных */}
|
||||||
|
<Tabs.Root
|
||||||
|
value={showDescPreview ? 'preview' : 'editor'}
|
||||||
|
onValueChange={(e) => setShowDescPreview(e.value === 'preview')}
|
||||||
|
>
|
||||||
|
<Tabs.List>
|
||||||
|
<Tabs.Trigger value="editor">{t('challenge.admin.tasks.tab.editor')}</Tabs.Trigger>
|
||||||
|
<Tabs.Trigger value="preview">{t('challenge.admin.tasks.tab.preview')}</Tabs.Trigger>
|
||||||
|
</Tabs.List>
|
||||||
|
<Tabs.Content value="editor" pt={4}>
|
||||||
|
<Textarea
|
||||||
|
value={learningMaterial}
|
||||||
|
onChange={(e) => setLearningMaterial(e.target.value)}
|
||||||
|
placeholder={t('challenge.admin.tasks.field.learning.material.placeholder')}
|
||||||
|
rows={12}
|
||||||
|
fontFamily="monospace"
|
||||||
|
disabled={isLoading}
|
||||||
|
/>
|
||||||
|
</Tabs.Content>
|
||||||
|
<Tabs.Content value="preview" pt={4}>
|
||||||
|
<Box
|
||||||
|
p={4}
|
||||||
|
borderWidth="1px"
|
||||||
|
borderColor="gray.200"
|
||||||
|
borderRadius="md"
|
||||||
|
minH="250px"
|
||||||
|
maxH="400px"
|
||||||
|
bg="gray.50"
|
||||||
|
overflowY="auto"
|
||||||
|
>
|
||||||
|
{learningMaterial ? (
|
||||||
|
<Box
|
||||||
|
className="markdown-preview"
|
||||||
|
css={{
|
||||||
|
'& a': {
|
||||||
|
color: '#0f766e',
|
||||||
|
textDecoration: 'underline',
|
||||||
|
cursor: 'pointer',
|
||||||
|
'&:hover': {
|
||||||
|
color: '#115e59',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<ReactMarkdown>{learningMaterial}</ReactMarkdown>
|
||||||
|
</Box>
|
||||||
|
) : (
|
||||||
|
<Text color="gray.400" fontStyle="italic">
|
||||||
|
{t('challenge.admin.tasks.preview.empty')}
|
||||||
|
</Text>
|
||||||
|
)}
|
||||||
|
</Box>
|
||||||
|
</Tabs.Content>
|
||||||
|
</Tabs.Root>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
{/* Две колонки для десктопа */}
|
||||||
|
<Grid
|
||||||
|
display={{ base: 'none', lg: 'grid' }}
|
||||||
|
templateColumns="1fr 1fr"
|
||||||
|
gap={4}
|
||||||
|
mt={2}
|
||||||
|
>
|
||||||
|
<Box>
|
||||||
|
<Text fontSize="sm" fontWeight="medium" mb={2} color="gray.700">
|
||||||
|
{t('challenge.admin.tasks.tab.editor')}
|
||||||
|
</Text>
|
||||||
|
<Textarea
|
||||||
|
value={learningMaterial}
|
||||||
|
onChange={(e) => setLearningMaterial(e.target.value)}
|
||||||
|
placeholder={t('challenge.admin.tasks.field.learning.material.placeholder')}
|
||||||
|
rows={15}
|
||||||
|
fontFamily="monospace"
|
||||||
|
disabled={isLoading}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Text fontSize="sm" fontWeight="medium" mb={2} color="gray.700">
|
||||||
|
{t('challenge.admin.tasks.tab.preview')}
|
||||||
|
</Text>
|
||||||
|
<Box
|
||||||
|
p={4}
|
||||||
|
borderWidth="1px"
|
||||||
|
borderColor="gray.200"
|
||||||
|
borderRadius="md"
|
||||||
|
minH="250px"
|
||||||
|
maxH="400px"
|
||||||
|
bg="gray.50"
|
||||||
|
overflowY="auto"
|
||||||
|
height="100%"
|
||||||
|
>
|
||||||
|
{learningMaterial ? (
|
||||||
|
<Box
|
||||||
|
className="markdown-preview"
|
||||||
|
css={{
|
||||||
|
'& a': {
|
||||||
|
color: '#0f766e',
|
||||||
|
textDecoration: 'underline',
|
||||||
|
cursor: 'pointer',
|
||||||
|
'&:hover': {
|
||||||
|
color: '#115e59',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<ReactMarkdown>{learningMaterial}</ReactMarkdown>
|
||||||
|
</Box>
|
||||||
|
) : (
|
||||||
|
<Text color="gray.400" fontStyle="italic">
|
||||||
|
{t('challenge.admin.tasks.preview.empty')}
|
||||||
|
</Text>
|
||||||
|
)}
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</Grid>
|
||||||
|
<Field.HelperText>{t('challenge.admin.tasks.field.learning.material.helper')}</Field.HelperText>
|
||||||
|
</Field.Root>
|
||||||
|
|
||||||
{/* Hidden Instructions */}
|
{/* Hidden Instructions */}
|
||||||
<Field.Root>
|
<Field.Root>
|
||||||
<Box bg="purple.50" p={4} borderRadius="md" borderWidth="1px" borderColor="purple.200">
|
<Box bg="purple.50" p={4} borderRadius="md" borderWidth="1px" borderColor="purple.200">
|
||||||
|
|||||||
@@ -17,7 +17,6 @@ import { URLs } from '../../__data__/urls'
|
|||||||
import { LoadingSpinner } from '../../components/LoadingSpinner'
|
import { LoadingSpinner } from '../../components/LoadingSpinner'
|
||||||
import { ErrorAlert } from '../../components/ErrorAlert'
|
import { ErrorAlert } from '../../components/ErrorAlert'
|
||||||
import { EmptyState } from '../../components/EmptyState'
|
import { EmptyState } from '../../components/EmptyState'
|
||||||
import { ConfirmDialog } from '../../components/ConfirmDialog'
|
|
||||||
import type { ChallengeTask } from '../../types/challenge'
|
import type { ChallengeTask } from '../../types/challenge'
|
||||||
import { toaster } from '../../components/ui/toaster'
|
import { toaster } from '../../components/ui/toaster'
|
||||||
|
|
||||||
@@ -25,22 +24,24 @@ export const TasksListPage: React.FC = () => {
|
|||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
const { t } = useTranslation()
|
const { t } = useTranslation()
|
||||||
const { data: tasks, isLoading, error, refetch } = useGetTasksQuery()
|
const { data: tasks, isLoading, error, refetch } = useGetTasksQuery()
|
||||||
const [deleteTask, { isLoading: isDeleting }] = useDeleteTaskMutation()
|
const [deleteTask] = useDeleteTaskMutation()
|
||||||
|
|
||||||
const [searchQuery, setSearchQuery] = useState('')
|
const [searchQuery, setSearchQuery] = useState('')
|
||||||
const [taskToDelete, setTaskToDelete] = useState<ChallengeTask | null>(null)
|
|
||||||
|
|
||||||
const handleDeleteTask = async () => {
|
const handleDeleteTask = async (task: ChallengeTask) => {
|
||||||
if (!taskToDelete) return
|
const confirmed = window.confirm(
|
||||||
|
t('challenge.admin.tasks.delete.confirm.message', { title: task.title })
|
||||||
|
)
|
||||||
|
|
||||||
|
if (!confirmed) return
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await deleteTask(taskToDelete.id).unwrap()
|
await deleteTask(task.id).unwrap()
|
||||||
toaster.create({
|
toaster.create({
|
||||||
title: t('challenge.admin.common.success'),
|
title: t('challenge.admin.common.success'),
|
||||||
description: t('challenge.admin.tasks.deleted'),
|
description: t('challenge.admin.tasks.deleted'),
|
||||||
type: 'success',
|
type: 'success',
|
||||||
})
|
})
|
||||||
setTaskToDelete(null)
|
|
||||||
} catch (_err) {
|
} catch (_err) {
|
||||||
toaster.create({
|
toaster.create({
|
||||||
title: t('challenge.admin.common.error'),
|
title: t('challenge.admin.common.error'),
|
||||||
@@ -152,7 +153,7 @@ export const TasksListPage: React.FC = () => {
|
|||||||
size="sm"
|
size="sm"
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
colorPalette="red"
|
colorPalette="red"
|
||||||
onClick={() => setTaskToDelete(task)}
|
onClick={() => handleDeleteTask(task)}
|
||||||
>
|
>
|
||||||
{t('challenge.admin.tasks.list.button.delete')}
|
{t('challenge.admin.tasks.list.button.delete')}
|
||||||
</Button>
|
</Button>
|
||||||
@@ -164,16 +165,6 @@ export const TasksListPage: React.FC = () => {
|
|||||||
</Table.Root>
|
</Table.Root>
|
||||||
</Box>
|
</Box>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<ConfirmDialog
|
|
||||||
isOpen={!!taskToDelete}
|
|
||||||
onClose={() => setTaskToDelete(null)}
|
|
||||||
onConfirm={handleDeleteTask}
|
|
||||||
title={t('challenge.admin.tasks.delete.confirm.title')}
|
|
||||||
message={t('challenge.admin.tasks.delete.confirm.message', { title: taskToDelete?.title })}
|
|
||||||
confirmLabel={t('challenge.admin.tasks.delete.confirm.button')}
|
|
||||||
isLoading={isDeleting}
|
|
||||||
/>
|
|
||||||
</Box>
|
</Box>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ export interface ChallengeTask {
|
|||||||
id: string
|
id: string
|
||||||
title: string
|
title: string
|
||||||
description: string // Markdown
|
description: string // Markdown
|
||||||
|
learningMaterial?: string // Дополнительный учебный материал в Markdown
|
||||||
hiddenInstructions?: string // Только для преподавателей
|
hiddenInstructions?: string // Только для преподавателей
|
||||||
creator?: {
|
creator?: {
|
||||||
sub: string
|
sub: string
|
||||||
@@ -121,12 +122,14 @@ export interface APIResponse<T> {
|
|||||||
export interface CreateTaskRequest {
|
export interface CreateTaskRequest {
|
||||||
title: string
|
title: string
|
||||||
description: string
|
description: string
|
||||||
|
learningMaterial?: string
|
||||||
hiddenInstructions?: string
|
hiddenInstructions?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface UpdateTaskRequest {
|
export interface UpdateTaskRequest {
|
||||||
title?: string
|
title?: string
|
||||||
description?: string
|
description?: string
|
||||||
|
learningMaterial?: string
|
||||||
hiddenInstructions?: string
|
hiddenInstructions?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -142,6 +145,16 @@ export interface UpdateChainRequest {
|
|||||||
isActive?: boolean
|
isActive?: boolean
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface DuplicateChainRequest {
|
||||||
|
name?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ClearSubmissionsResponse {
|
||||||
|
deletedCount: number
|
||||||
|
chainId: string
|
||||||
|
userId?: string
|
||||||
|
}
|
||||||
|
|
||||||
// ========== Stats v2 Types ==========
|
// ========== Stats v2 Types ==========
|
||||||
|
|
||||||
export type TaskProgressStatus = 'not_started' | 'pending' | 'in_progress' | 'needs_revision' | 'completed'
|
export type TaskProgressStatus = 'not_started' | 'pending' | 'in_progress' | 'needs_revision' | 'completed'
|
||||||
|
|||||||
@@ -312,6 +312,84 @@ router.delete('/challenge/chain/:id', (req, res) => {
|
|||||||
respond(res, { success: true });
|
respond(res, { success: true });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// POST /api/challenge/chain/:chainId/duplicate
|
||||||
|
router.post('/challenge/chain/:chainId/duplicate', (req, res) => {
|
||||||
|
const chains = getChains();
|
||||||
|
const chainIndex = chains.findIndex(c => c.id === req.params.chainId);
|
||||||
|
|
||||||
|
if (chainIndex === -1) {
|
||||||
|
return respondError(res, 'Chain not found', 404);
|
||||||
|
}
|
||||||
|
|
||||||
|
const originalChain = chains[chainIndex];
|
||||||
|
const { name } = req.body;
|
||||||
|
|
||||||
|
// Generate new name if not provided
|
||||||
|
const newName = name || `Копия - ${originalChain.name}`;
|
||||||
|
|
||||||
|
// Create duplicate with same tasks but inactive
|
||||||
|
const duplicatedChain = {
|
||||||
|
_id: `chain_${Date.now()}`,
|
||||||
|
id: `chain_${Date.now()}`,
|
||||||
|
name: newName,
|
||||||
|
tasks: originalChain.tasks.map(task => ({
|
||||||
|
_id: task._id,
|
||||||
|
id: task.id,
|
||||||
|
title: task.title,
|
||||||
|
description: task.description,
|
||||||
|
createdAt: task.createdAt,
|
||||||
|
updatedAt: task.updatedAt
|
||||||
|
})),
|
||||||
|
isActive: false,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
updatedAt: new Date().toISOString()
|
||||||
|
};
|
||||||
|
|
||||||
|
chains.push(duplicatedChain);
|
||||||
|
|
||||||
|
// Update stats
|
||||||
|
const stats = getStats();
|
||||||
|
stats.chains = chains.length;
|
||||||
|
|
||||||
|
respond(res, duplicatedChain);
|
||||||
|
});
|
||||||
|
|
||||||
|
// DELETE /api/challenge/chain/:chainId/submissions
|
||||||
|
router.delete('/challenge/chain/:chainId/submissions', (req, res) => {
|
||||||
|
const chains = getChains();
|
||||||
|
const submissions = getSubmissions();
|
||||||
|
|
||||||
|
const chain = chains.find(c => c.id === req.params.chainId);
|
||||||
|
|
||||||
|
if (!chain) {
|
||||||
|
return respondError(res, 'Chain not found', 404);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get task IDs from chain
|
||||||
|
const taskIds = new Set(chain.tasks.map(t => t.id));
|
||||||
|
|
||||||
|
// Count and remove submissions for tasks in this chain
|
||||||
|
let deletedCount = 0;
|
||||||
|
for (let i = submissions.length - 1; i >= 0; i--) {
|
||||||
|
const sub = submissions[i];
|
||||||
|
const taskId = typeof sub.task === 'object' ? sub.task.id : sub.task;
|
||||||
|
|
||||||
|
if (taskIds.has(taskId)) {
|
||||||
|
submissions.splice(i, 1);
|
||||||
|
deletedCount++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update stats
|
||||||
|
const stats = getStats();
|
||||||
|
stats.submissions.total = Math.max(0, stats.submissions.total - deletedCount);
|
||||||
|
|
||||||
|
respond(res, {
|
||||||
|
deletedCount: deletedCount,
|
||||||
|
chainId: chain.id
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
// ============= STATS =============
|
// ============= STATS =============
|
||||||
|
|
||||||
// GET /api/challenge/stats
|
// GET /api/challenge/stats
|
||||||
@@ -331,13 +409,32 @@ router.get('/challenge/stats/v2', (req, res) => {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Фильтруем данные по выбранной цепочке
|
// Сначала проверяем наличие цепочки в chains.json
|
||||||
const filteredChain = statsV2.chainsDetailed.find(c => c.chainId === chainId);
|
const chains = getChains();
|
||||||
|
const chain = chains.find(c => c.id === chainId);
|
||||||
|
|
||||||
if (!filteredChain) {
|
if (!chain) {
|
||||||
return respondError(res, 'Chain not found', 404);
|
return respondError(res, 'Chain not found', 404);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Ищем данные цепочки в stats-v2.json
|
||||||
|
let filteredChain = statsV2.chainsDetailed.find(c => c.chainId === chainId);
|
||||||
|
|
||||||
|
// Если цепочка не найдена в stats-v2.json, создаем пустую структуру на основе chains.json
|
||||||
|
if (!filteredChain) {
|
||||||
|
filteredChain = {
|
||||||
|
chainId: chain.id,
|
||||||
|
name: chain.name,
|
||||||
|
totalTasks: chain.tasks.length,
|
||||||
|
tasks: chain.tasks.map(t => ({
|
||||||
|
taskId: t.id,
|
||||||
|
title: t.title,
|
||||||
|
description: t.description || ''
|
||||||
|
})),
|
||||||
|
participantProgress: []
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
// Фильтруем tasksTable - только задания из этой цепочки
|
// Фильтруем tasksTable - только задания из этой цепочки
|
||||||
const chainTaskIds = new Set(filteredChain.tasks.map(t => t.taskId));
|
const chainTaskIds = new Set(filteredChain.tasks.map(t => t.taskId));
|
||||||
const filteredTasksTable = statsV2.tasksTable.filter(t => chainTaskIds.has(t.taskId));
|
const filteredTasksTable = statsV2.tasksTable.filter(t => chainTaskIds.has(t.taskId));
|
||||||
|
|||||||
Reference in New Issue
Block a user