Files
LMS/des/django_3/code.html
T
2026-09-21 10:59:42 +03:00

316 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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&amp;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&amp;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>