From 4152dec63a5fac196e75328eb23661fa1c08a6f0 Mon Sep 17 00:00:00 2001
From: Dudrie <Dudrie@gmx.de>
Date: Tue, 11 Feb 2020 22:11:32 +0100
Subject: [PATCH] Change Studentoverview to show current schein status (again).

---
 .../student-overview/Studentoverview.tsx      |  6 ++---
 .../components/StudentRow.tsx                 |  8 ++++++
 .../student-store/StudentStore.reducers.ts    | 25 +++++++++++++++----
 .../student-store/StudentStore.tsx            |  3 +++
 4 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/client/src/view/studentmanagement/student-overview/Studentoverview.tsx b/client/src/view/studentmanagement/student-overview/Studentoverview.tsx
index d14771e37..97fc2ea42 100644
--- a/client/src/view/studentmanagement/student-overview/Studentoverview.tsx
+++ b/client/src/view/studentmanagement/student-overview/Studentoverview.tsx
@@ -3,7 +3,6 @@ import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
 import { AccountSearch as SearchIcon } from 'mdi-material-ui';
 import { useSnackbar } from 'notistack';
 import React, { ChangeEvent, useState } from 'react';
-import { ScheinCriteriaSummary } from 'shared/dist/model/ScheinCriteria';
 import { Student } from 'shared/dist/model/Student';
 import { Tutorial } from 'shared/dist/model/Tutorial';
 import { getNameOfEntity } from 'shared/dist/util/helpers';
@@ -44,8 +43,6 @@ const useStyles = makeStyles((theme: Theme) =>
   })
 );
 
