Added the statistical page as a permission based page
This commit is contained in:
Tiago Ribeiro
@@ -2,104 +2,105 @@ import Layout from "@/components/High/Layout";
|
||||
import Checkbox from "@/components/Low/Checkbox";
|
||||
import Separator from "@/components/Low/Separator";
|
||||
import { useEntityPermission } from "@/hooks/useEntityPermissions";
|
||||
import {EntityWithRoles, Role} from "@/interfaces/entity";
|
||||
import {User} from "@/interfaces/user";
|
||||
import {sessionOptions} from "@/lib/session";
|
||||
import { EntityWithRoles, Role } from "@/interfaces/entity";
|
||||
import { User } from "@/interfaces/user";
|
||||
import { sessionOptions } from "@/lib/session";
|
||||
import { RolePermission } from "@/resources/entityPermissions";
|
||||
import { findBy, mapBy, redirect, serialize } from "@/utils";
|
||||
import { requestUser } from "@/utils/api";
|
||||
import {getEntityWithRoles} from "@/utils/entities.be";
|
||||
import {shouldRedirectHome} from "@/utils/navigation.disabled";
|
||||
import {doesEntityAllow} from "@/utils/permissions";
|
||||
import {countEntityUsers} from "@/utils/users.be";
|
||||
import { getEntityWithRoles } from "@/utils/entities.be";
|
||||
import { shouldRedirectHome } from "@/utils/navigation.disabled";
|
||||
import { doesEntityAllow } from "@/utils/permissions";
|
||||
import { countEntityUsers } from "@/utils/users.be";
|
||||
import axios from "axios";
|
||||
import {withIronSessionSsr} from "iron-session/next";
|
||||
import { withIronSessionSsr } from "iron-session/next";
|
||||
import Head from "next/head";
|
||||
import Link from "next/link";
|
||||
import {useRouter} from "next/router";
|
||||
import {Divider} from "primereact/divider";
|
||||
import {useState} from "react";
|
||||
import { useRouter } from "next/router";
|
||||
import { Divider } from "primereact/divider";
|
||||
import { useState } from "react";
|
||||
import {
|
||||
BsCheck,
|
||||
BsChevronLeft,
|
||||
BsTag,
|
||||
BsTrash,
|
||||
} from "react-icons/bs";
|
||||
import {toast} from "react-toastify";
|
||||
import { toast } from "react-toastify";
|
||||
|
||||
type PermissionLayout = {label: string, key: RolePermission}
|
||||
type PermissionLayout = { label: string, key: RolePermission }
|
||||
|
||||
const USER_MANAGEMENT: PermissionLayout[] = [
|
||||
{label: "View Students", key: "view_students"},
|
||||
{label: "View Teachers", key: "view_teachers"},
|
||||
{label: "View Corporate Accounts", key: "view_corporates"},
|
||||
{label: "View Master Corporate Accounts", key: "view_mastercorporates"},
|
||||
{label: "Edit Students", key: "edit_students"},
|
||||
{label: "Edit Teachers", key: "edit_teachers"},
|
||||
{label: "Edit Corporate Accounts", key: "edit_corporates"},
|
||||
{label: "Edit Master Corporate Accounts", key: "edit_mastercorporates"},
|
||||
{label: "Delete Students", key: "delete_students"},
|
||||
{label: "Delete Teachers", key: "delete_teachers"},
|
||||
{label: "Delete Corporate Accounts", key: "delete_corporates"},
|
||||
{label: "Delete Master Corporate Accounts", key: "delete_mastercorporates"},
|
||||
{ label: "View Students", key: "view_students" },
|
||||
{ label: "View Teachers", key: "view_teachers" },
|
||||
{ label: "View Corporate Accounts", key: "view_corporates" },
|
||||
{ label: "View Master Corporate Accounts", key: "view_mastercorporates" },
|
||||
{ label: "Edit Students", key: "edit_students" },
|
||||
{ label: "Edit Teachers", key: "edit_teachers" },
|
||||
{ label: "Edit Corporate Accounts", key: "edit_corporates" },
|
||||
{ label: "Edit Master Corporate Accounts", key: "edit_mastercorporates" },
|
||||
{ label: "Delete Students", key: "delete_students" },
|
||||
{ label: "Delete Teachers", key: "delete_teachers" },
|
||||
{ label: "Delete Corporate Accounts", key: "delete_corporates" },
|
||||
{ label: "Delete Master Corporate Accounts", key: "delete_mastercorporates" },
|
||||
]
|
||||
|
||||
const EXAM_MANAGEMENT: PermissionLayout[] = [
|
||||
{label: "View Reading", key: "view_reading"},
|
||||
{label: "Generate Reading", key: "generate_reading"},
|
||||
{label: "Delete Reading", key: "delete_reading"},
|
||||
{label: "View Listening", key: "view_listening"},
|
||||
{label: "Generate Listening", key: "generate_listening"},
|
||||
{label: "Delete Listening", key: "delete_listening"},
|
||||
{label: "View Writing", key: "view_writing"},
|
||||
{label: "Generate Writing", key: "generate_writing"},
|
||||
{label: "Delete Writing", key: "delete_writing"},
|
||||
{label: "View Speaking", key: "view_speaking"},
|
||||
{label: "Generate Speaking", key: "generate_speaking"},
|
||||
{label: "Delete Speaking", key: "delete_speaking"},
|
||||
{label: "View Level", key: "view_level"},
|
||||
{label: "Generate Level", key: "generate_level"},
|
||||
{label: "Delete Level", key: "delete_level"},
|
||||
{ label: "View Reading", key: "view_reading" },
|
||||
{ label: "Generate Reading", key: "generate_reading" },
|
||||
{ label: "Delete Reading", key: "delete_reading" },
|
||||
{ label: "View Listening", key: "view_listening" },
|
||||
{ label: "Generate Listening", key: "generate_listening" },
|
||||
{ label: "Delete Listening", key: "delete_listening" },
|
||||
{ label: "View Writing", key: "view_writing" },
|
||||
{ label: "Generate Writing", key: "generate_writing" },
|
||||
{ label: "Delete Writing", key: "delete_writing" },
|
||||
{ label: "View Speaking", key: "view_speaking" },
|
||||
{ label: "Generate Speaking", key: "generate_speaking" },
|
||||
{ label: "Delete Speaking", key: "delete_speaking" },
|
||||
{ label: "View Level", key: "view_level" },
|
||||
{ label: "Generate Level", key: "generate_level" },
|
||||
{ label: "Delete Level", key: "delete_level" },
|
||||
]
|
||||
|
||||
const CLASSROOM_MANAGEMENT: PermissionLayout[] = [
|
||||
{label: "View Classrooms", key: "view_classrooms"},
|
||||
{label: "Create Classrooms", key: "create_classroom"},
|
||||
{label: "Rename Classrooms", key: "rename_classrooms"},
|
||||
{label: "Add to Classroom", key: "add_to_classroom"},
|
||||
{label: "Remove from Classroom", key: "remove_from_classroom"},
|
||||
{label: "Delete Classroom", key: "delete_classroom"},
|
||||
{ label: "View Classrooms", key: "view_classrooms" },
|
||||
{ label: "Create Classrooms", key: "create_classroom" },
|
||||
{ label: "Rename Classrooms", key: "rename_classrooms" },
|
||||
{ label: "Add to Classroom", key: "add_to_classroom" },
|
||||
{ label: "Remove from Classroom", key: "remove_from_classroom" },
|
||||
{ label: "Delete Classroom", key: "delete_classroom" },
|
||||
]
|
||||
|
||||
const ENTITY_MANAGEMENT: PermissionLayout[] = [
|
||||
{label: "View Entities", key: "view_entities"},
|
||||
{label: "Rename Entity", key: "rename_entity"},
|
||||
{label: "Add to Entity", key: "add_to_entity"},
|
||||
{label: "Remove from Entity", key: "remove_from_entity"},
|
||||
{label: "Delete Entity", key: "delete_entity"},
|
||||
{label: "View Entity Roles", key: "view_entity_roles"},
|
||||
{label: "Create Entity Role", key: "create_entity_role"},
|
||||
{label: "Rename Entity Role", key: "rename_entity_role"},
|
||||
{label: "Edit Role Permissions", key: "edit_role_permissions"},
|
||||
{label: "Assign Role to User", key: "assign_to_role"},
|
||||
{label: "Delete Entity Role", key: "delete_entity_role"},
|
||||
{ label: "View Entities", key: "view_entities" },
|
||||
{ label: "View Entity Statistics", key: "view_entity_statistics" },
|
||||
{ label: "Rename Entity", key: "rename_entity" },
|
||||
{ label: "Add to Entity", key: "add_to_entity" },
|
||||
{ label: "Remove from Entity", key: "remove_from_entity" },
|
||||
{ label: "Delete Entity", key: "delete_entity" },
|
||||
{ label: "View Entity Roles", key: "view_entity_roles" },
|
||||
{ label: "Create Entity Role", key: "create_entity_role" },
|
||||
{ label: "Rename Entity Role", key: "rename_entity_role" },
|
||||
{ label: "Edit Role Permissions", key: "edit_role_permissions" },
|
||||
{ label: "Assign Role to User", key: "assign_to_role" },
|
||||
{ label: "Delete Entity Role", key: "delete_entity_role" },
|
||||
]
|
||||
|
||||
const ASSIGNMENT_MANAGEMENT: PermissionLayout[] = [
|
||||
{label: "View Assignments", key: "view_assignments"},
|
||||
{label: "Create Assignments", key: "create_assignment"},
|
||||
{label: "Start Assignments", key: "start_assignment"},
|
||||
{label: "Delete Assignments", key: "delete_assignment"},
|
||||
{label: "Archive Assignments", key: "archive_assignment"},
|
||||
{ label: "View Assignments", key: "view_assignments" },
|
||||
{ label: "Create Assignments", key: "create_assignment" },
|
||||
{ label: "Start Assignments", key: "start_assignment" },
|
||||
{ label: "Delete Assignments", key: "delete_assignment" },
|
||||
{ label: "Archive Assignments", key: "archive_assignment" },
|
||||
]
|
||||
|
||||
export const getServerSideProps = withIronSessionSsr(async ({req, res, params}) => {
|
||||
export const getServerSideProps = withIronSessionSsr(async ({ req, res, params }) => {
|
||||
const user = await requestUser(req, res)
|
||||
if (!user) return redirect("/login")
|
||||
|
||||
if (shouldRedirectHome(user)) return redirect("/")
|
||||
|
||||
const {id, role} = params as {id: string, role: string};
|
||||
const { id, role } = params as { id: string, role: string };
|
||||
|
||||
if (!mapBy(user.entities, 'id').includes(id) && !["admin", "developer"].includes(user.type)) return redirect("/entities")
|
||||
|
||||
@@ -130,7 +131,7 @@ interface Props {
|
||||
userCount: number;
|
||||
}
|
||||
|
||||
export default function Role({user, entity, role, userCount}: Props) {
|
||||
export default function Role({ user, entity, role, userCount }: Props) {
|
||||
const [permissions, setPermissions] = useState(role.permissions)
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
@@ -148,7 +149,7 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
|
||||
setIsLoading(true);
|
||||
axios
|
||||
.patch(`/api/roles/${role.id}`, {label})
|
||||
.patch(`/api/roles/${role.id}`, { label })
|
||||
.then(() => {
|
||||
toast.success("The role has been updated successfully!");
|
||||
router.replace(router.asPath);
|
||||
@@ -185,7 +186,7 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
setIsLoading(true);
|
||||
|
||||
axios
|
||||
.patch(`/api/roles/${role.id}`, {permissions})
|
||||
.patch(`/api/roles/${role.id}`, { permissions })
|
||||
.then(() => {
|
||||
toast.success("This role has been successfully updated!");
|
||||
router.replace(router.asPath);
|
||||
@@ -202,7 +203,7 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>{ role.label } | {entity.label} | EnCoach</title>
|
||||
<title>{role.label} | {entity.label} | EnCoach</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="A training platform for the IELTS exam provided by the Muscat Training Institute and developed by eCrop."
|
||||
@@ -220,7 +221,7 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
className="text-mti-purple hover:text-mti-purple-dark transition ease-in-out duration-300 text-xl">
|
||||
<BsChevronLeft />
|
||||
</Link>
|
||||
<h2 className="font-bold text-2xl">{role.label} Role ({ userCount } users)</h2>
|
||||
<h2 className="font-bold text-2xl">{role.label} Role ({userCount} users)</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center justify-between w-full">
|
||||
@@ -264,11 +265,11 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
</div>
|
||||
<Separator />
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
{USER_MANAGEMENT.map(({label, key}) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{ label }
|
||||
</Checkbox>
|
||||
)) }
|
||||
{USER_MANAGEMENT.map(({ label, key }) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{label}
|
||||
</Checkbox>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -284,11 +285,11 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
</div>
|
||||
<Separator />
|
||||
<div className="grid grid-cols-3 gap-4">
|
||||
{EXAM_MANAGEMENT.map(({label, key}) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{ label }
|
||||
</Checkbox>
|
||||
)) }
|
||||
{EXAM_MANAGEMENT.map(({ label, key }) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{label}
|
||||
</Checkbox>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -304,11 +305,11 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
</div>
|
||||
<Separator />
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
{CLASSROOM_MANAGEMENT.map(({label, key}) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{ label }
|
||||
</Checkbox>
|
||||
)) }
|
||||
{CLASSROOM_MANAGEMENT.map(({ label, key }) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{label}
|
||||
</Checkbox>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -324,11 +325,11 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
</div>
|
||||
<Separator />
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
{ENTITY_MANAGEMENT.map(({label, key}) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{ label }
|
||||
</Checkbox>
|
||||
)) }
|
||||
{ENTITY_MANAGEMENT.map(({ label, key }) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{label}
|
||||
</Checkbox>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -344,11 +345,11 @@ export default function Role({user, entity, role, userCount}: Props) {
|
||||
</div>
|
||||
<Separator />
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
{ASSIGNMENT_MANAGEMENT.map(({label, key}) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{ label }
|
||||
</Checkbox>
|
||||
)) }
|
||||
{ASSIGNMENT_MANAGEMENT.map(({ label, key }) => (
|
||||
<Checkbox disabled={!canEditPermissions} key={key} isChecked={permissions.includes(key)} onChange={() => togglePermissions(key)}>
|
||||
{label}
|
||||
</Checkbox>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user