devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Did some fixes related to master corporates

Browse Source
This commit is contained in:
Tiago Ribeiro
2025-02-07 16:19:47 +00:00
parent 1dd6cead9e
commit f95bce6fa2
3 changed files with 600 additions and 721 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/(admin)/UserCreator.tsx
View File

@@ -1,30 +1,31 @@
import Button from "@/components/Low/Button";
import Checkbox from "@/components/Low/Checkbox";
import { PERMISSIONS } from "@/constants/userPermissions";
import { CorporateUser, TeacherUser, Type, User } from "@/interfaces/user";
import { USER_TYPE_LABELS } from "@/resources/user";
import {PERMISSIONS} from "@/constants/userPermissions";
import {CorporateUser, TeacherUser, Type, User} from "@/interfaces/user";
import {USER_TYPE_LABELS} from "@/resources/user";
import axios from "axios";
import clsx from "clsx";
import { capitalize, uniqBy } from "lodash";
import {capitalize, uniqBy} from "lodash";
import moment from "moment";
import { useEffect, useState } from "react";
import {useEffect, useState} from "react";
import ReactDatePicker from "react-datepicker";
import { toast } from "react-toastify";
import {toast} from "react-toastify";
import ShortUniqueId from "short-unique-id";
import { checkAccess, getTypesOfUser } from "@/utils/permissions";
import { PermissionType } from "@/interfaces/permissions";
import {checkAccess, getTypesOfUser} from "@/utils/permissions";
import {PermissionType} from "@/interfaces/permissions";
import usePermissions from "@/hooks/usePermissions";
import Input from "@/components/Low/Input";
import CountrySelect from "@/components/Low/CountrySelect";
import useGroups from "@/hooks/useGroups";
import useUsers from "@/hooks/useUsers";
import { getUserName } from "@/utils/users";
import {getUserName} from "@/utils/users";
import Select from "@/components/Low/Select";
import { EntityWithRoles } from "@/interfaces/entity";
import {EntityWithRoles} from "@/interfaces/entity";
import useEntitiesGroups from "@/hooks/useEntitiesGroups";
import {mapBy} from "@/utils";
const USER_TYPE_PERMISSIONS: {
[key in Type]: { perm: PermissionType | undefined; list: Type[] };
[key in Type]: {perm: PermissionType | undefined; list: Type[]};
} = {
student: {
perm: "createCodeStudent",
@@ -59,12 +60,12 @@ const USER_TYPE_PERMISSIONS: {
interface Props {
user: User;
users: User[];
entities: EntityWithRoles[]
entities: EntityWithRoles[];
permissions: PermissionType[];
onFinish: () => void;
}
export default function UserCreator({ user, users, entities = [], permissions, onFinish }: Props) {
export default function UserCreator({user, users, entities = [], permissions, onFinish}: Props) {
const [name, setName] = useState<string>();
const [email, setEmail] = useState<string>();
const [phone, setPhone] = useState<string>();
@@ -81,9 +82,9 @@ export default function UserCreator({ user, users, entities = [], permissions, o
const [isLoading, setIsLoading] = useState(false);
const [type, setType] = useState<Type>("student");
const [position, setPosition] = useState<string>();
const [entity, setEntity] = useState((entities || [])[0]?.id || undefined)
const [entity, setEntity] = useState((entities || [])[0]?.id || undefined);
const { groups } = useEntitiesGroups();
const {groups} = useEntitiesGroups();
useEffect(() => {
if (!isExpiryDateEnabled) setExpiryDate(null);
@@ -128,7 +129,7 @@ export default function UserCreator({ user, users, entities = [], permissions, o
setStudentID("");
setCountry(user?.demographicInformation?.country);
setGroup(null);
setEntity((entities || [])[0]?.id || undefined)
setEntity((entities || [])[0]?.id || undefined);
setExpiryDate(user?.subscriptionExpirationDate ? moment(user?.subscriptionExpirationDate).toDate() : null);
setIsExpiryDateEnabled(true);
setType("student");
@@ -184,8 +185,8 @@ export default function UserCreator({ user, users, entities = [], permissions, o
<div className={clsx("flex flex-col gap-4")}>
<label className="font-normal text-base text-mti-gray-dim">Entity</label>
<Select
defaultValue={{ value: (entities || [])[0]?.id, label: (entities || [])[0]?.label }}
options={entities.map((e) => ({ value: e.id, label: e.label }))}
defaultValue={{value: (entities || [])[0]?.id, label: (entities || [])[0]?.label}}
options={entities.map((e) => ({value: e.id, label: e.label}))}
onChange={(e) => setEntity(e?.value || undefined)}
isClearable={checkAccess(user, ["admin", "developer"])}
/>
@@ -198,9 +199,7 @@ export default function UserCreator({ user, users, entities = [], permissions, o
<div className={clsx("flex flex-col gap-4")}>
<label className="font-normal text-base text-mti-gray-dim">Classroom</label>
<Select
options={groups
.filter((x) => x.entity?.id === entity)
.map((g) => ({ value: g.id, label: g.name }))}
options={groups.filter((x) => x.entity?.id === entity).map((g) => ({value: g.id, label: g.name}))}
onChange={(e) => setGroup(e?.value || undefined)}
isClearable
/>
@@ -220,7 +219,7 @@ export default function UserCreator({ user, users, entities = [], permissions, o
className="p-6 w-full min-w-[350px] min-h-[70px] flex justify-center text-sm font-normal rounded-full border focus:outline-none cursor-pointer bg-white">
{Object.keys(USER_TYPE_LABELS)
.filter((x) => {
const { list, perm } = USER_TYPE_PERMISSIONS[x as Type];
const {list, perm} = USER_TYPE_PERMISSIONS[x as Type];
return checkAccess(user, getTypesOfUser(list), permissions, perm);
})
.map((type) => (

147
src/pages/dashboard/mastercorporate.tsx
View File

@@ -1,67 +1,49 @@
/* eslint-disable @next/next/no-img-element */
import UserDisplayList from "@/components/UserDisplayList";
import IconCard from "@/components/IconCard";
import { useAllowedEntities } from "@/hooks/useEntityPermissions";
import { EntityWithRoles } from "@/interfaces/entity";
import { Stat, StudentUser, Type, User } from "@/interfaces/user";
import { sessionOptions } from "@/lib/session";
import { filterBy, mapBy, redirect, serialize } from "@/utils";
import { requestUser } from "@/utils/api";
import { countEntitiesAssignments } from "@/utils/assignments.be";
import { getEntitiesWithRoles } from "@/utils/entities.be";
import { countGroupsByEntities } from "@/utils/groups.be";
import {
checkAccess,
groupAllowedEntitiesByPermissions,
} from "@/utils/permissions";
import { groupByExam } from "@/utils/stats";
import { countAllowedUsers, getUsers } from "@/utils/users.be";
import { clsx } from "clsx";
import { withIronSessionSsr } from "iron-session/next";
import {useAllowedEntities} from "@/hooks/useEntityPermissions";
import {EntityWithRoles} from "@/interfaces/entity";
import {Stat, StudentUser, Type, User} from "@/interfaces/user";
import {sessionOptions} from "@/lib/session";
import {filterBy, mapBy, redirect, serialize} from "@/utils";
import {requestUser} from "@/utils/api";
import {countEntitiesAssignments} from "@/utils/assignments.be";
import {getEntitiesWithRoles} from "@/utils/entities.be";
import {countGroupsByEntities} from "@/utils/groups.be";
import {checkAccess, groupAllowedEntitiesByPermissions} from "@/utils/permissions";
import {groupByExam} from "@/utils/stats";
import {countAllowedUsers, getUsers} from "@/utils/users.be";
import {clsx} from "clsx";
import {withIronSessionSsr} from "iron-session/next";
import moment from "moment";
import Head from "next/head";
import { useRouter } from "next/router";
import { useMemo } from "react";
import {
BsBank,
BsClock,
BsEnvelopePaper,
BsPencilSquare,
BsPeople,
BsPeopleFill,
BsPersonFill,
BsPersonFillGear,
} from "react-icons/bs";
import { ToastContainer } from "react-toastify";
import { isAdmin } from "@/utils/users";
import {useRouter} from "next/router";
import {useMemo} from "react";
import {BsBank, BsClock, BsEnvelopePaper, BsPencilSquare, BsPeople, BsPeopleFill, BsPersonFill, BsPersonFillGear} from "react-icons/bs";
import {ToastContainer} from "react-toastify";
import {isAdmin} from "@/utils/users";
interface Props {
user: User;
students: StudentUser[];
latestStudents: User[];
latestTeachers: User[];
userCounts: { [key in Type]: number };
userCounts: {[key in Type]: number};
entities: EntityWithRoles[];
assignmentsCount: number;
stats: Stat[];
groupsCount: number;
}
export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
export const getServerSideProps = withIronSessionSsr(async ({req, res}) => {
const user = await requestUser(req, res);
if (!user || !user.isVerified) return redirect("/login");
if (!checkAccess(user, ["admin", "developer", "mastercorporate"]))
return redirect("/");
if (!checkAccess(user, ["admin", "developer", "mastercorporate"])) return redirect("/");
const entityIDS = mapBy(user.entities, "id") || [];
const entities = await getEntitiesWithRoles(
isAdmin(user) ? undefined : entityIDS
);
const {
["view_students"]: allowedStudentEntities,
["view_teachers"]: allowedTeacherEntities,
} = groupAllowedEntitiesByPermissions(user, entities, [
const entities = await getEntitiesWithRoles(isAdmin(user) ? undefined : entityIDS);
const {["view_students"]: allowedStudentEntities, ["view_teachers"]: allowedTeacherEntities} = groupAllowedEntitiesByPermissions(user, entities, [
"view_students",
"view_teachers",
]);
@@ -70,37 +52,30 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
const entitiesIDS = mapBy(entities, "id") || [];
const [
students,
latestStudents,
latestTeachers,
userCounts,
assignmentsCount,
groupsCount,
] = await Promise.all([
const [students, latestStudents, latestTeachers, userCounts, assignmentsCount, groupsCount] = await Promise.all([
getUsers(
{ type: "student", "entities.id": { $in: allowedStudentEntitiesIDS } },
{type: "student", "entities.id": {$in: allowedStudentEntitiesIDS}},
10,
{ averageLevel: -1 },
{ _id: 0, id: 1, name: 1, email: 1, profilePicture: 1 }
{averageLevel: -1},
{_id: 0, id: 1, name: 1, email: 1, profilePicture: 1},
),
getUsers(
{ type: "student", "entities.id": { $in: allowedStudentEntitiesIDS } },
{type: "student", "entities.id": {$in: allowedStudentEntitiesIDS}},
10,
{ registrationDate: -1 },
{ _id: 0, id: 1, name: 1, email: 1, profilePicture: 1 }
{registrationDate: -1},
{_id: 0, id: 1, name: 1, email: 1, profilePicture: 1},
),
getUsers(
{
type: "teacher",
"entities.id": { $in: mapBy(allowedTeacherEntities, "id") },
"entities.id": {$in: mapBy(allowedTeacherEntities, "id")},
},
10,
{ registrationDate: -1 },
{ _id: 0, id: 1, name: 1, email: 1, profilePicture: 1 }
{registrationDate: -1},
{_id: 0, id: 1, name: 1, email: 1, profilePicture: 1},
),
countAllowedUsers(user, entities),
countEntitiesAssignments(entitiesIDS, { archived: { $ne: true } }),
countEntitiesAssignments(entitiesIDS, {archived: {$ne: true}}),
countGroupsByEntities(entitiesIDS),
]);
@@ -129,37 +104,14 @@ export default function Dashboard({
stats = [],
groupsCount,
}: Props) {
const totalCount = useMemo(() => userCounts.corporate + userCounts.mastercorporate + userCounts.student + userCounts.teacher, [userCounts]);
const totalCount = useMemo(
() =>
userCounts.corporate +
userCounts.mastercorporate +
userCounts.student +
userCounts.teacher,
[userCounts]
);
const totalLicenses = useMemo(
() =>
entities.reduce(
(acc, curr) => acc + parseInt(curr.licenses.toString()),
0
),
[entities]
);
const totalLicenses = useMemo(() => entities.reduce((acc, curr) => acc + parseInt(curr.licenses.toString()), 0), [entities]);
const router = useRouter();
const allowedEntityStatistics = useAllowedEntities(
user,
entities,
"view_entity_statistics"
);
const allowedStudentPerformance = useAllowedEntities(
user,
entities,
"view_student_performance"
);
const allowedEntityStatistics = useAllowedEntities(user, entities, "view_entity_statistics");
const allowedStudentPerformance = useAllowedEntities(user, entities, "view_student_performance");
return (
<>
@@ -197,12 +149,13 @@ export default function Dashboard({
color="purple"
/>
<IconCard
Icon={BsPeople}
onClick={() => router.push("/classrooms")}
label="Classrooms"
value={groupsCount}
Icon={BsBank}
onClick={() => router.push("/users?type=mastercorporate")}
label="Master Corporates"
value={userCounts.mastercorporate}
color="purple"
/>
<IconCard Icon={BsPeople} onClick={() => router.push("/classrooms")} label="Classrooms" value={groupsCount} color="purple" />
<IconCard
Icon={BsPeopleFill}
onClick={() => router.push("/entities")}
@@ -233,19 +186,13 @@ export default function Dashboard({
onClick={() => router.push("/assignments")}
label="Assignments"
value={assignmentsCount}
className={clsx(
allowedEntityStatistics.length === 0 && "col-span-2"
)}
className={clsx(allowedEntityStatistics.length === 0 && "col-span-2")}
color="purple"
/>
<IconCard
Icon={BsClock}
label="Expiration Date"
value={
user.subscriptionExpirationDate
? moment(user.subscriptionExpirationDate).format("DD/MM/yyyy")
: "Unlimited"
}
value={user.subscriptionExpirationDate ? moment(user.subscriptionExpirationDate).format("DD/MM/yyyy") : "Unlimited"}
color="rose"
/>
</section>
@@ -258,7 +205,7 @@ export default function Dashboard({
users={students.sort(
(a, b) =>
Object.keys(groupByExam(filterBy(stats, "user", b))).length -
Object.keys(groupByExam(filterBy(stats, "user", a))).length
Object.keys(groupByExam(filterBy(stats, "user", a))).length,
)}
title="Highest exam count students"
/>

165
src/pages/settings.tsx
View File

@@ -1,76 +1,53 @@
/* eslint-disable @next/next/no-img-element */
import Head from "next/head";
import { withIronSessionSsr } from "iron-session/next";
import { sessionOptions } from "@/lib/session";
import { ToastContainer } from "react-toastify";
import {withIronSessionSsr} from "iron-session/next";
import {sessionOptions} from "@/lib/session";
import {ToastContainer} from "react-toastify";
import CodeGenerator from "./(admin)/CodeGenerator";
import ExamLoader from "./(admin)/ExamLoader";
import Lists from "./(admin)/Lists";
import BatchCodeGenerator from "./(admin)/BatchCodeGenerator";
import { shouldRedirectHome } from "@/utils/navigation.disabled";
import {shouldRedirectHome} from "@/utils/navigation.disabled";
import BatchCreateUser from "./(admin)/Lists/BatchCreateUser";
import { checkAccess, getTypesOfUser } from "@/utils/permissions";
import { useState } from "react";
import {checkAccess, getTypesOfUser} from "@/utils/permissions";
import {useEffect, useState} from "react";
import Modal from "@/components/Modal";
import IconCard from "@/components/IconCard";
import {
BsCode,
BsCodeSquare,
BsGearFill,
BsPeopleFill,
BsPersonFill,
} from "react-icons/bs";
import {BsCode, BsCodeSquare, BsGearFill, BsPeopleFill, BsPersonFill} from "react-icons/bs";
import UserCreator from "./(admin)/UserCreator";
import CorporateGradingSystem from "./(admin)/CorporateGradingSystem";
import { CEFR_STEPS } from "@/resources/grading";
import { User } from "@/interfaces/user";
import { getUserPermissions } from "@/utils/permissions.be";
import { PermissionType } from "@/interfaces/permissions";
import { getUsers } from "@/utils/users.be";
import { getEntitiesWithRoles } from "@/utils/entities.be";
import { mapBy, serialize, redirect } from "@/utils";
import { EntityWithRoles } from "@/interfaces/entity";
import { requestUser } from "@/utils/api";
import { isAdmin } from "@/utils/users";
import {
getGradingSystemByEntities,
getGradingSystemByEntity,
} from "@/utils/grading.be";
import { Grading } from "@/interfaces";
import { useRouter } from "next/router";
import { useAllowedEntities } from "@/hooks/useEntityPermissions";
import {CEFR_STEPS} from "@/resources/grading";
import {User} from "@/interfaces/user";
import {getUserPermissions} from "@/utils/permissions.be";
import {PermissionType} from "@/interfaces/permissions";
import {getUsers} from "@/utils/users.be";
import {getEntitiesWithRoles} from "@/utils/entities.be";
import {mapBy, serialize, redirect, filterBy} from "@/utils";
import {EntityWithRoles} from "@/interfaces/entity";
import {requestUser} from "@/utils/api";
import {isAdmin} from "@/utils/users";
import {getGradingSystemByEntities, getGradingSystemByEntity} from "@/utils/grading.be";
import {Grading} from "@/interfaces";
import {useRouter} from "next/router";
import {useAllowedEntities} from "@/hooks/useEntityPermissions";
export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
export const getServerSideProps = withIronSessionSsr(async ({req, res}) => {
const user = await requestUser(req, res);
if (!user) return redirect("/login");
if (
shouldRedirectHome(user) ||
!checkAccess(user, [
"admin",
"developer",
"corporate",
"teacher",
"mastercorporate",
])
)
return redirect("/");
if (shouldRedirectHome(user) || !checkAccess(user, ["admin", "developer", "corporate", "teacher", "mastercorporate"])) return redirect("/");
const [permissions, entities, allUsers] = await Promise.all([
getUserPermissions(user.id),
isAdmin(user)
? await getEntitiesWithRoles()
: await getEntitiesWithRoles(mapBy(user.entities, "id")),
isAdmin(user) ? await getEntitiesWithRoles() : await getEntitiesWithRoles(mapBy(user.entities, "id")),
getUsers(),
]);
const gradingSystems = await getGradingSystemByEntities(
mapBy(entities, "id")
);
const gradingSystems = await getGradingSystemByEntities(mapBy(entities, "id"));
const entitiesGrading = entities.map(
(e) =>
gradingSystems.find((g) => g.entity === e.id) || {
entity: e.id,
steps: CEFR_STEPS,
}
},
);
return {
@@ -92,41 +69,15 @@ interface Props {
entitiesGrading: Grading[];
}
export default function Admin({
user,
entities,
permissions,
allUsers,
entitiesGrading,
}: Props) {
export default function Admin({user, entities, permissions, allUsers, entitiesGrading}: Props) {
const [modalOpen, setModalOpen] = useState<string>();
const router = useRouter();
const entitiesAllowCreateUser = useAllowedEntities(
user,
entities,
"create_user"
);
const entitiesAllowCreateUsers = useAllowedEntities(
user,
entities,
"create_user_batch"
);
const entitiesAllowCreateCode = useAllowedEntities(
user,
entities,
"create_code"
);
const entitiesAllowCreateCodes = useAllowedEntities(
user,
entities,
"create_code_batch"
);
const entitiesAllowEditGrading = useAllowedEntities(
user,
entities,
"edit_grading_system"
);
const entitiesAllowCreateUser = useAllowedEntities(user, entities, "create_user");
const entitiesAllowCreateUsers = useAllowedEntities(user, entities, "create_user_batch");
const entitiesAllowCreateCode = useAllowedEntities(user, entities, "create_code");
const entitiesAllowCreateCodes = useAllowedEntities(user, entities, "create_code_batch");
const entitiesAllowEditGrading = useAllowedEntities(user, entities, "edit_grading_system");
return (
<>
@@ -141,22 +92,19 @@ export default function Admin({
</Head>
<ToastContainer />
<>
<Modal
isOpen={modalOpen === "batchCreateUser"}
onClose={() => setModalOpen(undefined)}
maxWidth="max-w-[85%]"
>
<Modal isOpen={modalOpen === "batchCreateUser"} onClose={() => setModalOpen(undefined)} maxWidth="max-w-[85%]">
<BatchCreateUser
user={user}
entities={entitiesAllowCreateUser}
entities={entitiesAllowCreateUsers.filter(
(e) =>
e.licenses > 0 &&
e.licenses > allUsers.filter((u) => !isAdmin(u) && (u.entities || []).some((ent) => ent.id === e.id)).length,
)}
permissions={permissions}
onFinish={() => setModalOpen(undefined)}
/>
</Modal>
<Modal
isOpen={modalOpen === "batchCreateCode"}
onClose={() => setModalOpen(undefined)}
>
<Modal isOpen={modalOpen === "batchCreateCode"} onClose={() => setModalOpen(undefined)}>
<BatchCodeGenerator
entities={entitiesAllowCreateCodes}
user={user}
@@ -165,10 +113,7 @@ export default function Admin({
onFinish={() => setModalOpen(undefined)}
/>
</Modal>
<Modal
isOpen={modalOpen === "createCode"}
onClose={() => setModalOpen(undefined)}
>
<Modal isOpen={modalOpen === "createCode"} onClose={() => setModalOpen(undefined)}>
<CodeGenerator
entities={entitiesAllowCreateCode}
user={user}
@@ -176,22 +121,20 @@ export default function Admin({
onFinish={() => setModalOpen(undefined)}
/>
</Modal>
<Modal
isOpen={modalOpen === "createUser"}
onClose={() => setModalOpen(undefined)}
>
<Modal isOpen={modalOpen === "createUser"} onClose={() => setModalOpen(undefined)}>
<UserCreator
user={user}
entities={entitiesAllowCreateUsers}
entities={entitiesAllowCreateUser.filter(
(e) =>
e.licenses > 0 &&
e.licenses > allUsers.filter((u) => !isAdmin(u) && (u.entities || []).some((ent) => ent.id === e.id)).length,
)}
users={allUsers}
permissions={permissions}
onFinish={() => setModalOpen(undefined)}
/>
</Modal>
<Modal
isOpen={modalOpen === "gradingSystem"}
onClose={() => setModalOpen(undefined)}
>
<Modal isOpen={modalOpen === "gradingSystem"} onClose={() => setModalOpen(undefined)}>
<CorporateGradingSystem
user={user}
entitiesGrading={entitiesGrading}
@@ -202,12 +145,7 @@ export default function Admin({
<section className="w-full grid grid-cols-2 -md:grid-cols-1 gap-8">
<ExamLoader />
{checkAccess(
user,
getTypesOfUser(["teacher"]),
permissions,
"viewCodes"
) && (
{checkAccess(user, getTypesOfUser(["teacher"]), permissions, "viewCodes") && (
<div className="w-full grid grid-cols-2 gap-4">
<IconCard
Icon={BsCode}
@@ -241,12 +179,7 @@ export default function Admin({
onClick={() => setModalOpen("batchCreateUser")}
disabled={entitiesAllowCreateUsers.length === 0}
/>
{checkAccess(user, [
"admin",
"corporate",
"developer",
"mastercorporate",
]) && (
{checkAccess(user, ["admin", "corporate", "developer", "mastercorporate"]) && (
<IconCard
Icon={BsGearFill}
label="Grading System"