feat: implement schedule presentation retrieval and update related components

Author: hoangtuanqn

backend/prisma/schema.prisma

@@ -179,7 +179,7 @@ model SchedulePresent {
 
   trialDate    String  @unique @map("trial_date") @db.VarChar(255)
   officialDate Json    @map("offical_date") @db.Json
-  finalDate    String? @unique @map("final_date") @db.VarChar(255)
+  finalDate    String? @map("final_date") @db.VarChar(255)
 
   createdAt DateTime @default(now()) @map("created_at")
   updatedAt DateTime @updatedAt @map("updated_at")

backend/src/controllers/team.controllers.ts

@@ -47,8 +47,19 @@ export const createSchedulePresentation = async (
         return next(error);
     }
 };
-
 export const getSchedulePresentation = async (
+    req: Request<ParamsDictionary, {}, {}>,
+    res: Response,
+    next: NextFunction,
+) => {
+    try {
+        const result = await teamService.getSchedulePresentationAll();
+        return res.status(HTTP_STATUS.OK).json(new ResponseClient({ result }));
+    } catch (error) {
+        return next(error);
+    }
+};
+export const getSchedulePresentationInTeam = async (
     req: Request<ParamsDictionary, {}, { teamId: string }>,
     res: Response,
     next: NextFunction,
@@ -57,7 +68,7 @@ export const getSchedulePresentation = async (
         const userId = req.userId!;
         const { teamId } = req.params;
         console.log("teamId", userId, teamId);
-      
+
         const result = await teamService.getSchedulePresentation(userId, teamId);
         return res.status(HTTP_STATUS.OK).json(new ResponseClient({ result }));
     } catch (error) {

backend/src/repositories/team.repository.ts

@@ -268,6 +268,10 @@ class TeamRepository {
             },
         });
     };
+
+    findAllPresentationSchedules = async () => {
+        return prisma.schedulePresent.findMany();
+    };
 }
 
 const teamRepository = new TeamRepository();

backend/src/routes/team.routes.ts

@@ -15,7 +15,11 @@ const teamRouter = Router();
 // teamRouter.get("/", auth, isRole([RoleType.ADMIN, RoleType.MENTOR]), validate(getAllSchema), teamController.getAll);
 teamRouter.get("/", auth, validate(getAllSchema), teamController.getAll);
 teamRouter.post("/present", auth, teamController.createSchedulePresentation);
-teamRouter.get("/get-schedule/:teamId", auth, teamController.getSchedulePresentation);
+
+// get các lịch đã có thể đăng ký
+teamRouter.get("/get-schedule-all", auth, teamController.getSchedulePresentation);
+
+teamRouter.get("/get-schedule/:teamId", auth, teamController.getSchedulePresentationInTeam);
 
 teamRouter.get("/:id", auth, validate(idParamSchema), teamController.getDetail);
 

backend/src/services/team.service.ts

@@ -2,7 +2,9 @@ import { RoleType } from "~/constants/enums";
 import { HTTP_STATUS } from "~/constants/httpStatus";
 import teamRepository from "~/repositories/team.repository";
 import { ErrorWithStatus } from "~/rules/error";
