Added initial implementation for master statistical
This commit is contained in:
File diff suppressed because it is too large
Load Diff
40
src/dashboards/MasterStatistical.tsx
Normal file
40
src/dashboards/MasterStatistical.tsx
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
import React from "react";
|
||||||
|
import { CorporateUser } from "@/interfaces/user";
|
||||||
|
import { BsBank } from "react-icons/bs";
|
||||||
|
import IconCard from "./IconCard";
|
||||||
|
import useAssignmentsCorporates from '@/hooks/useAssignmentCorporates';
|
||||||
|
interface Props {
|
||||||
|
users: CorporateUser[];
|
||||||
|
}
|
||||||
|
const MasterStatistical = (props: Props) => {
|
||||||
|
const { users } = props;
|
||||||
|
|
||||||
|
const usersList = React.useMemo(() => users.map((x) => x.id), [users]);
|
||||||
|
|
||||||
|
const { assignments } = useAssignmentsCorporates({ corporates: usersList });
|
||||||
|
|
||||||
|
console.log('Assignments', assignments);
|
||||||
|
return (
|
||||||
|
<div className="flex flex-wrap gap-2 items-center text-center">
|
||||||
|
<IconCard
|
||||||
|
Icon={BsBank}
|
||||||
|
label="Consolidate"
|
||||||
|
value={0}
|
||||||
|
color="purple"
|
||||||
|
onClick={() => console.log("clicked")}
|
||||||
|
/>
|
||||||
|
{users.map((group) => (
|
||||||
|
<IconCard
|
||||||
|
key={group.id}
|
||||||
|
Icon={BsBank}
|
||||||
|
label={group.corporateInformation?.companyInformation?.name}
|
||||||
|
value={0}
|
||||||
|
color="purple"
|
||||||
|
onClick={() => console.log("clicked", group)}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default MasterStatistical;
|
||||||
34
src/hooks/useAssignmentCorporates.tsx
Normal file
34
src/hooks/useAssignmentCorporates.tsx
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
import { Assignment } from "@/interfaces/results";
|
||||||
|
import axios from "axios";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
|
||||||
|
export default function useAssignmentsCorporates({
|
||||||
|
corporates,
|
||||||
|
}: {
|
||||||
|
corporates: string[];
|
||||||
|
}) {
|
||||||
|
const [assignments, setAssignments] = useState<Assignment[]>([]);
|
||||||
|
const [isLoading, setIsLoading] = useState(false);
|
||||||
|
const [isError, setIsError] = useState(false);
|
||||||
|
|
||||||
|
const getData = () => {
|
||||||
|
if (corporates.length === 0) {
|
||||||
|
setAssignments([]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsLoading(true);
|
||||||
|
axios
|
||||||
|
.get<Assignment[]>(
|
||||||
|
`/api/assignments/corporate?ids=${corporates.join(",")}`
|
||||||
|
)
|
||||||
|
.then(async (response) => {
|
||||||
|
setAssignments(response.data);
|
||||||
|
})
|
||||||
|
.finally(() => setIsLoading(false));
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(getData, [corporates]);
|
||||||
|
|
||||||
|
return { assignments, isLoading, isError, reload: getData };
|
||||||
|
}
|
||||||
@@ -10,7 +10,7 @@ export default function useAssignments({assigner, assignees, corporate}: {assign
|
|||||||
const getData = () => {
|
const getData = () => {
|
||||||
setIsLoading(true);
|
setIsLoading(true);
|
||||||
axios
|
axios
|
||||||
.get<Assignment[]>(!corporate ? "/api/assignments" : `/api/assignments/corporate?id=${corporate}`)
|
.get<Assignment[]>(!corporate ? "/api/assignments" : `/api/assignments/corporate/${corporate}`)
|
||||||
.then(async (response) => {
|
.then(async (response) => {
|
||||||
if (assigner) {
|
if (assigner) {
|
||||||
setAssignments(response.data.filter((a) => a.assigner === assigner));
|
setAssignments(response.data.filter((a) => a.assigner === assigner));
|
||||||
|
|||||||
54
src/pages/api/assignments/corporate/index.ts
Normal file
54
src/pages/api/assignments/corporate/index.ts
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
|
||||||
|
import type { NextApiRequest, NextApiResponse } from "next";
|
||||||
|
import { app } from "@/firebase";
|
||||||
|
import {
|
||||||
|
getFirestore,
|
||||||
|
collection,
|
||||||
|
getDocs,
|
||||||
|
query,
|
||||||
|
where,
|
||||||
|
setDoc,
|
||||||
|
doc,
|
||||||
|
getDoc,
|
||||||
|
} from "firebase/firestore";
|
||||||
|
import { withIronSessionApiRoute } from "iron-session/next";
|
||||||
|
import { sessionOptions } from "@/lib/session";
|
||||||
|
import { uuidv4 } from "@firebase/util";
|
||||||
|
import { Module } from "@/interfaces";
|
||||||
|
import { getExams } from "@/utils/exams.be";
|
||||||
|
import { Exam, InstructorGender, Variant } from "@/interfaces/exam";
|
||||||
|
import { capitalize, flatten, uniqBy } from "lodash";
|
||||||
|
import { User } from "@/interfaces/user";
|
||||||
|
import moment from "moment";
|
||||||
|
import { sendEmail } from "@/email";
|
||||||
|
import { getAllAssignersByCorporate } from "@/utils/groups.be";
|
||||||
|
import { getAssignmentsByAssigners } from "@/utils/assignments.be";
|
||||||
|
|
||||||
|
const db = getFirestore(app);
|
||||||
|
|
||||||
|
export default withIronSessionApiRoute(handler, sessionOptions);
|
||||||
|
|
||||||
|
async function handler(req: NextApiRequest, res: NextApiResponse) {
|
||||||
|
if (!req.session.user) {
|
||||||
|
res.status(401).json({ ok: false });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (req.method === "GET") return await GET(req, res);
|
||||||
|
|
||||||
|
res.status(404).json({ ok: false });
|
||||||
|
}
|
||||||
|
|
||||||
|
async function GET(req: NextApiRequest, res: NextApiResponse) {
|
||||||
|
const { ids } = req.query as { ids: string };
|
||||||
|
try {
|
||||||
|
const idsList = ids.split(",");
|
||||||
|
|
||||||
|
const assigners = await Promise.all(idsList.map(getAllAssignersByCorporate));
|
||||||
|
const assignmentList = [...assigners.flat(), ...idsList];
|
||||||
|
const assignments = await getAssignmentsByAssigners(assignmentList);
|
||||||
|
res.status(200).json(assignments);
|
||||||
|
} catch (err) {
|
||||||
|
res.status(500).json({ error: err.message });
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user