Student Stats: лучшее решение по задаче

Author: DedSec256

hwproj.front/src/components/Courses/StudentStats.tsx

@@ -9,6 +9,7 @@ import StudentStatsUtils from "../../services/StudentStatsUtils";
 import ShowChartIcon from "@mui/icons-material/ShowChart";
 import {BonusTag, DefaultTags, TestTag} from "../Common/HomeworkTags";
 import Lodash from "lodash"
+import ApiSingleton from "@/api/ApiSingleton";
 
 interface IStudentStatsProps {
     course: CourseViewModel;
@@ -35,6 +36,7 @@ const StudentStats: React.FC<IStudentStatsProps> = (props) => {
     }
 
     const {searched} = state
+    const isMentor = ApiSingleton.authService.isMentor()
 
     useEffect(() => {
         const keyDownHandler = (event: KeyboardEvent) => {
@@ -98,6 +100,25 @@ const StudentStats: React.FC<IStudentStatsProps> = (props) => {
     const hasHomeworks = homeworksMaxSum > 0
     const hasTests = testsMaxSum > 0
 
+    const bestTaskSolutions = new Map<number, string>()
+    if (solutions) {
+        Lodash(homeworks)
+            .flatMap(h => h.tasks!)
+            .map(t => solutions
+                .map(s => s.homeworks!
+                    .flatMap(h1 => h1.tasks!)
+                    .find(t1 => t1.id === t.id)?.solution || [])
+                .map(s => StudentStatsUtils.calculateLastRatedSolution(s))
+                .filter(x => x != undefined && x.rating! > 0))
+            .filter(x => x.length > 0)
+            .map(x => Lodash(x).orderBy([
+                    (x) => x.rating,
+                    (x) => new Date(x.publicationDate!).getTime()
+                ], ["desc", "asc"]).value()[0]
+            )
+            .forEach(x => bestTaskSolutions.set(x.taskId!, x.studentId!))
+    }
+
     return (
         <div>
             {props.solutions === undefined && <LinearProgress/>}
@@ -291,6 +312,7 @@ const StudentStats: React.FC<IStudentStatsProps> = (props) => {
                                                 studentId={String(cm.id)}
                                                 taskId={task.id!}
                                                 taskMaxRating={task.maxRating!}
+                                                isBestSolution={isMentor && bestTaskSolutions.get(task.id!) === cm.id}
                                                 {...additionalStyles}/>;
                                         })
                                     )}

hwproj.front/src/components/Courses/Styles/StudentStatsCell.css

@@ -0,0 +1,24 @@
+@keyframes golden-glow-strongest-inset {
+    0% {
+        box-shadow:
+                inset 0 0 45px rgba(255, 215, 0, 1),   /* супер яркое и большое внутреннее */
+                0 0 10px rgba(255, 215, 0, 0.6);       /* лёгкое внешнее */
+        border-color: #ffd700;
+    }
+    70% {
+        box-shadow:
+                inset 0 0 12px rgba(255, 215, 0, 0.4), /* заметное затухание внутри */
+                0 0 3px rgba(255, 215, 0, 0.2);        /* почти исчезающее снаружи */
+        border-color: #ffd700;
+    }
+    100% {
+        box-shadow:
+                inset 0 0 45px rgba(255, 215, 0, 1),
+                0 0 10px rgba(255, 215, 0, 0.6);
+        border-color: #ffd700;
+    }
+}
+
+.glow-cell {
+    animation: golden-glow-strongest-inset 2.5s infinite ease-in-out;
+}

hwproj.front/src/components/Tasks/StudentStatsCell.tsx

@@ -1,19 +1,21 @@
 import * as React from "react";
-import {useState, FC, useEffect} from "react";
+import {FC} from "react";
 import TableCell from "@material-ui/core/TableCell";
 import {useNavigate} from "react-router-dom";
 import {Solution} from "api";
 import {Chip, Stack, Tooltip} from "@mui/material";
 import StudentStatsUtils from "../../services/StudentStatsUtils";
 import Utils from "../../services/Utils";
 import {grey} from "@material-ui/core/colors";
+import "../Courses/Styles/StudentStatsCell.css";
 
 interface ITaskStudentCellProps {
     studentId: string;
     taskId: number;
     forMentor: boolean;
     userId: string;
     taskMaxRating: number;
+    isBestSolution: boolean;
     solutions?: Solution[];
 }
 
@@ -27,7 +29,9 @@ const StudentStatsCell: FC<ITaskStudentCellProps & { borderLeftColor?: string }>
 
     const tooltipTitle = ratedSolutionsCount === 0
         ? solutionsDescription
-        : solutionsDescription + `\n\n${Utils.pluralizeHelper(["Проверена", "Проверены", "Проверено"], ratedSolutionsCount)} ${ratedSolutionsCount} ${Utils.pluralizeHelper(["попытка", "попытки", "попыток"], ratedSolutionsCount)}`;
+        : solutionsDescription
+        + (props.isBestSolution ? "\n Первое решение с лучшей оценкой" : "")
+        + `\n\n${Utils.pluralizeHelper(["Проверена", "Проверены", "Проверено"], ratedSolutionsCount)} ${ratedSolutionsCount} ${Utils.pluralizeHelper(["попытка", "попытки", "попыток"], ratedSolutionsCount)}`;
 
     const result = cellState.lastRatedSolution === undefined
         ? ""
@@ -58,6 +62,7 @@ const StudentStatsCell: FC<ITaskStudentCellProps & { borderLeftColor?: string }>
                  title={<span style={{whiteSpace: 'pre-line'}}>{tooltipTitle}</span>}>
             <TableCell
                 onClick={handleCellClick}
+                className={props.isBestSolution ? "glow-cell" : ""}
                 component="td"
                 padding="none"
                 variant={"body"}