-type SummariesByStudent = { [studentId: string]: ScheinCriteriaSummary };
-
 interface Props {
   tutorials?: Tutorial[];
   allowChangeTutorial?: boolean;
@@ -63,7 +60,7 @@ function Studentoverview({
   const [sortOption, setSortOption] = useState<StudentSortOption>(StudentSortOption.ALPHABETICAL);
 
   const dialog = useDialog();
-  const [{ students, teams, tutorialId, isInitialized }, dispatch] = useStudentStore();
+  const [{ students, teams, tutorialId, isInitialized, summaries }, dispatch] = useStudentStore();
   const { enqueueSnackbar } = useSnackbar();
 
   const handlerParams: HandlerParams = { tutorialId, dispatch, enqueueSnackbar };
@@ -187,6 +184,7 @@ function Studentoverview({
     <StudentRow
       className={classes.studentRow}
       student={student}
+      scheinStatus={summaries[student.id]}
       onEdit={openEditDialog}
       onDelete={openDeleteDialog}
       onChangeTutorial={allowChangeTutorial ? openChangeTutorialDialog : undefined}
diff --git a/client/src/view/studentmanagement/student-overview/components/StudentRow.tsx b/client/src/view/studentmanagement/student-overview/components/StudentRow.tsx
index c4c7a0264..32f6a818c 100644
--- a/client/src/view/studentmanagement/student-overview/components/StudentRow.tsx
+++ b/client/src/view/studentmanagement/student-overview/components/StudentRow.tsx
@@ -7,6 +7,7 @@ import {
 } from 'mdi-material-ui';
 import React from 'react';
 import { Link } from 'react-router-dom';
+import { ScheinCriteriaSummary } from 'shared/dist/model/ScheinCriteria';
 import { Student, TeamInStudent } from 'shared/dist/model/Student';
 import { getNameOfEntity } from 'shared/dist/util/helpers';
 import EntityListItemMenu from '../../../../components/list-item-menu/EntityListItemMenu';
@@ -14,6 +15,7 @@ import { ListItem } from '../../../../components/list-item-menu/ListItemMenu';
 import PaperTableRow, { PaperTableRowProps } from '../../../../components/PaperTableRow';
 import StudentAvatar from '../../../../components/student-icon/StudentAvatar';
 import { getStudentInfoPath } from '../../../../routes/Routing.helpers';
+import ScheinStatusBox from '../../student-info/components/ScheinStatusBox';
 import { useStudentStore } from '../../student-store/StudentStore';
 
 const useStyles = makeStyles(theme =>
@@ -39,6 +41,7 @@ interface Props extends PaperTableRowProps {
   onDelete: StudentCallback;
   onChangeTutorial?: StudentCallback;
   subtextPrefix?: string;
+  scheinStatus?: ScheinCriteriaSummary;
 }
 
 interface GetSubtextParams {
@@ -63,6 +66,7 @@ function StudentRow({
   onEdit,
   onDelete,
   onChangeTutorial,
+  scheinStatus,
   ...props
 }: Props): JSX.Element {
   const classes = useStyles();
@@ -102,6 +106,10 @@ function StudentRow({
         />
       }
     >
+      <TableCell align='right' className={classes.infoButton}>
+        <ScheinStatusBox scheinStatus={scheinStatus} />
+      </TableCell>
+
       <TableCell align='right' className={classes.infoButton}>
         <Button
           variant='outlined'
diff --git a/client/src/view/studentmanagement/student-store/StudentStore.reducers.ts b/client/src/view/studentmanagement/student-store/StudentStore.reducers.ts
index d9a4d1ddc..6e023191b 100644
--- a/client/src/view/studentmanagement/student-store/StudentStore.reducers.ts
+++ b/client/src/view/studentmanagement/student-store/StudentStore.reducers.ts
@@ -6,9 +6,13 @@ import {
   deleteStudent,
   editStudent,
   getAllStudents,
+  getScheinCriteriaSummaryOfAllStudents,
 } from '../../../hooks/fetching/Student';
 import { createTeam, getTeamsOfTutorial } from '../../../hooks/fetching/Team';
-import { getStudentsOfTutorial } from '../../../hooks/fetching/Tutorial';
+import {
+  getStudentsOfTutorial,
+  getScheinCriteriaSummariesOfAllStudentsOfTutorial,
+} from '../../../hooks/fetching/Tutorial';
 import { AsyncDispatch } from '../../../util/AsyncReducer';
 import { StudentStore } from './StudentStore';
 import {
@@ -109,20 +113,31 @@ async function reduceReinitializeStore(
   }
 
   if (!!tutorialId) {
-    const [students, teams] = await Promise.all([
+    const [students, teams, summaries] = await Promise.all([
       getStudentsOfTutorial(tutorialId),
       getTeamsOfTutorial(tutorialId),
+      getScheinCriteriaSummariesOfAllStudentsOfTutorial(tutorialId),
     ]);
 
     students.sort(sortByName);
 
-    return { ...state, students, teams, isInitialized: true, tutorialId };
+    return { ...state, students, teams, isInitialized: true, tutorialId, summaries };
   } else {
-    const students = await getAllStudents();
+    const [students, summaries] = await Promise.all([
+      getAllStudents(),
+      getScheinCriteriaSummaryOfAllStudents(),
+    ]);
 
     students.sort(sortByName);
 
-    return { ...state, students, teams: undefined, tutorialId: undefined, isInitialized: true };
+    return {
+      ...state,
+      students,
+      teams: undefined,
+      tutorialId: undefined,
+      isInitialized: true,
+      summaries,
+    };
   }
 }
 
diff --git a/client/src/view/studentmanagement/student-store/StudentStore.tsx b/client/src/view/studentmanagement/student-store/StudentStore.tsx
index 1708a33b3..74ff38568 100644
--- a/client/src/view/studentmanagement/student-store/StudentStore.tsx
+++ b/client/src/view/studentmanagement/student-store/StudentStore.tsx
@@ -4,12 +4,14 @@ import { useAsyncReducer, AsyncDispatch } from '../../../util/AsyncReducer';
 import { StudentStoreAction, StudentStoreActionType } from './StudentStore.actions';
 import { Team } from 'shared/dist/model/Team';
 import studentStoreReducer from './StudentStore.reducers';
+import { ScheincriteriaSummaryByStudents } from 'shared/dist/model/ScheinCriteria';
 
 export interface StudentStore {
   students: Student[];
   teams?: Team[];
   tutorialId?: string;
   isInitialized: boolean;
+  summaries: ScheincriteriaSummaryByStudents;
 }
 
 interface StudentContext {
@@ -22,6 +24,7 @@ const initialState: StudentStore = {
   teams: undefined,
   tutorialId: 'NOT_INITIALIZED',
   isInitialized: false,
+  summaries: {},
 };
 
 const StudentStoreContext = createContext<StudentContext>({