316 lines
32 KiB
HTML
316 lines
32 KiB
HTML
<!DOCTYPE html><html class="dark" lang="ru"><head><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0" name="viewport"><meta content="web_dashboard" name="shell-type"><link href="https://fonts.googleapis.com" rel="preconnect"><link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"><style>@layer base{html,body{margin:0;padding:0;}body{overscroll-behavior:none;}main>:first-child{margin-top:0!important;}main>:last-child{margin-bottom:0!important;}}::-webkit-scrollbar{display:none;}</style><script src="https://cdn.tailwindcss.com"></script><script id="tailwind-config">tailwind.config={darkMode:"class",theme:{extend:{"colors":{"error":"#ffb4ab","on-primary-container":"#0d0096","secondary":"#4cd7f6","primary-fixed":"#e1e0ff","primary":"#c0c1ff","on-background":"#dce2f7","surface-container-lowest":"#070e1d","outline-variant":"#464554","surface-container-high":"#232a3a","surface-container-low":"#141b2b","on-secondary-fixed":"#001f26","on-secondary-fixed-variant":"#004e5c","surface-container-highest":"#2e3545","tertiary":"#4edea3","on-surface":"#dce2f7","on-secondary":"#003640","surface-container":"#191f2f","surface-dim":"#0c1322","on-error":"#690005","secondary-fixed-dim":"#4cd7f6","secondary-container":"#03b5d3","inverse-on-surface":"#293040","on-primary-fixed-variant":"#2f2ebe","surface-bright":"#323949","on-tertiary":"#003824","tertiary-fixed-dim":"#4edea3","on-tertiary-container":"#000703","surface":"#0c1322","inverse-surface":"#dce2f7","surface-tint":"#c0c1ff","on-surface-variant":"#c7c4d7","on-error-container":"#ffdad6","secondary-fixed":"#acedff","on-primary":"#1000a9","primary-fixed-dim":"#c0c1ff","on-tertiary-fixed-variant":"#005236","surface-variant":"#2e3545","on-secondary-container":"#00424e","inverse-primary":"#494bd6","error-container":"#93000a","tertiary-container":"#00885d","outline":"#908fa0","tertiary-fixed":"#6ffbbe","primary-container":"#8083ff","on-tertiary-fixed":"#002113","on-primary-fixed":"#07006c","background":"#0c1322"},"borderRadius":{"DEFAULT":"0.25rem","lg":"0.5rem","xl":"0.75rem","full":"9999px"},"spacing":{"space-md":"1rem","gutter":"1.5rem","space-xl":"2rem","margin-sm":"1rem","space-lg":"1.5rem","space-xs":"0.25rem","gutter-sm":"1rem","margin":"2rem","space-sm":"0.5rem"},"fontFamily":{"label-sm":["Inter"],"body-lg":["Inter"],"label-lg":["Inter"],"body-sm":["Inter"],"headline-sm":["Inter"],"body-md":["Inter"],"display-lg-mobile":["Inter"],"headline-lg":["Inter"],"display-lg":["Inter"],"label-md":["Inter"],"headline-md":["Inter"]},"fontSize":{"label-sm":["11px",{"lineHeight":"14px","letterSpacing":"0.04em","fontWeight":"600"}],"body-lg":["16px",{"lineHeight":"26px","fontWeight":"400"}],"label-lg":["14px",{"lineHeight":"20px","fontWeight":"500"}],"body-sm":["12px",{"lineHeight":"18px","fontWeight":"400"}],"headline-sm":["18px",{"lineHeight":"26px","fontWeight":"600"}],"body-md":["14px",{"lineHeight":"22px","fontWeight":"400"}],"display-lg-mobile":["30px",{"lineHeight":"38px","letterSpacing":"-0.02em","fontWeight":"700"}],"headline-lg":["28px",{"lineHeight":"36px","letterSpacing":"-0.015em","fontWeight":"600"}],"display-lg":["40px",{"lineHeight":"48px","letterSpacing":"-0.02em","fontWeight":"700"}],"label-md":["12px",{"lineHeight":"16px","fontWeight":"500"}],"headline-md":["22px",{"lineHeight":"30px","letterSpacing":"-0.01em","fontWeight":"600"}]}}}}</script></head><body class="bg-background font-body-md text-body-md text-on-surface antialiased"><aside class="fixed left-0 top-0 h-full w-72 bg-surface-container-lowest z-50 flex flex-col justify-between shadow-[0_1px_8px_rgba(0,0,0,0.4)]"><div class="flex flex-col"><div class="h-16 px-space-lg flex items-center gap-space-sm bg-surface-container-low"><div class="w-9 h-9 rounded-lg bg-primary-container flex items-center justify-center text-on-primary-container font-headline-sm text-headline-sm"><span class="material-symbols-outlined text-[20px]">terminal</span></div><div class="flex flex-col"><span class="font-label-lg text-label-lg text-on-surface leading-tight">Администрирование</span><span class="font-label-sm text-label-sm text-on-surface-variant tracking-wider">DJANGO ЕГЭ LMS</span></div></div><div class="px-space-md py-space-sm"><div class="flex items-center justify-between px-space-sm py-space-xs rounded-lg bg-surface-container"><div class="flex items-center gap-space-sm"><span class="material-symbols-outlined text-[16px] text-tertiary">database</span><span class="font-label-sm text-label-sm text-on-surface-variant">Окружение: Prod</span></div><span class="font-label-sm text-label-sm text-tertiary bg-surface-container-high px-space-xs py-0.5 rounded">v5.1</span></div></div><nav class="flex flex-col px-space-sm gap-y-space-xs" data-active-classes="bg-surface-container-high text-primary font-label-lg"><div class="pt-space-sm pb-space-xs px-space-sm font-label-sm text-label-sm text-outline uppercase tracking-wider">Обучение (LMS)</div><a class="flex items-center justify-between px-space-md py-space-sm rounded-lg text-on-surface-variant hover:bg-surface-container hover:text-on-surface transition-all group" data-path="tasks-list" href="#"><div class="flex items-center gap-space-sm"><span class="material-symbols-outlined text-[18px] group-hover:text-primary transition-colors">assignment</span><span class="font-label-md text-label-md">Задания</span></div><span class="font-label-sm text-label-sm bg-surface-container-highest px-space-xs py-0.5 rounded text-on-surface-variant">482</span></a><a aria-current="page" class="flex items-center justify-between px-space-md py-space-sm rounded-lg transition-all group bg-surface-container-high text-primary font-label-lg" data-path="student-answers" href="#"><div class="flex items-center gap-space-sm"><span class="material-symbols-outlined text-[18px] group-hover:text-secondary transition-colors">rate_review</span><span class="font-label-md text-label-md">Ответы учеников</span></div><span class="font-label-sm text-label-sm bg-secondary-container text-on-secondary px-space-xs py-0.5 rounded font-bold">+19</span></a><a class="flex items-center justify-between px-space-md py-space-sm rounded-lg text-on-surface-variant hover:bg-surface-container hover:text-on-surface transition-all group" data-path="subjects-catalog" href="#"><div class="flex items-center gap-space-sm"><span class="material-symbols-outlined text-[18px] group-hover:text-tertiary transition-colors">menu_book</span><span class="font-label-md text-label-md">Предметы</span></div><span class="font-label-sm text-label-sm bg-surface-container-highest px-space-xs py-0.5 rounded text-on-surface-variant">8</span></a><div class="pt-space-md pb-space-xs px-space-sm font-label-sm text-label-sm text-outline uppercase tracking-wider">Пользователи</div><a class="flex items-center justify-between px-space-md py-space-sm rounded-lg text-on-surface-variant hover:bg-surface-container hover:text-on-surface transition-all group" data-path="users-management" href="#"><div class="flex items-center gap-space-sm"><span class="material-symbols-outlined text-[18px] group-hover:text-primary transition-colors">group</span><span class="font-label-md text-label-md">Пользователи</span></div><span class="font-label-sm text-label-sm bg-surface-container-highest px-space-xs py-0.5 rounded text-on-surface-variant">1,420</span></a></nav></div><div class="p-space-md bg-surface-container-lowest flex flex-col gap-space-sm"><div class="flex items-center justify-between px-space-sm py-space-xs text-outline-variant hover:text-on-surface transition-colors cursor-pointer"><div class="flex items-center gap-space-xs"><span class="material-symbols-outlined text-[16px]">code</span><span class="font-body-sm text-body-sm">Django 5.1.2</span></div><span class="material-symbols-outlined text-[16px]">keyboard_double_arrow_left</span></div></div></aside><div class="pl-72"><header class="fixed top-0 left-72 right-0 h-16 bg-surface/85 backdrop-blur-xl shadow-[0_1px_8px_rgba(0,0,0,0.3)] z-40 px-gutter flex items-center justify-between"><div class="flex items-center gap-space-md"><button class="p-space-xs text-on-surface-variant hover:text-on-surface rounded-lg hover:bg-surface-container-high transition-colors" type="button"><span class="material-symbols-outlined text-[22px]">menu</span></button><div class="flex items-center gap-space-xs"><span class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Django Admin</span><span class="text-outline-variant font-label-sm">/</span><span class="font-label-md text-label-md text-on-surface">ЕГЭ LMS Панель управления</span></div></div><div class="flex items-center gap-space-md"><a class="flex items-center gap-space-xs px-space-sm py-space-xs rounded-lg text-on-surface-variant hover:bg-surface-container hover:text-on-surface transition-all" href="#"><span class="material-symbols-outlined text-[18px] text-secondary">open_in_new</span><span class="font-label-md text-label-md">Смотреть сайт LMS</span></a><button class="p-space-xs text-on-surface-variant hover:text-on-surface rounded-lg hover:bg-surface-container transition-colors" title="Переключить вид" type="button"><span class="material-symbols-outlined text-[20px]">view_quilt</span></button><div class="h-6 w-px bg-surface-container-highest"></div><div class="flex items-center gap-space-sm pl-space-xs"><div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center"><span class="material-symbols-outlined text-on-primary text-[18px]">person</span></div><div class="flex flex-col"><span class="font-label-md text-label-md text-on-surface font-semibold">Dimong</span><span class="font-label-sm text-label-sm text-tertiary">Superuser</span></div></div><a class="flex items-center gap-space-xs px-space-sm py-space-xs text-on-surface-variant hover:text-error hover:bg-surface-container rounded-lg transition-colors ml-space-xs" data-path="login" href="#" title="Выйти"><span class="material-symbols-outlined text-[20px]">logout</span><span class="font-label-md text-label-md hidden md:inline">Выйти</span></a></div></header><main class="w-full pt-16 px-gutter py-space-lg bg-background min-h-screen"><div class="flex flex-col w-full">
|
||
<!-- Top Context Header & Breadcrumbs -->
|
||
<div class="flex flex-col gap-space-sm mb-space-lg">
|
||
<!-- Breadcrumbs -->
|
||
<nav class="flex items-center gap-space-xs font-body-sm text-body-sm text-on-surface-variant flex-wrap">
|
||
<a class="hover:text-primary transition-colors flex items-center gap-1" href="#">
|
||
<span class="material-symbols-outlined text-[15px]">home</span>
|
||
<span class="">Начало</span>
|
||
</a>
|
||
<span class="text-outline-variant">/</span>
|
||
<a class="hover:text-primary transition-colors" href="#">Обучение (LMS)</a>
|
||
<span class="text-outline-variant">/</span>
|
||
<a class="hover:text-primary transition-colors" href="#">Ответы учеников</a>
|
||
<span class="text-outline-variant">/</span>
|
||
<span class="text-on-surface font-medium truncate max-w-md">Ответ от pipin на Входной контроль по информатике</span>
|
||
</nav>
|
||
<!-- Title & History Toolbar -->
|
||
<div class="flex flex-col md:flex-row md:items-center justify-between gap-space-md pt-space-xs">
|
||
<div class="flex items-center gap-space-sm min-w-0">
|
||
<div class="w-10 h-10 rounded-xl bg-surface-container-high flex items-center justify-center text-primary shadow-sm flex-shrink-0">
|
||
<span class="material-symbols-outlined text-[24px]">fact_check</span>
|
||
</div>
|
||
<div class="min-w-0">
|
||
<div class="flex items-center gap-space-xs">
|
||
<span class="font-label-sm text-label-sm text-secondary uppercase tracking-wider">Django LMS Admin</span>
|
||
<span class="text-outline-variant font-label-sm">•</span>
|
||
<span class="font-label-sm text-label-sm text-outline">ID: #48291</span>
|
||
</div>
|
||
<h1 class="font-headline-md text-headline-md text-on-surface font-semibold truncate tracking-tight">
|
||
Изменить Ответ ученика: <span class="text-primary-fixed">pipin</span> на Входной контроль
|
||
</h1>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-space-sm flex-shrink-0">
|
||
<a class="inline-flex items-center gap-space-xs px-space-md py-2 rounded-lg bg-surface-container-high hover:bg-surface-container-highest text-on-surface font-label-md text-label-md transition-all shadow-sm" href="#">
|
||
<span class="material-symbols-outlined text-[18px] text-on-surface-variant">history</span>
|
||
<span class="">История изменений</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Form Layout Grid -->
|
||
<form class="flex flex-col gap-space-lg pb-28">
|
||
<!-- Main Submission Metadata Panel -->
|
||
<div class="bg-surface-container-low rounded-xl p-space-lg flex flex-col gap-space-lg shadow-md">
|
||
<div class="flex items-center justify-between border-b-0 pb-1">
|
||
<div class="flex items-center gap-space-xs">
|
||
<span class="material-symbols-outlined text-primary text-[20px]">assignment_turned_in</span>
|
||
<span class="font-headline-sm text-headline-sm text-on-surface">Параметры проверки и оценка</span>
|
||
</div>
|
||
<div class="flex items-center gap-space-xs bg-surface-container px-space-sm py-1 rounded-full text-on-surface-variant font-label-sm text-label-sm">
|
||
<span class="w-2 h-2 rounded-full bg-secondary animate-pulse"></span>
|
||
<span class="">Статус: Требует верификации</span>
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-1 lg:grid-cols-12 gap-space-lg">
|
||
<!-- Field: Задание * -->
|
||
<div class="lg:col-span-7 flex flex-col gap-space-xs">
|
||
<label class="font-label-md text-label-md text-on-surface flex items-center gap-1">
|
||
<span class="">Задание</span>
|
||
<span class="text-error font-bold">*</span>
|
||
</label>
|
||
<div class="flex items-center gap-space-xs">
|
||
<div class="relative flex-1">
|
||
<select class="w-full bg-surface-container-lowest text-on-surface font-body-md text-body-md rounded-lg px-space-md py-2.5 appearance-none focus:outline-none focus:ring-2 focus:ring-primary shadow-inner">
|
||
<option selected="">Входной контроль по информатике (Информатика)</option>
|
||
<option>Пробный ЕГЭ 2025 #1 (Информатика)</option>
|
||
<option>Тематический блок: Рекурсивные алгоритмы</option>
|
||
</select>
|
||
<span class="material-symbols-outlined absolute right-3 top-3 text-outline-variant pointer-events-none text-[20px]">expand_more</span>
|
||
</div>
|
||
<div class="flex items-center bg-surface-container-high rounded-lg p-1 gap-0.5 flex-shrink-0">
|
||
<button class="p-1.5 rounded text-on-surface-variant hover:text-primary hover:bg-surface-container transition-colors" title="Изменить связанный объект" type="button">
|
||
<span class="material-symbols-outlined text-[18px]">edit</span>
|
||
</button>
|
||
<button class="p-1.5 rounded text-on-surface-variant hover:text-tertiary hover:bg-surface-container transition-colors" title="Добавить объект" type="button">
|
||
<span class="material-symbols-outlined text-[18px]">add</span>
|
||
</button>
|
||
<button class="p-1.5 rounded text-on-surface-variant hover:text-secondary hover:bg-surface-container transition-colors" title="Просмотреть объект" type="button">
|
||
<span class="material-symbols-outlined text-[18px]">visibility</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<span class="font-body-sm text-body-sm text-outline">Курс: ЕГЭ Информатика 2025 • Дедлайн: 15 мая 2024</span>
|
||
</div>
|
||
<!-- Field: Ученик * -->
|
||
<div class="lg:col-span-5 flex flex-col gap-space-xs">
|
||
<label class="font-label-md text-label-md text-on-surface flex items-center gap-1">
|
||
<span class="">Ученик</span>
|
||
<span class="text-error font-bold">*</span>
|
||
</label>
|
||
<div class="flex items-center gap-space-xs">
|
||
<div class="relative flex-1">
|
||
<select class="w-full bg-surface-container-lowest text-on-surface font-body-md text-body-md rounded-lg px-space-md py-2.5 appearance-none focus:outline-none focus:ring-2 focus:ring-primary shadow-inner">
|
||
<option selected="">pipin (Ученик: Игорь Попов)</option>
|
||
<option>alexeik (Ученик: Алексей Кузнецов)</option>
|
||
<option>mariya_s (Ученик: Мария Смирнова)</option>
|
||
</select>
|
||
<span class="material-symbols-outlined absolute right-3 top-3 text-outline-variant pointer-events-none text-[20px]">expand_more</span>
|
||
</div>
|
||
<div class="flex items-center bg-surface-container-high rounded-lg p-1 gap-0.5 flex-shrink-0">
|
||
<button class="p-1.5 rounded text-on-surface-variant hover:text-primary hover:bg-surface-container transition-colors" title="Изменить" type="button">
|
||
<span class="material-symbols-outlined text-[18px]">edit</span>
|
||
</button>
|
||
<button class="p-1.5 rounded text-on-surface-variant hover:text-tertiary hover:bg-surface-container transition-colors" title="Добавить" type="button">
|
||
<span class="material-symbols-outlined text-[18px]">add</span>
|
||
</button>
|
||
<button class="p-1.5 rounded text-on-surface-variant hover:text-secondary hover:bg-surface-container transition-colors" title="Профиль" type="button">
|
||
<span class="material-symbols-outlined text-[18px]">visibility</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<span class="font-body-sm text-body-sm text-outline">Группа: 11-Б Профиль • Telegram: @pipin_dev</span>
|
||
</div>
|
||
</div>
|
||
<!-- Score & Summary Bar -->
|
||
<div class="grid grid-cols-1 md:grid-cols-12 gap-space-md p-space-md bg-surface-container rounded-xl items-center">
|
||
<div class="md:col-span-4 flex flex-col gap-1">
|
||
<label class="font-label-md text-label-md text-on-surface font-semibold">Итоговая оценка</label>
|
||
<div class="flex items-center gap-space-sm">
|
||
<div class="relative w-36">
|
||
<input class="w-full bg-surface-container-lowest text-on-surface font-headline-sm text-headline-sm font-semibold rounded-lg px-3 py-2 text-center focus:outline-none focus:ring-2 focus:ring-primary shadow-inner tracking-wider" type="text" value="3/27">
|
||
</div>
|
||
<span class="font-label-sm text-label-sm text-outline">первичных баллов</span>
|
||
</div>
|
||
</div>
|
||
<!-- Progress Indicator -->
|
||
<div class="md:col-span-8 flex flex-col gap-1.5">
|
||
<div class="flex justify-between font-label-sm text-label-sm">
|
||
<span class="text-on-surface-variant">Процент выполнения работы: <strong class="text-on-surface">11.1%</strong></span>
|
||
<span class="text-error font-semibold">Ниже порога (Мин: 40%)</span>
|
||
</div>
|
||
<div class="w-full h-3 bg-surface-container-lowest rounded-full overflow-hidden p-0.5 flex">
|
||
<div class="h-full bg-gradient-to-r from-error to-secondary-container rounded-full" style="width: 11.1%"></div>
|
||
</div>
|
||
<div class="flex justify-between text-body-sm font-body-sm text-outline">
|
||
<span class="">0 б</span>
|
||
<span class="">Порог: 11 б</span>
|
||
<span class="">Максимум: 27 б</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Teacher Feedback Textarea -->
|
||
<div class="flex flex-col gap-space-xs">
|
||
<div class="flex items-center justify-between">
|
||
<label class="font-label-md text-label-md text-on-surface flex items-center gap-space-xs">
|
||
<span class="material-symbols-outlined text-[18px] text-secondary">mode_comment</span>
|
||
<span class="">Комментарий учителя к работе</span>
|
||
</label>
|
||
<span class="font-body-sm text-body-sm text-outline">Markdown поддерживается</span>
|
||
</div>
|
||
<textarea class="w-full bg-surface-container-lowest text-on-surface font-body-md text-body-md rounded-xl p-space-md focus:outline-none focus:ring-2 focus:ring-primary shadow-inner placeholder:text-outline-variant resize-y min-h-[100px]" placeholder="Напишите разбор типичных ошибок, дайте рекомендации по повторению разделов кодирования и графов..." rows="4">Неплохое начало, но обрати внимание на 2-ю задачу: при построении дерева путей не был учтен запрет на повторное посещение вершины B. Рекомендую повторить раздел «Анализ информационных моделей».</textarea>
|
||
</div>
|
||
</div>
|
||
<!-- Stacked Inlines: Ответы на задачи -->
|
||
<div class="flex flex-col gap-space-md">
|
||
<div class="flex items-center justify-between px-space-xs">
|
||
<div class="flex items-center gap-space-sm">
|
||
<span class="material-symbols-outlined text-secondary text-[22px]">list_alt</span>
|
||
<h2 class="font-headline-sm text-headline-sm text-on-surface font-semibold">Ответы на задачи (Inline)</h2>
|
||
<span class="font-label-sm text-label-sm px-space-xs py-0.5 bg-surface-container-highest text-on-surface rounded font-medium">2 объекта</span>
|
||
</div>
|
||
<button class="inline-flex items-center gap-1 px-space-sm py-1.5 rounded-lg bg-surface-container-high hover:bg-surface-container-highest text-primary font-label-md text-label-md transition-colors" type="button">
|
||
<span class="material-symbols-outlined text-[16px]">add_circle</span>
|
||
<span class="">Добавить ещё ответ на задачу</span>
|
||
</button>
|
||
</div>
|
||
<!-- Task Card 1 (Correct) -->
|
||
<div class="bg-surface-container-low rounded-xl p-space-lg flex flex-col gap-space-md shadow-md transition-all">
|
||
<div class="flex items-center justify-between pb-space-xs">
|
||
<div class="flex items-center gap-space-sm">
|
||
<span class="w-7 h-7 rounded-lg bg-tertiary-container/30 text-tertiary flex items-center justify-center font-label-md font-bold">1</span>
|
||
<span class="font-label-lg text-label-lg text-on-surface font-semibold">Ответ на задачу: Ответ на Задача 1 к Входной контроль по информатике</span>
|
||
</div>
|
||
<label class="flex items-center gap-space-xs cursor-pointer select-none text-on-surface-variant hover:text-error transition-colors">
|
||
<input class="w-4 h-4 rounded bg-surface-container-lowest text-error focus:ring-0 focus:outline-none cursor-pointer" type="checkbox">
|
||
<span class="font-label-sm text-label-sm">Удалить</span>
|
||
</label>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-12 gap-space-md pt-space-xs">
|
||
<!-- Sub-field: Задача -->
|
||
<div class="md:col-span-12 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Задача формулировка</label>
|
||
<div class="bg-surface-container px-space-md py-2.5 rounded-lg text-on-surface font-body-md text-body-md flex items-center justify-between">
|
||
<span class="">Задача 1 к Входной контроль по информатике (Поиск оптимального маршрута по таблице весов)</span>
|
||
<a class="text-secondary hover:underline font-label-sm text-label-sm flex items-center gap-1" href="#">
|
||
<span class="">Условие</span>
|
||
<span class="material-symbols-outlined text-[14px]">launch</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- Sub-field: Ответ ученика -->
|
||
<div class="md:col-span-4 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Ответ ученика</label>
|
||
<div class="bg-surface-container-lowest px-space-md py-2.5 rounded-lg flex items-center justify-between font-mono text-body-lg text-tertiary shadow-inner font-semibold">
|
||
<span class="">21</span>
|
||
<span class="material-symbols-outlined text-[18px] text-tertiary">check_circle</span>
|
||
</div>
|
||
<span class="font-body-sm text-body-sm text-outline">Эталонный ответ: 21</span>
|
||
</div>
|
||
<!-- Sub-field: Правильно? -->
|
||
<div class="md:col-span-4 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Правильно?</label>
|
||
<div class="relative">
|
||
<select class="w-full bg-surface-container-lowest text-tertiary font-label-lg text-label-lg font-semibold rounded-lg px-space-md py-2.5 appearance-none focus:outline-none focus:ring-2 focus:ring-tertiary shadow-inner">
|
||
<option selected="" value="yes">Да (Зачтено)</option>
|
||
<option value="no">Нет (Ошибка)</option>
|
||
<option value="partial">Частично</option>
|
||
</select>
|
||
<span class="material-symbols-outlined absolute right-3 top-3 text-tertiary pointer-events-none text-[20px]">check</span>
|
||
</div>
|
||
</div>
|
||
<!-- Sub-field: Баллы -->
|
||
<div class="md:col-span-4 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Баллы за задачу</label>
|
||
<div class="relative">
|
||
<input class="w-full bg-surface-container-lowest text-on-surface font-body-md text-body-md font-semibold rounded-lg px-space-md py-2.5 focus:outline-none focus:ring-2 focus:ring-primary shadow-inner" max="2" min="0" type="number" value="1">
|
||
<span class="absolute right-3 top-3 text-outline text-body-sm font-body-sm">макс: 1 б</span>
|
||
</div>
|
||
</div>
|
||
<!-- Sub-field: Комментарий к задаче -->
|
||
<div class="md:col-span-12 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Комментарий к задаче 1</label>
|
||
<input class="w-full bg-surface-container-lowest text-on-surface font-body-md text-body-md rounded-lg px-space-md py-2 focus:outline-none focus:ring-2 focus:ring-primary shadow-inner placeholder:text-outline-variant" placeholder="Пояснение эксперта к данному номеру (необязательно)..." type="text" value="Верный алгоритмический расчет кратчайшего пути.">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Task Card 2 (Incorrect) -->
|
||
<div class="bg-surface-container-low rounded-xl p-space-lg flex flex-col gap-space-md shadow-md transition-all">
|
||
<div class="flex items-center justify-between pb-space-xs">
|
||
<div class="flex items-center gap-space-sm">
|
||
<span class="w-7 h-7 rounded-lg bg-error-container/30 text-error flex items-center justify-center font-label-md font-bold">2</span>
|
||
<span class="font-label-lg text-label-lg text-on-surface font-semibold">Ответ на задачу: Ответ на Задача 2 к Входной контроль по информатике</span>
|
||
</div>
|
||
<label class="flex items-center gap-space-xs cursor-pointer select-none text-on-surface-variant hover:text-error transition-colors">
|
||
<input class="w-4 h-4 rounded bg-surface-container-lowest text-error focus:ring-0 focus:outline-none cursor-pointer" type="checkbox">
|
||
<span class="font-label-sm text-label-sm">Удалить</span>
|
||
</label>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-12 gap-space-md pt-space-xs">
|
||
<!-- Sub-field: Задача -->
|
||
<div class="md:col-span-12 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Задача формулировка</label>
|
||
<div class="bg-surface-container px-space-md py-2.5 rounded-lg text-on-surface font-body-md text-body-md flex items-center justify-between">
|
||
<span class="">Задача 2 к Входной контроль по информатике (Построение таблицы истинности логической функции)</span>
|
||
<a class="text-secondary hover:underline font-label-sm text-label-sm flex items-center gap-1" href="#">
|
||
<span class="">Условие</span>
|
||
<span class="material-symbols-outlined text-[14px]">launch</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- Sub-field: Ответ ученика -->
|
||
<div class="md:col-span-4 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Ответ ученика</label>
|
||
<div class="bg-surface-container-lowest px-space-md py-2.5 rounded-lg flex items-center justify-between font-mono text-body-lg text-error shadow-inner font-semibold">
|
||
<span class="">34 (yxzw)</span>
|
||
<span class="material-symbols-outlined text-[18px] text-error">cancel</span>
|
||
</div>
|
||
<span class="font-body-sm text-body-sm text-outline">Эталонный ответ: <strong>wzyx</strong></span>
|
||
</div>
|
||
<!-- Sub-field: Правильно? -->
|
||
<div class="md:col-span-4 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Правильно?</label>
|
||
<div class="relative">
|
||
<select class="w-full bg-surface-container-lowest text-error font-label-lg text-label-lg font-semibold rounded-lg px-space-md py-2.5 appearance-none focus:outline-none focus:ring-2 focus:ring-error shadow-inner">
|
||
<option value="yes">Да (Зачтено)</option>
|
||
<option selected="" value="no">Нет (Неверно)</option>
|
||
<option value="partial">Частично</option>
|
||
</select>
|
||
<span class="material-symbols-outlined absolute right-3 top-3 text-error pointer-events-none text-[20px]">close</span>
|
||
</div>
|
||
</div>
|
||
<!-- Sub-field: Баллы -->
|
||
<div class="md:col-span-4 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Баллы за задачу</label>
|
||
<div class="relative">
|
||
<input class="w-full bg-surface-container-lowest text-error font-body-md text-body-md font-semibold rounded-lg px-space-md py-2.5 focus:outline-none focus:ring-2 focus:ring-error shadow-inner" max="2" min="0" type="number" value="0">
|
||
<span class="absolute right-3 top-3 text-outline text-body-sm font-body-sm">макс: 1 б</span>
|
||
</div>
|
||
</div>
|
||
<!-- Sub-field: Комментарий к задаче -->
|
||
<div class="md:col-span-12 flex flex-col gap-1">
|
||
<label class="font-label-sm text-label-sm text-on-surface-variant uppercase tracking-wider">Комментарий к задаче 2</label>
|
||
<input class="w-full bg-surface-container-lowest text-on-surface font-body-md text-body-md rounded-lg px-space-md py-2 focus:outline-none focus:ring-2 focus:ring-primary shadow-inner placeholder:text-outline-variant" placeholder="Пояснение эксперта к данному номеру..." type="text" value="Перепутаны переменные w и z в третьей строке истинности.">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Bottom Sticky Classic Django Action Bar -->
|
||
<div class="fixed bottom-0 left-72 right-0 bg-surface-container-lowest/90 backdrop-blur-md px-gutter py-space-md z-30 shadow-[0_-4px_20px_rgba(0,0,0,0.5)] flex flex-wrap items-center justify-between gap-space-md">
|
||
<!-- Left: Delete Button -->
|
||
<div>
|
||
<button class="inline-flex items-center gap-space-xs px-space-md py-2.5 rounded-lg bg-error-container/20 text-error hover:bg-error-container hover:text-on-error transition-all font-label-md text-label-md" type="button">
|
||
<span class="material-symbols-outlined text-[18px]">delete</span>
|
||
<span class="">Удалить Ответ ученика</span>
|
||
</button>
|
||
</div>
|
||
<!-- Right: Action Buttons Group -->
|
||
<div class="flex items-center gap-space-sm flex-wrap">
|
||
<button class="px-space-md py-2.5 rounded-lg bg-surface-container hover:bg-surface-container-high text-on-surface font-label-md text-label-md transition-colors shadow-sm" type="button">
|
||
Сохранить и добавить другой объект
|
||
</button>
|
||
<button class="px-space-md py-2.5 rounded-lg bg-surface-container hover:bg-surface-container-high text-on-surface font-label-md text-label-md transition-colors shadow-sm" type="button">
|
||
Сохранить и продолжить редактирование
|
||
</button>
|
||
<button class="inline-flex items-center gap-space-xs px-space-lg py-2.5 rounded-lg bg-primary hover:bg-primary-fixed-dim text-on-primary font-label-lg text-label-lg font-semibold shadow-[0_0_16px_rgba(192,193,255,0.3)] hover:shadow-[0_0_24px_rgba(192,193,255,0.5)] transition-all" type="submit">
|
||
<span class="material-symbols-outlined text-[18px]">save</span>
|
||
<span class="">Сохранить</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div></main></div>
|
||
|
||
</body></html> |