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

Groups stuff

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-12-12 15:19:44 +00:00
parent 858e29eb93
commit 3b6836c15a
2 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/pages/classrooms/[id].tsx
View File

@@ -2,40 +2,40 @@
import Layout from "@/components/High/Layout"; import Layout from "@/components/High/Layout";
import Tooltip from "@/components/Low/Tooltip"; import Tooltip from "@/components/Low/Tooltip";
import { useEntityPermission } from "@/hooks/useEntityPermissions"; import { useEntityPermission } from "@/hooks/useEntityPermissions";
import {useListSearch} from "@/hooks/useListSearch"; import { useListSearch } from "@/hooks/useListSearch";
import usePagination from "@/hooks/usePagination"; import usePagination from "@/hooks/usePagination";
import { EntityWithRoles } from "@/interfaces/entity"; import { EntityWithRoles } from "@/interfaces/entity";
import {GroupWithUsers, User} from "@/interfaces/user"; import { GroupWithUsers, User } from "@/interfaces/user";
import {sessionOptions} from "@/lib/session"; import { sessionOptions } from "@/lib/session";
import {USER_TYPE_LABELS} from "@/resources/user"; import { USER_TYPE_LABELS } from "@/resources/user";
import { filterBy, mapBy, redirect, serialize } from "@/utils"; import { filterBy, mapBy, redirect, serialize } from "@/utils";
import { requestUser } from "@/utils/api"; import { requestUser } from "@/utils/api";
import { getEntitiesWithRoles, getEntityWithRoles } from "@/utils/entities.be"; import { getEntityWithRoles } from "@/utils/entities.be";
import {convertToUsers, getGroup} from "@/utils/groups.be"; import { convertToUsers, getGroup } from "@/utils/groups.be";
import {shouldRedirectHome} from "@/utils/navigation.disabled"; import { shouldRedirectHome } from "@/utils/navigation.disabled";
import {checkAccess, doesEntityAllow, findAllowedEntities, getTypesOfUser} from "@/utils/permissions"; import { doesEntityAllow } from "@/utils/permissions";
import {getUserName} from "@/utils/users"; import { getUserName, isAdmin } from "@/utils/users";
import {getEntityUsers, getLinkedUsers, getSpecificUsers} from "@/utils/users.be"; import { getEntityUsers, getSpecificUsers } from "@/utils/users.be";
import axios from "axios"; import axios from "axios";
import clsx from "clsx"; import clsx from "clsx";
import {withIronSessionSsr} from "iron-session/next"; import { withIronSessionSsr } from "iron-session/next";
import { capitalize } from "lodash"; import { capitalize } from "lodash";
import moment from "moment"; import moment from "moment";
import Head from "next/head"; import Head from "next/head";
import Link from "next/link"; import Link from "next/link";
import {useRouter} from "next/router"; import { useRouter } from "next/router";
import {Divider} from "primereact/divider"; import { Divider } from "primereact/divider";
import {useEffect, useMemo, useState} from "react"; import { useEffect, useMemo, useState } from "react";
import {BsBuilding, BsChevronLeft, BsClockFill, BsEnvelopeFill, BsFillPersonVcardFill, BsPlus, BsStopwatchFill, BsTag, BsTrash, BsX} from "react-icons/bs"; import { BsBuilding, BsChevronLeft, BsClockFill, BsEnvelopeFill, BsFillPersonVcardFill, BsPlus, BsStopwatchFill, BsTag, BsTrash, BsX } from "react-icons/bs";
import {toast, ToastContainer} from "react-toastify"; import { toast, ToastContainer } from "react-toastify";
export const getServerSideProps = withIronSessionSsr(async ({req, res, params}) => { export const getServerSideProps = withIronSessionSsr(async ({ req, res, params }) => {
const user = await requestUser(req, res) const user = await requestUser(req, res)
if (!user) return redirect("/login") if (!user) return redirect("/login")
if (shouldRedirectHome(user)) return redirect("/") if (shouldRedirectHome(user)) return redirect("/")
const {id} = params as {id: string}; const { id } = params as { id: string };
const group = await getGroup(id); const group = await getGroup(id);
if (!group || !group.entity) return redirect("/classrooms") if (!group || !group.entity) return redirect("/classrooms")
@@ -51,7 +51,7 @@ export const getServerSideProps = withIronSessionSsr(async ({req, res, params})
const groupWithUser = convertToUsers(group, users); const groupWithUser = convertToUsers(group, users);
return { return {
props: serialize({user, group: groupWithUser, users: linkedUsers, entity}), props: serialize({ user, group: groupWithUser, users: linkedUsers.filter(x => isAdmin(user) ? true : !isAdmin(x)), entity }),
}; };
}, sessionOptions); }, sessionOptions);
@@ -62,7 +62,7 @@ interface Props {
entity: EntityWithRoles entity: EntityWithRoles
} }
export default function Home({user, group, users, entity}: Props) { export default function Home({ user, group, users, entity }: Props) {
const [isAdding, setIsAdding] = useState(false); const [isAdding, setIsAdding] = useState(false);
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const [selectedUsers, setSelectedUsers] = useState<string[]>([]); const [selectedUsers, setSelectedUsers] = useState<string[]>([]);
@@ -77,11 +77,11 @@ export default function Home({user, group, users, entity}: Props) {
[users, group.participants, group.admin.id, user.id], [users, group.participants, group.admin.id, user.id],
); );
const {rows, renderSearch} = useListSearch<User>( const { rows, renderSearch } = useListSearch<User>(
[["name"], ["corporateInformation", "companyInformation", "name"]], [["name"], ["corporateInformation", "companyInformation", "name"]],
isAdding ? nonParticipantUsers : group.participants, isAdding ? nonParticipantUsers : group.participants,
); );
const {items, renderMinimal} = usePagination<User>(rows, 20); const { items, renderMinimal } = usePagination<User>(rows, 20);
const router = useRouter(); const router = useRouter();
@@ -96,7 +96,7 @@ export default function Home({user, group, users, entity}: Props) {
setIsLoading(true); setIsLoading(true);
axios axios
.patch(`/api/groups/${group.id}`, {participants: group.participants.map((x) => x.id).filter((x) => !selectedUsers.includes(x))}) .patch(`/api/groups/${group.id}`, { participants: group.participants.map((x) => x.id).filter((x) => !selectedUsers.includes(x)) })
.then(() => { .then(() => {
toast.success("The group has been updated successfully!"); toast.success("The group has been updated successfully!");
router.replace(router.asPath); router.replace(router.asPath);
@@ -117,7 +117,7 @@ export default function Home({user, group, users, entity}: Props) {
setIsLoading(true); setIsLoading(true);
axios axios
.patch(`/api/groups/${group.id}`, {participants: [...group.participants.map((x) => x.id), ...selectedUsers]}) .patch(`/api/groups/${group.id}`, { participants: [...group.participants.map((x) => x.id), ...selectedUsers] })
.then(() => { .then(() => {
toast.success("The group has been updated successfully!"); toast.success("The group has been updated successfully!");
router.replace(router.asPath); router.replace(router.asPath);
@@ -137,7 +137,7 @@ export default function Home({user, group, users, entity}: Props) {
setIsLoading(true); setIsLoading(true);
axios axios
.patch(`/api/groups/${group.id}`, {name}) .patch(`/api/groups/${group.id}`, { name })
.then(() => { .then(() => {
toast.success("The classroom has been updated successfully!"); toast.success("The classroom has been updated successfully!");
router.replace(router.asPath); router.replace(router.asPath);
@@ -187,14 +187,14 @@ export default function Home({user, group, users, entity}: Props) {
<section className="flex flex-col gap-0"> <section className="flex flex-col gap-0">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Link <Link
href="/classrooms" href="/classrooms"
className="text-mti-purple hover:text-mti-purple-dark transition ease-in-out duration-300 text-xl"> className="text-mti-purple hover:text-mti-purple-dark transition ease-in-out duration-300 text-xl">
<BsChevronLeft /> <BsChevronLeft />
</Link> </Link>
<h2 className="font-bold text-2xl">{group.name}</h2> <h2 className="font-bold text-2xl">{group.name}</h2>
</div> </div>
{!isAdding && ( {!isAdding && (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@@ -216,9 +216,9 @@ export default function Home({user, group, users, entity}: Props) {
)} )}
</div> </div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<span className="flex items-center gap-2"> <span className="flex items-center gap-2">
<BsBuilding className="text-xl" /> {entity.label} <BsBuilding className="text-xl" /> {entity.label}
</span> </span>
<span className="flex items-center gap-2"> <span className="flex items-center gap-2">
<BsFillPersonVcardFill className="text-xl" /> {getUserName(group.admin)} <BsFillPersonVcardFill className="text-xl" /> {getUserName(group.admin)}
</span> </span>

2
src/pages/classrooms/index.tsx
View File

@@ -35,7 +35,7 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
const groups = await getGroupsForEntities(mapBy(allowedEntities, 'id')); const groups = await getGroupsForEntities(mapBy(allowedEntities, 'id'));
const users = await getSpecificUsers(uniq(groups.flatMap((g) => [...g.participants, g.admin]))); const users = await getSpecificUsers(uniq(groups.flatMap((g) => [...g.participants, g.admin])));
const groupsWithUsers: GroupWithUsers[] = groups.map((g) => convertToUsers(g, users)); const groupsWithUsers: GroupWithUsers[] = groups.map((g) => convertToUsers(g, users.filter(x => isAdmin(user) ? true : !isAdmin(x))));
return { return {
props: serialize({ user, groups: groupsWithUsers, entities: allowedEntities }), props: serialize({ user, groups: groupsWithUsers, entities: allowedEntities }),