feat: add schedule presentation retrieval and update related components

hoangtuanqn · hoangtuanqn · commit 4037b5f4b0df · 2026-01-12T11:47:44.000+07:00
diff --git a/backend/prisma/schema.prisma b/backend/prisma/schema.prisma
@@ -177,9 +177,9 @@ model SchedulePresent {
   id     String @id @default(uuid()) @db.VarChar(36)
   teamId String @map("team_id") @db.VarChar(36)
 
-  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)
+  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)
 
   createdAt DateTime @default(now()) @map("created_at")
   updatedAt DateTime @updatedAt @map("updated_at")
diff --git a/backend/src/controllers/team.controllers.ts b/backend/src/controllers/team.controllers.ts
@@ -48,6 +48,23 @@ export const createSchedulePresentation = async (
     }
 };
 
+export const getSchedulePresentation = async (
+    req: Request<ParamsDictionary, {}, { teamId: string }>,
+    res: Response,
+    next: NextFunction,
+) => {
+    try {
+        const userId = req.userId!;
+        const { teamId } = req.params;
+        console.log("teamId", userId, teamId);
+        // chỉ có thành viên mới get dc
+        const result = await teamService.getSchedulePresentation(userId, teamId);
+        return res.status(HTTP_STATUS.OK).json(new ResponseClient({ result }));
+    } catch (error) {
+        return next(error);
+    }
+};
+
 export const getDetail = async (req: Request<{ id: string }>, res: Response, next: NextFunction) => {
     try {
         const result = await teamService.getDetail(req.params.id, req.role as RoleType);
diff --git a/backend/src/repositories/team.repository.ts b/backend/src/repositories/team.repository.ts
@@ -230,8 +230,20 @@ class TeamRepository {
         return !!team;
     };
 
+    isMember = async (teamId: string, userId: string) => {
+        const team = await prisma.user.findUnique({
+            where: {
+                id: userId,
+                candidate: {
+                    teamId: teamId,
+                },
+            },
+        });
+        return !!team;
+    };
+
     isTrialDateExists = async (trialDate: string) => {
-        const team = await prisma.present.findFirst({
+        const team = await prisma.schedulePresent.findFirst({
             where: {
                 trialDate,
             },
@@ -248,6 +260,14 @@ class TeamRepository {
             }),
         });
     };
+
+    findSchedulePresentationByTeamId = async (teamId: string) => {
+        return prisma.schedulePresent.findFirst({
+            where: {
+                teamId,
+            },
+        });
+    };
 }
 
 const teamRepository = new TeamRepository();
diff --git a/backend/src/routes/team.routes.ts b/backend/src/routes/team.routes.ts
@@ -15,12 +15,12 @@ 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);
 
 teamRouter.get("/:id", auth, validate(idParamSchema), teamController.getDetail);
 
 teamRouter.get("/mentor/:id", auth, validate(idParamSchema), teamController.getTeamByUserId);
 
-// teamRouter.post("/", auth, isRole([RoleType.ADMIN]), teamController.create);
 teamRouter.patch(
     "/:id/change-name",
     auth,
diff --git a/backend/src/schemas/schedule-present.schema.ts b/backend/src/schemas/schedule-present.schema.ts
@@ -5,6 +5,7 @@ interface SchedulePresentType {
     teamId: string;
     trialDate: string;
     officialDate: string[];
+    finalDate?: string;
     createdAt?: Date;
     updatedAt?: Date;
 }
@@ -14,13 +15,15 @@ class SchedulePresent {
     teamId: string;
     trialDate: string;
     officialDate: string[];
+    finalDate?: string;
     createdAt: Date;
     updatedAt: Date;
     constructor(present: SchedulePresentType) {
         this.id = present.id || uuidv4();
         this.teamId = present.teamId;
         this.trialDate = present.trialDate;
         this.officialDate = present.officialDate;
+        this.finalDate = present.finalDate || "";
         this.createdAt = present.createdAt || new Date();
         this.updatedAt = present.updatedAt || new Date();
     }
diff --git a/backend/src/services/team.service.ts b/backend/src/services/team.service.ts
@@ -161,10 +161,24 @@ class TeamService {
         });
         return created;
     };
-    // async getTeamByMentor(mentorId: string) {
-    //     const teams = await teamRepository.findByMentorId(mentorId);
-    //     return teams;
-    // }
+
+    async getSchedulePresentation(userId: string, teamId: string) {
+        const isMember = await teamRepository.isMember(teamId, userId);
+        if (!isMember) {
+            throw new ErrorWithStatus({
+                status: HTTP_STATUS.FORBIDDEN,
+                message: "Bạn không có quyền xem lịch trình thuyết trình của nhóm này.",
+            });
+        }
+        const schedule = await teamRepository.findSchedulePresentationByTeamId(teamId);
+        if (!schedule) {
+            throw new ErrorWithStatus({
+                status: HTTP_STATUS.NOT_FOUND,
+                message: "Lịch trình thuyết trình của nhóm không tồn tại.",
+            });
+        }
+        return schedule;
+    }
 }
 
 const teamService = new TeamService();
