feat: добавил кабинеты преподавателя и администратора
🚀 Create and publish a Docker image / Detect changes in backend and frontend (push) Successful in 8s
🚀 Create and publish a Docker image / Build & publish backend image (push) Successful in 38s
🚀 Create and publish a Docker image / Build & publish frontend image (push) Successful in 18s
🚀 Create and publish a Docker image / Update stack on Portainer (push) Successful in 6s

This commit is contained in:
2026-05-11 01:58:09 +03:00
parent 779b6aba77
commit 610c15c9fd
11 changed files with 399 additions and 90 deletions
+45
View File
@@ -3,12 +3,17 @@ import type {
AchievementDto,
AuthResponse,
CoinTransactionDto,
CourseDto,
LectureDto,
LectureQuery,
LocationDto,
PagedResult,
ReviewDto,
SyncStatusDto,
TagDto,
UserAchievementDto,
UserDto,
UserQuery,
UserStatsDto,
} from './types'
@@ -41,6 +46,12 @@ export const lecturesApi = {
export const usersApi = {
get: (id: string | number) => apiRequest<UserDto>(`/users/${id}`),
async list(query: UserQuery = {}) {
const payload = await apiRequest<PagedResult<UserDto> | UserDto[]>('/users', {
query: query as Record<string, unknown>,
})
return extractItems(payload)
},
stats: (id: string | number) => apiRequest<UserStatsDto>(`/users/${id}/stats`),
async enrollments(id: string | number) {
const payload = await apiRequest<PagedResult<LectureDto> | LectureDto[] | undefined>(`/users/${id}/enrollments`)
@@ -59,6 +70,10 @@ export const usersApi = {
)
return extractItems(payload)
},
setRole: (id: string | number, role: 'Student' | 'Teacher' | 'Admin') =>
apiRequest<void>(`/users/${id}/role`, { method: 'PATCH', body: JSON.stringify(role) }),
setActive: (id: string | number, isActive: boolean) =>
apiRequest<void>(`/users/${id}/active`, { method: 'PATCH', body: JSON.stringify(isActive) }),
}
export const reviewsApi = {
@@ -67,4 +82,34 @@ export const reviewsApi = {
method: 'POST',
body: JSON.stringify({ lectureId: Number(lectureId), rating, text }),
}),
async pending() {
const payload = await apiRequest<PagedResult<ReviewDto> | ReviewDto[]>('/reviews/pending')
return extractItems(payload)
},
reanalyze: (id: string | number) => apiRequest<void>(`/reviews/${id}/reanalyze`, { method: 'POST' }),
}
export const coursesApi = {
async list() {
const payload = await apiRequest<PagedResult<CourseDto> | CourseDto[]>('/courses', { query: { PageSize: 100 } })
return extractItems(payload)
},
}
export const locationsApi = {
async list() {
const payload = await apiRequest<PagedResult<LocationDto> | LocationDto[]>('/locations')
return extractItems(payload)
},
}
export const tagsApi = {
async list() {
const payload = await apiRequest<PagedResult<TagDto> | TagDto[]>('/tags')
return extractItems(payload)
},
}
export const syncApi = {
status: () => apiRequest<SyncStatusDto>('/sync/status'),
}
+47
View File
@@ -44,6 +44,14 @@ export interface UserDto extends UserAuthDto {
createdAt: string
}
export interface UserQuery {
Search?: string
Role?: ApiUserRole
IsActive?: boolean
Page?: number
PageSize?: number
}
export interface UserStatsDto {
totalLectures: number
attendedLectures: number
@@ -102,6 +110,45 @@ export interface AchievementDto {
createdAt: string
}
export interface CourseDto {
id: number
name?: string | null
description?: string | null
isSynced: boolean
tags?: TagDto[] | null
createdAt: string
}
export interface LocationDto {
id: number
name?: string | null
building?: string | null
room?: string | null
address?: string | null
createdAt: string
}
export type ApiTagType = 'Institute' | 'Faculty' | 'Subject' | 'Organization' | 'Topic' | 'Other'
export interface TagDto {
id: number
name?: string | null
type: ApiTagType
parentId?: number | null
createdAt: string
}
export interface SyncStatusDto {
lastSyncAt?: string | null
status?: string | null
lastResult?: {
created: number
updated: number
skipped: number
error?: string | null
} | null
}
export interface UserAchievementDto {
id: number
achievement: AchievementDto
+5
View File
@@ -45,6 +45,11 @@ router.beforeEach(async (to) => {
if (!to.meta.public && !auth.isAuthenticated) {
return '/login'
}
if (to.meta.role && auth.user && auth.user.role !== to.meta.role) {
if (auth.user.role === 'teacher') return '/teacher'
if (auth.user.role === 'admin') return '/admin'
return '/'
}
})
export default router
@@ -1,8 +1,11 @@
<script setup lang="ts">
import { computed, onMounted, ref } from 'vue'
import GlassCard from '@/components/ui/GlassCard.vue'
import StatsWidget from '@/components/ui/StatsWidget.vue'
import ProgressBar from '@/components/ui/ProgressBar.vue'
import StatusBadge from '@/components/ui/StatusBadge.vue'
import { lecturesApi, reviewsApi, syncApi, usersApi } from '@/api'
import type { LectureDto, ReviewDto, SyncStatusDto, UserDto } from '@/api/types'
const disciplines = [
{ name: 'Информатика и ИИ', value: 80 },
@@ -10,6 +13,30 @@ const disciplines = [
{ name: 'Философия и этика', value: 42 },
{ name: 'Право и политика', value: 36 },
]
const users = ref<UserDto[]>([])
const lectures = ref<LectureDto[]>([])
const reviews = ref<ReviewDto[]>([])
const syncStatus = ref<SyncStatusDto | null>(null)
const enrollmentCount = computed(() => lectures.value.reduce((sum, lecture) => sum + lecture.enrollmentsCount, 0))
const syncMeta = computed(() =>
syncStatus.value?.lastSyncAt
? `Последняя синхронизация: ${new Date(syncStatus.value.lastSyncAt).toLocaleString('ru-RU')}`
: 'Синхронизация ещё не выполнялась',
)
onMounted(async () => {
const [usersResult, lecturesResult, reviewsResult, syncResult] = await Promise.allSettled([
usersApi.list({ PageSize: 100 }),
lecturesApi.list({ PageSize: 100 }),
reviewsApi.pending(),
syncApi.status(),
])
if (usersResult.status === 'fulfilled') users.value = usersResult.value
if (lecturesResult.status === 'fulfilled') lectures.value = lecturesResult.value
if (reviewsResult.status === 'fulfilled') reviews.value = reviewsResult.value
if (syncResult.status === 'fulfilled') syncStatus.value = syncResult.value
})
</script>
<template>
@@ -17,10 +44,10 @@ const disciplines = [
<h1 class="page-title">Дашборд администратора</h1>
<div class="stats-row">
<StatsWidget label="Пользователей" :value="1247" icon="👥" color="green" />
<StatsWidget label="Лекций" :value="89" icon="📚" color="aqua" />
<StatsWidget label="Записей" :value="3421" icon="🗓️" color="orange" />
<StatsWidget label="Отзывов" :value="1089" icon="💬" color="purple" />
<StatsWidget label="Пользователей" :value="users.length" icon="👥" color="green" />
<StatsWidget label="Лекций" :value="lectures.length" icon="📚" color="aqua" />
<StatsWidget label="Записей" :value="enrollmentCount" icon="🗓️" color="orange" />
<StatsWidget label="Отзывов в LLM" :value="reviews.length" icon="💬" color="purple" />
</div>
<div class="grid">
@@ -54,14 +81,14 @@ const disciplines = [
<div class="grid">
<GlassCard>
<div class="section-title">Состояние синхронизации расписания</div>
<StatusBadge status="open" />
<div class="sync-meta">Последняя синхронизация: сегодня, 09:15</div>
<div class="sync-error">Ошибка: 2 аудитории не сопоставлены с корпусами</div>
<StatusBadge :status="syncStatus?.status ?? 'pending'" />
<div class="sync-meta">{{ syncMeta }}</div>
<div class="sync-error" v-if="syncStatus?.lastResult?.error">Ошибка: {{ syncStatus.lastResult.error }}</div>
</GlassCard>
<GlassCard>
<div class="section-title">Очередь LLM-анализа</div>
<div class="queue-meta">В очереди: 24 отзыва · Обработка: 6/час</div>
<ProgressBar :value="60" :max="100" />
<div class="queue-meta">В очереди: {{ reviews.length }} отзывов</div>
<ProgressBar :value="Math.min(reviews.length * 10, 100)" :max="100" />
<div class="queue-status">Следующая проверка через 12 минут</div>
</GlassCard>
</div>
+45 -9
View File
@@ -1,7 +1,12 @@
<script setup lang="ts">
import { computed, onMounted, ref } from 'vue'
import GlassCard from '@/components/ui/GlassCard.vue'
import DataTable from '@/components/ui/DataTable.vue'
import StatusBadge from '@/components/ui/StatusBadge.vue'
import EmptyState from '@/components/ui/EmptyState.vue'
import { reviewsApi } from '@/api'
import { mapApiReview } from '@/api/mappers'
import type { Review } from '@/types'
const columns = [
{ key: 'id', label: 'ID' },
@@ -15,22 +20,53 @@ const columns = [
{ key: 'actions', label: 'Действия', align: 'right' },
]
const rows = [
{ id: 'RV-1024', lecture: 'Нейронные сети', student: 'А. Морозов', date: '06.05', status: 'pending', sentiment: 'Позитивный', quality: 0.82, coins: 20 },
{ id: 'RV-1025', lecture: 'Квантовые вычисления', student: 'Н. Иванова', date: '05.05', status: 'active', sentiment: 'Нейтральный', quality: 0.63, coins: 10 },
{ id: 'RV-1026', lecture: 'Право в информационном обществе', student: 'Д. Комаров', date: '04.05', status: 'done', sentiment: 'Негативный', quality: 0.41, coins: 0 },
{ id: 'RV-1027', lecture: 'Философия цифровой эпохи', student: 'С. Орлова', date: '03.05', status: 'rejected', sentiment: 'Нейтральный', quality: 0.22, coins: 0 },
]
const reviews = ref<Review[]>([])
const loading = ref(false)
const error = ref('')
const rows = computed(() =>
reviews.value.map(review => ({
id: review.id,
lecture: review.lectureId,
student: review.userName,
date: new Date(review.createdAt).toLocaleDateString('ru-RU'),
status: review.status,
sentiment: review.sentiment,
quality: review.quality ?? 0,
coins: review.coins ?? 0,
})),
)
async function fetchPending() {
loading.value = true
error.value = ''
try {
reviews.value = (await reviewsApi.pending()).map(mapApiReview)
} catch (err) {
error.value = err instanceof Error ? err.message : 'Не удалось загрузить очередь LLM.'
} finally {
loading.value = false
}
}
async function reanalyze(id: string) {
await reviewsApi.reanalyze(id)
await fetchPending()
}
onMounted(fetchPending)
</script>
<template>
<div class="admin-llm page-content">
<div class="header">
<h1 class="page-title">Очередь LLM-анализа отзывов</h1>
<button class="btn-primary">Запустить повторный анализ</button>
<button class="btn-primary" @click="fetchPending">Обновить очередь</button>
</div>
<GlassCard>
<EmptyState v-if="error" title="Не удалось загрузить очередь" :subtitle="error" />
<EmptyState v-else-if="!rows.length && !loading" title="Очередь пуста" subtitle="Нет отзывов, ожидающих LLM-анализ." />
<DataTable :columns="columns" :rows="rows">
<template #status="{ value }">
<StatusBadge :status="value" />
@@ -40,8 +76,8 @@ const rows = [
{{ value }}
</span>
</template>
<template #actions>
<button class="btn-ghost">Повторить</button>
<template #actions="{ row }">
<button class="btn-ghost" @click="reanalyze(row.id)">Повторить</button>
</template>
</DataTable>
</GlassCard>
+75 -19
View File
@@ -1,7 +1,10 @@
<script setup lang="ts">
import { computed, ref } from 'vue'
import { computed, onMounted, ref } from 'vue'
import { coursesApi, lecturesApi, locationsApi, tagsApi } from '@/api'
import type { CourseDto, LectureDto, LocationDto, TagDto } from '@/api/types'
import GlassCard from '@/components/ui/GlassCard.vue'
import DataTable from '@/components/ui/DataTable.vue'
import EmptyState from '@/components/ui/EmptyState.vue'
type TabKey = 'lectures' | 'courses' | 'rooms' | 'tags'
type TabConfig = {
@@ -11,6 +14,11 @@ type TabConfig = {
}
const activeTab = ref<TabKey>('lectures')
const lectures = ref<LectureDto[]>([])
const courses = ref<CourseDto[]>([])
const locations = ref<LocationDto[]>([])
const tags = ref<TagDto[]>([])
const loading = ref(false)
const tabConfig: Record<TabKey, TabConfig> = {
lectures: {
@@ -21,11 +29,7 @@ const tabConfig: Record<TabKey, TabConfig> = {
{ key: 'format', label: 'Формат' },
{ key: 'status', label: 'Синхронизация', align: 'center' },
],
rows: [
{ id: '1', title: 'Введение в нейронные сети', teacher: 'Волков М.С.', format: 'Офлайн', status: 'Синхронизировано' },
{ id: '2', title: 'Квантовые вычисления', teacher: 'Петров А.И.', format: 'Офлайн', status: 'Синхронизировано' },
{ id: '3', title: 'Философия цифровой эпохи', teacher: 'Дмитриев К.О.', format: 'Онлайн', status: 'Ошибка' },
],
rows: [],
},
courses: {
title: 'Курсы',
@@ -34,10 +38,7 @@ const tabConfig: Record<TabKey, TabConfig> = {
{ key: 'institute', label: 'Институт' },
{ key: 'tags', label: 'Теги' },
],
rows: [
{ id: '1', title: 'Машинное обучение', institute: 'ИКТИБ', tags: '#ML #ИИ #Python' },
{ id: '2', title: 'Цифровая этика', institute: 'ИФиСН', tags: '#философия #этика' },
],
rows: [],
},
rooms: {
title: 'Аудитории',
@@ -46,10 +47,7 @@ const tabConfig: Record<TabKey, TabConfig> = {
{ key: 'room', label: 'Аудитория' },
{ key: 'capacity', label: 'Вместимость', align: 'center' },
],
rows: [
{ id: '1', building: 'ИКТИБ', room: '305', capacity: 30 },
{ id: '2', building: 'ИФиМКН', room: '201', capacity: 25 },
],
rows: [],
},
tags: {
title: 'Теги',
@@ -58,14 +56,71 @@ const tabConfig: Record<TabKey, TabConfig> = {
{ key: 'category', label: 'Категория' },
{ key: 'linked', label: 'Привязки', align: 'center' },
],
rows: [
{ id: '1', tag: '#ML', category: 'Data Science', linked: 12 },
{ id: '2', tag: '#философия', category: 'Гуманитарные', linked: 6 },
],
rows: [],
},
}
const current = computed(() => tabConfig[activeTab.value])
const current = computed(() => {
const config = tabConfig[activeTab.value]
if (activeTab.value === 'lectures') {
return {
...config,
rows: lectures.value.map(l => ({
id: l.id,
title: l.title || l.courseName || 'Без названия',
teacher: l.teacherName || 'Не назначен',
format: l.format === 'Online' ? 'Онлайн' : 'Офлайн',
status: l.isOpen ? 'Открыта' : 'Закрыта',
})),
}
}
if (activeTab.value === 'courses') {
return {
...config,
rows: courses.value.map(c => ({
id: c.id,
title: c.name || 'Без названия',
institute: c.isSynced ? 'Синхронизирован' : 'Ручной',
tags: c.tags?.map(tag => `#${tag.name}`).join(' ') || '—',
})),
}
}
if (activeTab.value === 'rooms') {
return {
...config,
rows: locations.value.map(l => ({
id: l.id,
building: l.building || l.name || '—',
room: l.room || '—',
capacity: '—',
})),
}
}
return {
...config,
rows: tags.value.map(tag => ({
id: tag.id,
tag: `#${tag.name}`,
category: tag.type,
linked: '—',
})),
}
})
onMounted(async () => {
loading.value = true
const [lecturesResult, coursesResult, locationsResult, tagsResult] = await Promise.allSettled([
lecturesApi.list({ PageSize: 100 }),
coursesApi.list(),
locationsApi.list(),
tagsApi.list(),
])
if (lecturesResult.status === 'fulfilled') lectures.value = lecturesResult.value
if (coursesResult.status === 'fulfilled') courses.value = coursesResult.value
if (locationsResult.status === 'fulfilled') locations.value = locationsResult.value
if (tagsResult.status === 'fulfilled') tags.value = tagsResult.value
loading.value = false
})
</script>
<template>
@@ -85,6 +140,7 @@ const current = computed(() => tabConfig[activeTab.value])
<div class="grid">
<GlassCard>
<div class="section-title">{{ current.title }}</div>
<EmptyState v-if="!current.rows.length && !loading" title="Данных пока нет" subtitle="Backend не вернул записи для выбранного раздела." />
<DataTable :columns="current.columns" :rows="current.rows" />
</GlassCard>
+59 -12
View File
@@ -1,11 +1,17 @@
<script setup lang="ts">
import { ref } from 'vue'
import { computed, onMounted, ref } from 'vue'
import { usersApi } from '@/api'
import type { UserDto } from '@/api/types'
import GlassCard from '@/components/ui/GlassCard.vue'
import DataTable from '@/components/ui/DataTable.vue'
import EmptyState from '@/components/ui/EmptyState.vue'
const search = ref('')
const roleFilter = ref('Все роли')
const instituteFilter = ref('Все институты')
const users = ref<UserDto[]>([])
const loading = ref(false)
const error = ref('')
const columns = [
{ key: 'name', label: 'Имя' },
@@ -17,11 +23,51 @@ const columns = [
{ key: 'actions', label: 'Действия', align: 'right' },
]
const rows = [
{ id: '1', name: 'Алексей Морозов', email: 'a.morozov@sfedu.ru', role: 'Студент', institute: 'ИКТИБ', activity: 'Высокая', created: '12.03.2024' },
{ id: '2', name: 'Елена Смирнова', email: 'e.smirnova@sfedu.ru', role: 'Преподаватель', institute: 'АГиС', activity: 'Средняя', created: '05.02.2023' },
{ id: '3', name: 'Виктор Алексеев', email: 'admin@sfedu.ru', role: 'Администратор', institute: 'ЮФУ', activity: 'Высокая', created: '01.09.2022' },
]
const roleLabels = { Student: 'Студент', Teacher: 'Преподаватель', Admin: 'Администратор' } as const
const roleApi = { Студент: 'Student', Преподаватель: 'Teacher', Администратор: 'Admin' } as const
const rows = computed(() =>
users.value.map(user => ({
id: user.id,
name: user.displayName || user.email,
email: user.email,
role: roleLabels[user.role],
apiRole: user.role,
institute: 'ЮФУ',
activity: user.isActive ? 'Активен' : 'Заблокирован',
isActive: user.isActive,
created: new Date(user.createdAt).toLocaleDateString('ru-RU'),
})),
)
async function fetchUsers() {
loading.value = true
error.value = ''
try {
users.value = await usersApi.list({
Search: search.value || undefined,
Role: roleFilter.value === 'Все роли' ? undefined : roleApi[roleFilter.value as keyof typeof roleApi],
PageSize: 100,
})
} catch (err) {
error.value = err instanceof Error ? err.message : 'Не удалось загрузить пользователей.'
} finally {
loading.value = false
}
}
async function toggleActive(row: Record<string, any>) {
await usersApi.setActive(row.id, !row.isActive)
await fetchUsers()
}
async function promoteRole(row: Record<string, any>) {
const next = row.apiRole === 'Student' ? 'Teacher' : row.apiRole === 'Teacher' ? 'Admin' : 'Student'
await usersApi.setRole(row.id, next)
await fetchUsers()
}
onMounted(fetchUsers)
</script>
<template>
@@ -34,7 +80,7 @@ const rows = [
<GlassCard>
<div class="filters">
<input v-model="search" class="glass-input" placeholder="Поиск по имени или email" />
<select v-model="roleFilter" class="glass-input">
<select v-model="roleFilter" class="glass-input" @change="fetchUsers">
<option>Все роли</option>
<option>Студент</option>
<option>Преподаватель</option>
@@ -49,18 +95,19 @@ const rows = [
</select>
</div>
<EmptyState v-if="error" title="Не удалось загрузить пользователей" :subtitle="error" />
<EmptyState v-else-if="!rows.length && !loading" title="Пользователей не найдено" subtitle="Попробуйте изменить фильтры." />
<DataTable :columns="columns" :rows="rows">
<template #role="{ value }">
<span :class="value === 'Студент' ? 'badge badge-green' : value === 'Преподаватель' ? 'badge badge-blue' : 'badge badge-purple'">{{ value }}</span>
</template>
<template #activity="{ value }">
<span class="badge" :class="value === 'Высокая' ? 'badge-green' : 'badge-orange'">{{ value }}</span>
<span class="badge" :class="value === 'Активен' ? 'badge-green' : 'badge-orange'">{{ value }}</span>
</template>
<template #actions>
<template #actions="{ row }">
<div class="actions">
<button class="btn-ghost">Назначить роль</button>
<button class="btn-ghost">Заблокировать</button>
<button class="btn-ghost">Профиль</button>
<button class="btn-ghost" @click="promoteRole(row)">Назначить роль</button>
<button class="btn-ghost" @click="toggleActive(row)">{{ row.isActive ? 'Заблокировать' : 'Активировать' }}</button>
</div>
</template>
</DataTable>
@@ -1,8 +1,29 @@
<script setup lang="ts">
import { computed, onMounted, ref } from 'vue'
import GlassCard from '@/components/ui/GlassCard.vue'
import ProgressBar from '@/components/ui/ProgressBar.vue'
import EmptyState from '@/components/ui/EmptyState.vue'
import { lecturesApi } from '@/api'
import type { Review } from '@/types'
import { mapApiReview } from '@/api/mappers'
import { useLecturesStore } from '@/stores/lectures'
const ratingTrend = [4.2, 4.5, 4.6, 4.8, 4.7]
const lecturesStore = useLecturesStore()
const reviews = ref<Review[]>([])
const positive = computed(() => reviews.value.filter(r => r.sentiment === 'positive').length)
const neutral = computed(() => reviews.value.filter(r => r.sentiment === 'neutral').length)
const negative = computed(() => reviews.value.filter(r => r.sentiment === 'negative').length)
const total = computed(() => reviews.value.length || 1)
const pct = (value: number) => Math.round((value / total.value) * 100)
onMounted(async () => {
if (!lecturesStore.all.length) await lecturesStore.fetchLectures()
const targetLectures = lecturesStore.all.slice(0, 5)
const payload = await Promise.allSettled(targetLectures.map(l => lecturesApi.reviews(l.id)))
reviews.value = payload.flatMap(result => (result.status === 'fulfilled' ? result.value.map(mapApiReview) : []))
})
</script>
<template>
@@ -25,16 +46,16 @@ const ratingTrend = [4.2, 4.5, 4.6, 4.8, 4.7]
<div class="section-title">Sentiment-анализ отзывов</div>
<div class="sentiment">
<div>
<div class="sentiment-label">Позитивные 65%</div>
<ProgressBar :value="65" :max="100" />
<div class="sentiment-label">Позитивные {{ pct(positive) }}%</div>
<ProgressBar :value="pct(positive)" :max="100" />
</div>
<div>
<div class="sentiment-label">Нейтральные 25%</div>
<ProgressBar :value="25" :max="100" color="linear-gradient(90deg, #7DD3FC, #BAE6FD)" />
<div class="sentiment-label">Нейтральные {{ pct(neutral) }}%</div>
<ProgressBar :value="pct(neutral)" :max="100" color="linear-gradient(90deg, #7DD3FC, #BAE6FD)" />
</div>
<div>
<div class="sentiment-label">Негативные 10%</div>
<ProgressBar :value="10" :max="100" color="linear-gradient(90deg, #FCA5A5, #FECACA)" />
<div class="sentiment-label">Негативные {{ pct(negative) }}%</div>
<ProgressBar :value="pct(negative)" :max="100" color="linear-gradient(90deg, #FCA5A5, #FECACA)" />
</div>
</div>
</GlassCard>
@@ -56,21 +77,15 @@ const ratingTrend = [4.2, 4.5, 4.6, 4.8, 4.7]
<GlassCard>
<div class="section-title">Анонимные отзывы</div>
<div class="reviews">
<div class="review">
«Больше кейсов и примеров из реальной жизни, лекция очень понравилась»
</div>
<div class="review">
«Темп быстрый, но структура отличная. Хотелось бы больше практических заданий.»
</div>
<div class="review">
«Отличные слайды и примеры, спасибо за доступное объяснение сложных тем.»
<EmptyState v-if="!reviews.length" title="Отзывов пока нет" subtitle="Когда студенты оставят отзывы, они появятся здесь." />
<div v-else class="reviews">
<div v-for="review in reviews" :key="review.id" class="review">
«{{ review.text }}»
</div>
</div>
<div class="section-title">Топ полезных отзывов</div>
<ul class="top-list">
<li>«Лабораторная часть помогла понять алгоритмы, пожалуйста, добавьте еще 15 минут»</li>
<li>«Понравились интерактивные задания, хочется больше времени на Q&A»</li>
<li v-for="review in reviews.slice(0, 2)" :key="review.id">«{{ review.text }}»</li>
</ul>
</GlassCard>
</div>
@@ -1,12 +1,28 @@
<script setup lang="ts">
import { computed } from 'vue'
import { computed, onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { useLecturesStore } from '@/stores/lectures'
import { useAuthStore } from '@/stores/auth'
import GlassCard from '@/components/ui/GlassCard.vue'
import StatsWidget from '@/components/ui/StatsWidget.vue'
import ProgressBar from '@/components/ui/ProgressBar.vue'
import EmptyState from '@/components/ui/EmptyState.vue'
const lecturesStore = useLecturesStore()
const upcoming = computed(() => lecturesStore.all.slice(0, 3))
const auth = useAuthStore()
const router = useRouter()
const teacherLectures = computed(() => {
const owned = lecturesStore.all.filter(l => auth.user && l.teacher.includes(auth.user.name))
return owned.length ? owned : lecturesStore.all
})
const upcoming = computed(() => teacherLectures.value.filter(l => l.status !== 'completed').slice(0, 3))
const enrolledTotal = computed(() => teacherLectures.value.reduce((sum, l) => sum + (l.totalSeats - l.freeSeats), 0))
const visibility = computed(() => (teacherLectures.value.length ? Math.min(100, Math.round(enrolledTotal.value * 4)) : 0))
onMounted(() => {
if (!lecturesStore.all.length) void lecturesStore.fetchLectures()
})
</script>
<template>
@@ -14,39 +30,39 @@ const upcoming = computed(() => lecturesStore.all.slice(0, 3))
<div class="header">
<h1 class="page-title">Дашборд преподавателя</h1>
<div class="actions">
<button class="btn-primary">Анонсировать лекцию</button>
<button class="btn-secondary">Посмотреть отзывы</button>
<button class="btn-secondary">Отметить посещение</button>
<button class="btn-primary" @click="router.push('/teacher/lectures')">Мои лекции</button>
<button class="btn-secondary" @click="router.push('/teacher/analytics')">Посмотреть отзывы</button>
</div>
</div>
<div class="stats-row">
<StatsWidget label="Предстоящие лекции" :value="3" icon="📅" color="green" />
<StatsWidget label="Записавшихся" :value="47" icon="👥" color="aqua" />
<StatsWidget label="Средняя оценка" :value="4.6" icon="⭐" color="orange" />
<StatsWidget label="Вовлеченность вне направления" :value="'38%'" icon="🌍" color="purple" />
<StatsWidget label="Предстоящие лекции" :value="upcoming.length" icon="📅" color="green" />
<StatsWidget label="Записавшихся" :value="enrolledTotal" icon="👥" color="aqua" />
<StatsWidget label="Средняя оценка" :value="'—'" icon="⭐" color="orange" />
<StatsWidget label="Вовлеченность вне направления" :value="`${visibility}%`" icon="🌍" color="purple" />
</div>
<GlassCard>
<div class="section-title">Заметность за пределами направления</div>
<div class="visibility">
<div class="visibility-meta">
38% студентов из других институтов · Цель 50%
{{ visibility }}% студентов из других институтов · Цель 50%
</div>
<ProgressBar :value="38" :max="100" />
<ProgressBar :value="visibility" :max="100" />
</div>
</GlassCard>
<GlassCard>
<div class="section-title">Ближайшие открытые лекции</div>
<div class="upcoming">
<EmptyState v-if="!upcoming.length" title="Лекций пока нет" subtitle="После синхронизации или назначения лекции появятся здесь." />
<div v-else class="upcoming">
<div class="upcoming-item" v-for="l in upcoming" :key="l.id">
<div>
<div class="upcoming-title">{{ l.title }}</div>
<div class="upcoming-meta">📅 {{ new Date(l.date).toLocaleDateString('ru-RU') }} · {{ l.time }}</div>
<div class="upcoming-meta">Записалось {{ l.totalSeats - l.freeSeats }} студентов</div>
</div>
<button class="btn-secondary btn-sm">Управлять</button>
<button class="btn-secondary btn-sm" @click="router.push('/teacher/lectures')">Управлять</button>
</div>
</div>
</GlassCard>
@@ -1,7 +1,13 @@
<script setup lang="ts">
import { computed, onMounted } from 'vue'
import { useAuthStore } from '@/stores/auth'
import { useLecturesStore } from '@/stores/lectures'
import GlassCard from '@/components/ui/GlassCard.vue'
import DataTable from '@/components/ui/DataTable.vue'
import StatusBadge from '@/components/ui/StatusBadge.vue'
import EmptyState from '@/components/ui/EmptyState.vue'
const auth = useAuthStore()
const lecturesStore = useLecturesStore()
const columns = [
{ key: 'title', label: 'Лекция' },
@@ -11,31 +17,41 @@ const columns = [
{ key: 'actions', label: 'Действия', align: 'right' },
]
const rows = [
{ id: '1', title: 'Введение в нейронные сети', date: '07.05 · 14:00', status: 'upcoming', stats: '28 / — / —' },
{ id: '2', title: 'Алгоритмы глубокого обучения', date: '08.05 · 16:00', status: 'ongoing', stats: '31 / 22 / 15' },
{ id: '3', title: 'Практика по ML в бизнесе', date: '01.05 · 12:00', status: 'completed', stats: '45 / 39 / 27' },
]
const rows = computed(() => {
const owned = lecturesStore.all.filter(l => auth.user && l.teacher.includes(auth.user.name))
return (owned.length ? owned : lecturesStore.all).map(l => ({
id: l.id,
title: l.title,
date: `${new Date(l.date).toLocaleDateString('ru-RU')} · ${l.time}`,
status: l.status ?? 'upcoming',
stats: `${l.totalSeats - l.freeSeats} / — / ${l.reviewCount}`,
}))
})
onMounted(() => {
if (!lecturesStore.all.length) void lecturesStore.fetchLectures()
})
</script>
<template>
<div class="teacher-lectures page-content">
<div class="header">
<h1 class="page-title">Мои лекции</h1>
<button class="btn-primary">Создать лекцию</button>
<button class="btn-primary" disabled>Создать лекцию</button>
</div>
<GlassCard>
<EmptyState v-if="!rows.length && !lecturesStore.loading" title="Лекций пока нет" subtitle="Backend не вернул лекции для текущего преподавателя." />
<DataTable :columns="columns" :rows="rows">
<template #status="{ value }">
<StatusBadge :status="value" />
</template>
<template #actions>
<div class="actions">
<button class="btn-ghost">Редактировать</button>
<button class="btn-ghost">Открыть/закрыть запись</button>
<button class="btn-ghost">Список записавшихся</button>
<button class="btn-ghost">Отметить посещение</button>
<button class="btn-ghost" disabled>Редактировать</button>
<button class="btn-ghost" disabled>Открыть/закрыть запись</button>
<button class="btn-ghost" disabled>Список записавшихся</button>
<button class="btn-ghost" disabled>Отметить посещение</button>
</div>
</template>
</DataTable>