From 3840c6d8e4261f182657b11ba55f61da04d70b28 Mon Sep 17 00:00:00 2001 From: nsfisis Date: Wed, 31 Jul 2024 21:02:40 +0900 Subject: feat: implement /admin/games and /admin/games/{gameId} --- frontend/app/routes/admin.dashboard.tsx | 3 + frontend/app/routes/admin.games.tsx | 49 +++++++++++ frontend/app/routes/admin.games_.$gameId.tsx | 127 +++++++++++++++++++++++++++ frontend/app/routes/admin.users.tsx | 2 +- frontend/app/routes/golf.$gameId.play.tsx | 2 +- frontend/app/routes/golf.$gameId.watch.tsx | 2 +- 6 files changed, 182 insertions(+), 3 deletions(-) create mode 100644 frontend/app/routes/admin.games.tsx create mode 100644 frontend/app/routes/admin.games_.$gameId.tsx (limited to 'frontend/app/routes') diff --git a/frontend/app/routes/admin.dashboard.tsx b/frontend/app/routes/admin.dashboard.tsx index d5f3809..af82731 100644 --- a/frontend/app/routes/admin.dashboard.tsx +++ b/frontend/app/routes/admin.dashboard.tsx @@ -23,6 +23,9 @@ export default function AdminDashboard() {

Users

+

+ Games +

); } diff --git a/frontend/app/routes/admin.games.tsx b/frontend/app/routes/admin.games.tsx new file mode 100644 index 0000000..8362c6c --- /dev/null +++ b/frontend/app/routes/admin.games.tsx @@ -0,0 +1,49 @@ +import type { LoaderFunctionArgs, MetaFunction } from "@remix-run/node"; +import { useLoaderData, Link } from "@remix-run/react"; +import { isAuthenticated } from "../.server/auth"; +import { apiClient } from "../.server/api/client"; + +export const meta: MetaFunction = () => { + return [{ title: "[Admin] Games | iOSDC 2024 Albatross.swift" }]; +}; + +export async function loader({ request }: LoaderFunctionArgs) { + const { user, token } = await isAuthenticated(request, { + failureRedirect: "/login", + }); + if (!user.is_admin) { + throw new Error("Unauthorized"); + } + const { data, error } = await apiClient.GET("/admin/games", { + params: { + header: { + Authorization: `Bearer ${token}`, + }, + }, + }); + if (error) { + throw new Error(error.message); + } + return { games: data.games }; +} + +export default function AdminGames() { + const { games } = useLoaderData()!; + + return ( +
+
+

[Admin] Games

+
    + {games.map((game) => ( +
  • + + {game.display_name} (id={game.game_id}) + +
    • + ))} +
+
+
+ ); +} diff --git a/frontend/app/routes/admin.games_.$gameId.tsx b/frontend/app/routes/admin.games_.$gameId.tsx new file mode 100644 index 0000000..5d83fb4 --- /dev/null +++ b/frontend/app/routes/admin.games_.$gameId.tsx @@ -0,0 +1,127 @@ +import type { + LoaderFunctionArgs, + MetaFunction, + ActionFunctionArgs, +} from "@remix-run/node"; +import { useLoaderData, Form } from "@remix-run/react"; +import { isAuthenticated } from "../.server/auth"; +import { apiClient } from "../.server/api/client"; + +export const meta: MetaFunction = ({ data }) => { + return [ + { + title: data + ? `[Admin] Game Edit ${data.game.display_name} | iOSDC 2024 Albatross.swift` + : "[Admin] Game Edit | iOSDC 2024 Albatross.swift", + }, + ]; +}; + +export async function loader({ request, params }: LoaderFunctionArgs) { + const { user, token } = await isAuthenticated(request, { + failureRedirect: "/login", + }); + if (!user.is_admin) { + throw new Error("Unauthorized"); + } + const { gameId } = params; + const { data, error } = await apiClient.GET("/admin/games/{game_id}", { + params: { + path: { + game_id: Number(gameId), + }, + header: { + Authorization: `Bearer ${token}`, + }, + }, + }); + if (error) { + throw new Error(error.message); + } + return { game: data.game }; +} + +export async function action({ request, params }: ActionFunctionArgs) { + const { user, token } = await isAuthenticated(request, { + failureRedirect: "/login", + }); + if (!user.is_admin) { + throw new Error("Unauthorized"); + } + const { gameId } = params; + + const formData = await request.formData(); + const action = formData.get("action"); + + const nextState = + action === "open" + ? "waiting_entries" + : action === "start" + ? "waiting_start" + : null; + if (!nextState) { + throw new Error("Invalid action"); + } + + const { error } = await apiClient.PUT("/admin/games/{game_id}", { + params: { + path: { + game_id: Number(gameId), + }, + header: { + Authorization: `Bearer ${token}`, + }, + }, + body: { + state: nextState, + }, + }); + if (error) { + throw new Error(error.message); + } +} + +export default function AdminGameEdit() { + const { game } = useLoaderData()!; + + return ( +
+
+

[Admin] Game Edit {game.display_name}

+
    +
  • ID: {game.game_id}
    • +
  • State: {game.state}
    • +
  • Display Name: {game.display_name}
    • +
  • Duration Seconds: {game.duration_seconds}
    • +
  • + Started At:{" "} + {game.started_at + ? new Date(game.started_at * 1000).toString() + : "-"} +
    • +
  • Problem ID: {game.problem ? game.problem.problem_id : "-"}
    • +
+
+
+ + +
+
+
+
+ ); +} diff --git a/frontend/app/routes/admin.users.tsx b/frontend/app/routes/admin.users.tsx index d9901a2..61a25bf 100644 --- a/frontend/app/routes/admin.users.tsx +++ b/frontend/app/routes/admin.users.tsx @@ -37,7 +37,7 @@ export default function AdminUsers() {
    {users.map((user) => (
  • - {user.display_name} (uid={user.user_id} username={user.username}) + {user.display_name} (id={user.user_id} username={user.username}) {user.is_admin && admin}
    • ))} diff --git a/frontend/app/routes/golf.$gameId.play.tsx b/frontend/app/routes/golf.$gameId.play.tsx index 3932b4b..2a3a68b 100644 --- a/frontend/app/routes/golf.$gameId.play.tsx +++ b/frontend/app/routes/golf.$gameId.play.tsx @@ -35,7 +35,7 @@ export async function loader({ params, request }: LoaderFunctionArgs) { if (error) { throw new Error(error.message); } - return data; + return data.game; }; const fetchSockToken = async () => { diff --git a/frontend/app/routes/golf.$gameId.watch.tsx b/frontend/app/routes/golf.$gameId.watch.tsx index eeb6fb9..da7baf1 100644 --- a/frontend/app/routes/golf.$gameId.watch.tsx +++ b/frontend/app/routes/golf.$gameId.watch.tsx @@ -35,7 +35,7 @@ export async function loader({ params, request }: LoaderFunctionArgs) { if (error) { throw new Error(error.message); } - return data; + return data.game; }; const fetchSockToken = async () => { -- cgit v1.2.3-70-g09d2