|
|
|
|
@@ -22,6 +22,7 @@ import {usePDFDownload} from "@/hooks/usePDFDownload";
|
|
|
|
|
import useRecordStore from "@/stores/recordStore";
|
|
|
|
|
import useTrainingContentStore from "@/stores/trainingContentStore";
|
|
|
|
|
import StatsGridItem from "@/components/StatGridItem";
|
|
|
|
|
import {checkAccess} from "@/utils/permissions";
|
|
|
|
|
|
|
|
|
|
export const getServerSideProps = withIronSessionSsr(({req, res}) => {
|
|
|
|
|
const user = req.session.user;
|
|
|
|
|
@@ -68,10 +69,9 @@ export default function History({user}: {user: User}) {
|
|
|
|
|
const {assignments} = useAssignments({});
|
|
|
|
|
|
|
|
|
|
const {users} = useUsers();
|
|
|
|
|
const {stats, isLoading: isStatsLoading} = useStats(user?.type === "student" ? user?.id : statsUserId);
|
|
|
|
|
const {stats, isLoading: isStatsLoading} = useStats(statsUserId || user?.id);
|
|
|
|
|
const {groups: allGroups} = useGroups({});
|
|
|
|
|
|
|
|
|
|
const groups = allGroups.filter((x) => x.admin === user.id);
|
|
|
|
|
const {groups} = useGroups({admin: user?.id, userType: user?.type});
|
|
|
|
|
|
|
|
|
|
const setExams = useExamStore((state) => state.setExams);
|
|
|
|
|
const setShowSolutions = useExamStore((state) => state.setShowSolutions);
|
|
|
|
|
@@ -82,6 +82,8 @@ export default function History({user}: {user: User}) {
|
|
|
|
|
const renderPdfIcon = usePDFDownload("stats");
|
|
|
|
|
const router = useRouter();
|
|
|
|
|
|
|
|
|
|
useEffect(() => setStatsUserId(user.id), [setStatsUserId, user]);
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (stats && !isStatsLoading) {
|
|
|
|
|
setGroupedStats(
|
|
|
|
|
@@ -197,6 +199,7 @@ export default function History({user}: {user: User}) {
|
|
|
|
|
const selectableCorporates = [
|
|
|
|
|
defaultSelectableCorporate,
|
|
|
|
|
...users
|
|
|
|
|
.filter((x) => groups.flatMap((g) => [g.admin, ...g.participants]).includes(x.id))
|
|
|
|
|
.filter((x) => x.type === "corporate")
|
|
|
|
|
.map((x) => ({
|
|
|
|
|
value: x.id,
|
|
|
|
|
@@ -208,26 +211,14 @@ export default function History({user}: {user: User}) {
|
|
|
|
|
|
|
|
|
|
const getUsersList = (): User[] => {
|
|
|
|
|
if (selectedCorporate) {
|
|
|
|
|
// get groups for that corporate
|
|
|
|
|
const selectedCorporateGroups = allGroups.filter((x) => x.admin === selectedCorporate);
|
|
|
|
|
|
|
|
|
|
// get the teacher ids for that group
|
|
|
|
|
const selectedCorporateGroupsParticipants = selectedCorporateGroups.flatMap((x) => x.participants);
|
|
|
|
|
|
|
|
|
|
// // search for groups for these teachers
|
|
|
|
|
// const teacherGroups = allGroups.filter((x) => {
|
|
|
|
|
// return selectedCorporateGroupsParticipants.includes(x.admin);
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
// const usersList = [
|
|
|
|
|
// ...selectedCorporateGroupsParticipants,
|
|
|
|
|
// ...teacherGroups.flatMap((x) => x.participants),
|
|
|
|
|
// ];
|
|
|
|
|
const userListWithUsers = selectedCorporateGroupsParticipants.map((x) => users.find((y) => y.id === x)) as User[];
|
|
|
|
|
return userListWithUsers.filter((x) => x);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return users || [];
|
|
|
|
|
return user.type !== "mastercorporate" ? users : users.filter((x) => groups.flatMap((g) => [g.admin, ...g.participants]).includes(x.id));
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const corporateFilteredUserList = getUsersList();
|
|
|
|
|
@@ -267,7 +258,7 @@ export default function History({user}: {user: User}) {
|
|
|
|
|
<Layout user={user}>
|
|
|
|
|
<div className="w-full flex -xl:flex-col -xl:gap-4 justify-between items-center">
|
|
|
|
|
<div className="xl:w-3/4">
|
|
|
|
|
{(user.type === "developer" || user.type === "admin") && !training && (
|
|
|
|
|
{checkAccess(user, ["developer", "admin", "mastercorporate"]) && !training && (
|
|
|
|
|
<>
|
|
|
|
|
<label className="font-normal text-base text-mti-gray-dim">Corporate</label>
|
|
|
|
|
|
|
|
|
|
|