diff --git a/frontend/src/api-requests/team.requests.ts b/frontend/src/api-requests/team.requests.ts
@@ -1,4 +1,4 @@
-import type { ResponseDetailData, TeamType } from "~/types/team.types";
+import type { ResponseDetailData, SchedulePresentType, TeamType } from "~/types/team.types";
 import { privateApi } from "~/utils/axiosInstance";
 
 class TeamApi {
@@ -40,5 +40,10 @@ class TeamApi {
         const res = await privateApi.post(`/teams/present`, { teamId, trialDate, officialDate });
         return res.data;
     }
+
+    static async getSchedulePresentation(teamId: string) {
+        const res = await privateApi.get<ResponseDetailData<SchedulePresentType>>(`/teams/present/${teamId}`);
+        return res.data;
+    }
 }
 export default TeamApi;
diff --git a/frontend/src/pages/Present/FormRegisterPresent.tsx b/frontend/src/pages/Present/FormRegisterPresent.tsx
@@ -91,7 +91,6 @@ const FormRegisterPresent = () => {
             </div>
 
             <form onSubmit={handleSubmit} className="space-y-6 p-5 sm:p-6">
-                {/* Trial Presentation */}
                 <div className="space-y-4">
                     <div className="flex items-center gap-2">
                         <Clock className="h-5 w-5 text-blue-500" />
@@ -125,7 +124,8 @@ const FormRegisterPresent = () => {
                                             <RadioGroupItem
                                                 value={`${date}|${slot}`}
                                                 id={`trial-${date}-${slot}`}
-                                                className="text-blue-600"
+                                                className="text-blue-600 disabled:cursor-not-allowed disabled:opacity-50"
+                                                // disabled={true}
                                             />
                                             <Label
                                                 htmlFor={`trial-${date}-${slot}`}
@@ -153,7 +153,7 @@ const FormRegisterPresent = () => {
                     </div>
                     <p className="text-sm text-gray-600">
                         Chọn <span className="font-semibold text-green-700">NHIỀU</span> khung giờ bạn có thể tham gia
-                        thuyết trình chính thức
+                        thuyết trình chính thức. BTC sẽ sắp xếp và thông báo lịch cụ thể sau.
                     </p>
                     <div className="rounded-md border-l-4 border-green-400 bg-green-50 p-3">
                         <p className="text-xs text-green-800">
diff --git a/frontend/src/pages/Present/HistoryPresent.tsx b/frontend/src/pages/Present/HistoryPresent.tsx
diff --git a/frontend/src/pages/Present/SchedulePresent.tsx b/frontend/src/pages/Present/SchedulePresent.tsx
@@ -0,0 +1,89 @@
+import { Calendar, Clock, CheckCircle } from "lucide-react";
+
+const SchedulePresent = () => {
+    const hasRegistered = true;
+    const registrationData = {
+        trialSlot: { date: "17/01/2026", time: "7:00 - 7:45" },
+        officialSlots: [
+            { date: "17/01/2026", time: "13:00 - 13:45" },
+            { date: "18/01/2026", time: "14:00 - 14:45" },
+        ],
+    };
+
+    if (!hasRegistered) {
+        return (
+            <div className="overflow-hidden rounded-lg border border-gray-200 bg-white shadow-xs">
+                <div className="border-b border-gray-200/70 bg-gradient-to-r from-gray-50/80 to-white px-5 py-4">
+                    <h3 className="flex items-center gap-2 text-sm font-semibold text-gray-900">
+                        <Calendar className="h-4 w-4 text-gray-600" />
+                        Lịch đã đăng ký
+                    </h3>
+                </div>
+                <div className="px-5 py-8 text-center">
+                    <div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-gray-100">
+                        <Calendar className="h-6 w-6 text-gray-400" />
+                    </div>
+                    <p className="mt-3 text-sm font-medium text-gray-900">Chưa đăng ký</p>
+                    <p className="mt-1 text-xs text-gray-500">Bạn chưa đăng ký thời gian thuyết trình</p>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="overflow-hidden rounded-lg border-1 border-green-200/60 shadow-xs">
+            <div className="border-b border-green-200/60 bg-gradient-to-br from-green-50/80 to-white px-5 py-4">
+                <h3 className="flex items-center gap-2 text-sm font-semibold text-gray-900">
+                    <CheckCircle className="h-4 w-4 text-green-600" />
+                    Lịch đã đăng ký
+                </h3>
+            </div>
+            <div className="space-y-4 px-5 py-4">
+                {registrationData.trialSlot && (
+                    <div>
+                        <div className="mb-2 flex items-center gap-1.5">
+                            <Clock className="h-3.5 w-3.5 text-blue-600" />
+                            <p className="text-sm font-semibold text-blue-900">Thuyết trình thử</p>
+                        </div>
+                        <div className="rounded-md border-1 border-blue-400 bg-blue-50 px-3 py-2">
+                            <div className="flex items-center gap-2 text-sm">
+                                <Calendar className="h-3 w-3 text-blue-600" />
+                                <span className="font-medium text-blue-900">{registrationData.trialSlot.date}</span>
+                                <span className="text-blue-500"> - </span>
+                                <span className="text-blue-800">{registrationData.trialSlot.time}</span>
+                            </div>
+                        </div>
+                    </div>
+                )}
+
+                <div>
+                    <div className="mb-2 flex items-center gap-1.5">
+                        <Clock className="h-3.5 w-3.5 text-green-600" />
+                        <p className="text-sm font-semibold text-green-900">Thuyết trình chính thức</p>
+                    </div>
+                    <div className="space-y-2">
+                        {registrationData.officialSlots.map((slot, index) => (
+                            <div key={index} className="bg-primary/10 border-primary rounded-md border-1 px-3 py-2">
+                                <div className="flex items-center gap-2 text-sm">
+                                    <Calendar className="h-3 w-3 text-green-600" />
+                                    <span className="font-medium text-green-900">{slot.date}</span>
+                                    <span className="text-green-500"> - </span>
+                                    <span className="text-green-800">{slot.time}</span>
+                                </div>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+
+                <div className="rounded-md border border-amber-200/50 bg-amber-50/50 px-3 py-2">
+                    <p className="text-sm text-amber-800">
+                        <span className="font-semibold">Lưu ý:</span> Bạn chỉ được đăng ký 1 lần duy nhất. Liên hệ ban
+                        tổ chức nếu cần thay đổi.
+                    </p>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default SchedulePresent;
diff --git a/frontend/src/pages/Present/index.tsx b/frontend/src/pages/Present/index.tsx
diff --git a/frontend/src/types/team.types.ts b/frontend/src/types/team.types.ts