-
+interface TimeSlots {
+    [date: string]: string[];
+}
 class TeamService {
     async getAll({
         page,
@@ -154,6 +156,24 @@ class TeamService {
                 message: "Chỉ trưởng nhóm mới có quyền đăng ký lịch trình thuyết trình.",
             });
         }
+        // 1 nhóm chỉ dăng ký 1 lần
+        const existingSchedule = await teamRepository.findSchedulePresentationByTeamId(teamId);
+        if (existingSchedule) {
+            throw new ErrorWithStatus({
+                status: HTTP_STATUS.BAD_REQUEST,
+                message: "Nhóm đã đăng ký lịch trình thuyết trình, không thể đăng ký lại.",
+            });
+        }
+        // present thử đủ 10 slot thì k cho đăng ký nữa (nếu dữ liệu cột trial_date  có data và đủ 10 cái thì k cho đăng ký)
+        const schedules = await teamRepository.findAllPresentationSchedules();
+        const countOnTrialDate = schedules.filter((s) => s.trialDate.length > 0).length;
+        if (countOnTrialDate >= 10) {
+            throw new ErrorWithStatus({
+                status: HTTP_STATUS.BAD_REQUEST,
+                message: "Ngày thuyết trình thử đã đủ số nhóm đăng ký. Bạn không thể đăng ký thêm.",
+            });
+        }
+
         const created = await teamRepository.createPresentationSchedule({
             teamId,
             trialDate,
@@ -179,6 +199,57 @@ class TeamService {
         }
         return schedule;
     }
+
+    async getSchedulePresentationAll() {
+        const trialTimeSlots: TimeSlots = {
+            "17/01/2026": ["10h05 - 10h50", "16h05 - 16h50", "19h05 - 19h50", "20h05 - 20h50"],
+            "18/01/2026": ["15h05 - 15h50", "16h05 - 16h50", "19h05 - 19h50", "20h05 - 20h50"],
+            "19/01/2026": ["09h05 - 09h50", "10h05 - 10h50", "19h05 - 19h50", "20h05 - 20h50"],
+            "20/01/2026": ["19h05 - 19h50", "20h05 - 20h50"],
+            "21/01/2026": ["19h05 - 19h50", "20h05 - 20h50"],
+        };
+
+        const officialTimeSlots: TimeSlots = {
+            "24/01/2026": ["18h - 19h", "19h15 - 20h15"],
+            "26/01/2026": ["18h - 19h", "19h15 - 20h15"],
+            "27/01/2026": ["18h - 19h", "19h15 - 20h15"],
+            "28/01/2026": ["18h - 19h", "19h15 - 20h15"],
+            "29/01/2026": ["18h - 19h", "19h15 - 20h15"],
+            "30/01/2026": ["18h - 19h", "19h15 - 20h15"],
+            "31/01/2026": ["18h - 19h", "19h15 - 20h15"],
+        };
+
+        const schedules = await teamRepository.findAllPresentationSchedules();
+
+        // Tách trialDate thành date và time slot
+        const bookedTrialSlots = schedules
+            .filter((s) => s.trialDate)
+            .map((s) => {
+                const [date, timeSlot] = s.trialDate.split("|");
+                return { date, timeSlot };
+            });
+
+        const availableTrialSchedules = Object.entries(trialTimeSlots).map(([date, slots]) => ({
+            date,
+            slots: slots.map((slot) => ({
+                time: slot,
+                disabled: bookedTrialSlots.some((booked) => booked.date === date && booked.timeSlot === slot),
+            })),
+        }));
+
+        const availableOfficialSchedules = Object.entries(officialTimeSlots).map(([date, slots]) => ({
+            date,
+            slots: slots.map((slot) => ({
+                time: slot,
+                // disabled: bookedOfficialDates.includes(date),
+            })),
+        }));
+
+        return {
+            trialSchedules: availableTrialSchedules,
+            officialSchedules: availableOfficialSchedules,
+        };
+    }
 }
 
 const teamService = new TeamService();

frontend/src/api-requests/team.requests.ts

@@ -1,4 +1,10 @@
-import type { ResponseDetailData, SchedulePresentType, TeamType } from "~/types/team.types";
+import type {
+    OfficialScheduleDateType,
+    ResponseDetailData,
+    ScheduleDateType,
+    SchedulePresentType,
+    TeamType,
+} from "~/types/team.types";
 import { privateApi } from "~/utils/axiosInstance";
 
 class TeamApi {
@@ -40,8 +46,16 @@ class TeamApi {
         const res = await privateApi.post(`/teams/present`, { teamId, trialDate, officialDate });
         return res.data;
     }
-
-    static async getSchedulePresentation(teamId: string) {
+    static async getSchedulePresentationAll() {
+        const res = await privateApi.get<
+            ResponseDetailData<{
+                trialSchedules: ScheduleDateType[];
+                officialSchedules: OfficialScheduleDateType[];
+            }>
+        >(`/teams/get-schedule-all`);
+        return res.data;
+    }
+    static async getSchedulePresentationInTeam(teamId: string) {
         const res = await privateApi.get<ResponseDetailData<SchedulePresentType>>(`/teams/get-schedule/${teamId}`);
         return res.data;
     }

frontend/src/components/Header/index.tsx

@@ -1,4 +1,4 @@
-import { BadgeQuestionMark, ChevronDown, House, Menu, ServerCrash, Users, X } from "lucide-react";
+import { BadgeQuestionMark, ChevronDown, House, Menu, Users, X } from "lucide-react";
 import { Link, useLocation } from "react-router";
 import useAuth from "~/hooks/useAuth";
 import { useState, useRef, useEffect } from "react";