Add export schedule as CSV, style my matches modal

Author: renatodellosso

components/ViewMatchesModal.tsx

@@ -6,6 +6,7 @@ import { report } from "process";
 import Checkbox from "./forms/Checkboxes";
 import { CheckmarkIcon } from "react-hot-toast";
 import { useState } from "react";
+import { toDict } from "@/lib/client/ClientUtils";
 
 type MatchData = {
 	number: number;
@@ -17,7 +18,10 @@ type MatchData = {
 
 function ViewMatchCard(props: MatchData) {
 	return (
-		<Card title={"Match " + props.number}>
+		<Card
+			title={"Match " + props.number}
+			className="w-full"
+		>
 			{props.message}
 			<a
 				href={props.url}
@@ -35,18 +39,14 @@ export default function ViewMatchesModal(props: {
 	user: User;
 	matchPathway: string;
 }) {
-	const reportsById: { [id: string]: Report } = {};
+	const reportsById = toDict(props.reports);
 	const myMatches: MatchData[] = [];
 	const [showSubmittedReports, setShowSubmittedReports] = useState(false);
 
 	async function toggleShowSubmittedReports() {
 		setShowSubmittedReports(!showSubmittedReports);
 	}
 
-	for (const report of props.reports) {
-		reportsById[report._id?.toString()!] = report;
-	}
-
 	for (const match of props.matches) {
 		if (match.subjectiveScouter == props.user._id?.toString()) {
 			myMatches.push({

components/competition/InsightsAndSettingsCard.tsx

@@ -64,7 +64,7 @@ export default function InsightsAndSettingsCard(props: {
 	const exportAsCsv = async () => {
 		setExportPending(true);
 
-		const res = await api.exportCompAsCsv(comp?._id!).catch((e) => {
+		const res = await api.exportCompDataAsCsv(comp?._id!).catch((e) => {
 			console.error(e);
 			return { csv: undefined };
 		});
@@ -82,6 +82,31 @@ export default function InsightsAndSettingsCard(props: {
 		setExportPending(false);
 	};
 
+	async function exportScheduleAsCsv() {
+		setExportPending(true);
+
+		const res = await api.exportCompScheduleAsCsv(comp?._id!).catch((e) => {
+			console.error(e);
+			return { csv: undefined };
+		});
+
+		if (!res) {
+			console.error("failed to export");
+		}
+
+		if (res.csv) {
+			download(
+				`${comp?.name ?? "Competition"}Schedule.csv`,
+				res.csv,
+				"text/csv",
+			);
+		} else {
+			console.error("No CSV data returned from server");
+		}
+
+		setExportPending(false);
+	}
+
 	const createMatch = async () => {
 		try {
 			await api.createMatch(
@@ -255,6 +280,18 @@ export default function InsightsAndSettingsCard(props: {
 									"Export Scouting Data as CSV"
 								)}
 							</button>
+							<button
+								className={`btn ${
+									exportPending ? "btn-disabled" : "btn-primary"
+								} `}
+								onClick={exportScheduleAsCsv}
+							>
+								{exportPending ? (
+									<div className="loading loading-bars loading-sm"></div>
+								) : (
+									"Export Scouting Schedule as CSV"
+								)}
+							</button>
 							<div className="flex flex-row items-center justify-between w-full">
 								<label className="label ml-4">Show Submitted Matches</label>
 								<input

lib/api/ClientApi.ts

@@ -21,7 +21,11 @@ import {
 	LeaderboardTeam,
 	LinkedList,
 } from "@/lib/Types";
-import { NotLinkedToTba, removeDuplicates } from "../client/ClientUtils";
+import {
+	NotLinkedToTba,
+	removeDuplicates,
+	toDict,
+} from "../client/ClientUtils";
 import {
 	addXp,
 	deleteComp,
@@ -1120,7 +1124,7 @@ export default class ClientApi extends NextApiTemplate<ApiDependencies> {
 		},
 	});
 
-	exportCompAsCsv = createNextRoute<
+	exportCompDataAsCsv = createNextRoute<
 		[string],
 		{ csv: string },
 		ApiDependencies,
@@ -1180,6 +1184,93 @@ export default class ClientApi extends NextApiTemplate<ApiDependencies> {
 		},
 	});
 
+	exportCompScheduleAsCsv = createNextRoute<
+		[string],
+		{ csv: string },
+		ApiDependencies,
+		{ team: Team; comp: Competition }
+	>({
+		isAuthorized: (req, res, deps, [compId]) =>
+			AccessLevels.IfCompOwner(req, res, deps, compId),
+		handler: async (
+			req,
+			res,
+			{ db: dbPromise, userPromise },
+			{ team, comp },
+			[compId],
+		) => {
+			const db = await dbPromise;
+
+			const matches = await db.findObjects(CollectionId.Matches, {
+				_id: { $in: comp.matches.map((matchId) => new ObjectId(matchId)) },
+			});
+			const reports = await db.findObjects(CollectionId.Reports, {
+				match: { $in: matches.map((match) => match?._id?.toString()) },
+			});
+
+			if (reports.length == 0) {
+				return res
+					.status(200)
+					.send({ error: "No reports found for competition" });
+			}
+
+			const users = await db.findObjects(CollectionId.Users, {
+				_id: {
+					$in: reports
+						.map((r) => r.user)
+						.concat(matches.map((m) => m.subjectiveScouter))
+						.flat()
+						.map((id) => new ObjectId(id)),
+				},
+			});
+
+			const reportsById = toDict(reports);
+			const usersById = toDict(users);
+
+			interface Row {
+				matchNumber: string;
+				quantScouters: string[];
+				subjectiveScouter: string;
+			}
+
+			const rows: Row[] = [
+				// Headers
+				{
+					matchNumber: "Match #",
+					quantScouters: matches[0].reports.map(
+						(_, index) => `Scouter ${index + 1}`,
+					),
+					subjectiveScouter: "Subjective Scouter",
+				},
+			];
+
+			for (const match of matches) {
+				rows.push({
+					matchNumber: match.number.toString(),
+					quantScouters: match.reports.map((id) =>
+						reportsById[id].user ? usersById[reportsById[id].user].name! : "",
+					),
+					subjectiveScouter: match.subjectiveScouter
+						? usersById[match.subjectiveScouter].name!
+						: "",
+				});
+			}
+
+			const headers = Object.values(rows[0]).flat();
+
+			let csv = "";
+			for (const row of rows) {
+				csv +=
+					Object.values(row)
+						.flat()
+						.map((str) => str.replace(",", ""))
+						.join(",") + "\n";
+			}
+
+			res.status(200).send({ csv });
+		},
+	});
+
 	teamCompRanking = createNextRoute<
 		[string, number],
 		{ place: number | string; max: number | string },