itm/siakad-itm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement schedule management with day of week enumeration and enhanced filtering options

Browse Source
This commit is contained in:
Yoga Pangestu 2026-09-02 22:17:44 +07:00
parent fa4c4f37f3
commit 753e7735a7
8 changed files with 514 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/Enums/DayOfWeek.php Normal file
View File

@ -0,0 +1,31 @@
<?php
namespace App\Enums;
use App\Enums\Concerns\HasValues;
enum DayOfWeek: string
{
use HasValues;
case Monday = 'Monday';
case Tuesday = 'Tuesday';
case Wednesday = 'Wednesday';
case Thursday = 'Thursday';
case Friday = 'Friday';
case Saturday = 'Saturday';
case Sunday = 'Sunday';
public function label(): string
{
return match ($this) {
self::Monday => 'Senin',
self::Tuesday => 'Selasa',
self::Wednesday => 'Rabu',
self::Thursday => 'Kamis',
self::Friday => 'Jumat',
self::Saturday => 'Sabtu',
self::Sunday => 'Minggu',
};
}
}

36
app/Http/Controllers/Admin/AcademicClasses/ScheduleController.php
View File

@ -4,9 +4,12 @@
use App\Http\Controllers\Controller;
use App\Http\Requests\Admin\AcademicClasses\ScheduleRequest;
use App\Http\Requests\PaginatedRequest;
use App\Models\Schedule;
use App\Services\Admin\AcademicClasses\ScheduleService;
use App\Services\Admin\Manage\CourseClassService;
use App\Services\Admin\Master\AcademicTermService;
use App\Services\Admin\Master\CourseService;
use App\Services\Admin\Master\DepartmentService;
use Illuminate\Http\RedirectResponse;
use Inertia\Inertia;
use Inertia\Response;
@ -15,14 +18,37 @@ class ScheduleController extends Controller
{
public function __construct(
private readonly ScheduleService $service,
private readonly CourseClassService $courseClassService,
private readonly AcademicTermService $academicTermService,
private readonly DepartmentService $departmentService,
private readonly CourseService $courseService,
) {}
public function index(): Response
public function index(PaginatedRequest $request): Response
{
$user = $request->user();
$isPersonalView = $user->hasRole('mahasiswa') || $user->hasRole('dosen');
$academicTermId = $request->has('academic_term_id')
? $request->validated('academic_term_id')
: $this->academicTermService->getActive()?->id;
return Inertia::render('admin/academic-classes/schedules/index', [
'schedules' => $this->service->all(),
'courseClasses' => $this->courseClassService->getAllForSelect(),
'schedules' => $this->service->all(
$user,
academicTermId: $academicTermId,
departmentId: $request->validated('department_id'),
semesterNumber: $request->validated('semester_number'),
),
'courseClasses' => $this->service->courseClassOptions(),
'academicTerms' => $this->academicTermService->getAllForSelect(),
'departments' => $this->departmentService->getAllForSelect(),
'semesterNumbers' => $this->courseService->getSemesterNumbers(),
'isPersonalView' => $isPersonalView,
'filters' => [
'academic_term_id' => $academicTermId ? (string) $academicTermId : null,
'department_id' => $request->validated('department_id'),
'semester_number' => $request->validated('semester_number'),
],
]);
}

7
app/Http/Requests/Admin/AcademicClasses/ScheduleRequest.php
View File

@ -2,6 +2,7 @@
namespace App\Http\Requests\Admin\AcademicClasses;
use App\Enums\DayOfWeek;
use Illuminate\Foundation\Http\FormRequest;
use Illuminate\Validation\Rule;
@ -16,9 +17,9 @@ public function rules(): array
{
return [
'course_class_id' => ['required', 'integer', Rule::exists('course_classes', 'id')],
'day_of_week' => ['nullable', 'string', 'max:15'],
'start_time' => ['nullable', 'date_format:H:i'],
'end_time' => ['nullable', 'date_format:H:i', 'after:start_time'],
'day_of_week' => ['required', 'string', Rule::in(DayOfWeek::values())],
'start_time' => ['required', 'date_format:H:i'],
'end_time' => ['required', 'date_format:H:i', 'after:start_time'],
'room' => ['nullable', 'string', 'max:20'],
'online_link' => ['nullable', 'string', 'max:255', 'url'],
];

8
app/Models/Schedule.php
View File

@ -2,6 +2,7 @@
namespace App\Models;
use App\Enums\DayOfWeek;
use Illuminate\Database\Eloquent\Attributes\Guarded;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
@ -12,6 +13,13 @@ class Schedule extends Model
{
use HasFactory;
protected function casts(): array
{
return [
'day_of_week' => DayOfWeek::class,
];
}
public function courseClass(): BelongsTo
{
return $this->belongsTo(CourseClass::class);

61
app/Services/Admin/AcademicClasses/ScheduleService.php
View File

@ -2,27 +2,72 @@
namespace App\Services\Admin\AcademicClasses;
use App\Enums\RegistrationStatus;
use App\Models\CourseClass;
use App\Models\Schedule;
use App\Models\User;
use Illuminate\Database\Eloquent\Collection;
class ScheduleService
{
public function all(): Collection
public function all(User $user, ?int $academicTermId = null, ?int $departmentId = null, ?int $semesterNumber = null): Collection
{
return Schedule::query()
->select(['id', 'course_class_id', 'day_of_week', 'start_time', 'end_time', 'room', 'online_link'])
->with('courseClass.course:id,code,name')
->with([
'courseClass:id,course_id,lecturer_id,academic_term_id,method',
'courseClass.course:id,code,name,department_id',
'courseClass.course.department:id,name',
'courseClass.lecturer:id,user_id,lecturer_number',
'courseClass.lecturer.user:id,username',
'courseClass.lecturer.user.profile:id,user_id,full_name',
])
->whereHas('courseClass', function ($q) use ($user, $academicTermId, $departmentId, $semesterNumber) {
$q->when($academicTermId, fn ($q) => $q->where('academic_term_id', $academicTermId))
->when($departmentId, fn ($q) => $q->whereHas('course', fn ($q) => $q->where('department_id', $departmentId)))
->when($semesterNumber, fn ($q) => $q->whereHas('course', fn ($q) => $q->where('semester_number', $semesterNumber)))
->when($user->hasRole('mahasiswa'), fn ($q) => $q->whereHas('registrations', function ($q) use ($user) {
$q->where('student_id', $user->student?->id)
->whereHas('submission', fn ($q) => $q->where('status', RegistrationStatus::Approved));
}))
->when($user->hasRole('dosen'), fn ($q) => $q->where('lecturer_id', $user->lecturer?->id));
})
->orderBy('start_time')
->get();
}
/**
* Course classes for the schedule form's picker, grouped by department and
* semester and ordered alphabetically to match the course-class picker
* pattern used elsewhere.
*/
public function courseClassOptions(): Collection
{
return CourseClass::query()
->select(['course_classes.id', 'course_classes.course_id', 'course_classes.lecturer_id', 'course_classes.academic_term_id'])
->join('courses', 'courses.id', '=', 'course_classes.course_id')
->join('departments', 'departments.id', '=', 'courses.department_id')
->with([
'course:id,code,name,department_id,semester_number',
'course.department:id,name',
'lecturer:id,user_id,lecturer_number',
'lecturer.user:id,username',
'lecturer.user.profile:id,user_id,full_name',
'academicTerm:id,academic_year,semester,start_date,end_date',
])
->orderBy('departments.name')
->orderBy('courses.semester_number')
->orderBy('courses.name')
->get();
}
public function create(array $data): Schedule
{
return Schedule::create([
'course_class_id' => $data['course_class_id'],
'day_of_week' => $data['day_of_week'] ?? null,
'start_time' => $data['start_time'] ?? null,
'end_time' => $data['end_time'] ?? null,
'day_of_week' => $data['day_of_week'],
'start_time' => $data['start_time'],
'end_time' => $data['end_time'],
'room' => $data['room'] ?? null,
'online_link' => $data['online_link'] ?? null,
]);
@ -31,9 +76,9 @@ public function create(array $data): Schedule
public function update(Schedule $schedule, array $data): Schedule
{
$schedule->course_class_id = $data['course_class_id'];
$schedule->day_of_week = $data['day_of_week'] ?? null;
$schedule->start_time = $data['start_time'] ?? null;
$schedule->end_time = $data['end_time'] ?? null;
$schedule->day_of_week = $data['day_of_week'];
$schedule->start_time = $data['start_time'];
$schedule->end_time = $data['end_time'];
$schedule->room = $data['room'] ?? null;
$schedule->online_link = $data['online_link'] ?? null;
$schedule->update();

2
database/seeders/RolePermissionSeeder.php
View File

@ -46,6 +46,7 @@ public function run(): void
'create-letter-requests',
'update-letter-requests',
'delete-letter-requests',
'view-schedules',
...$feedbackSelfService,
],
'dosen' => [
@ -56,6 +57,7 @@ public function run(): void
'view-course-registrations',
'approve-course-registrations',
'reject-course-registrations',
'view-schedules',
...$feedbackSelfService,
],
'staff-admin' => [

436
resources/js/pages/admin/academic-classes/schedules/index.tsx
View File

@ -1,4 +1,17 @@
import { Head, router } from '@inertiajs/react';
import {
Clock,
MapPin,
Pencil,
Plus,
Trash2,
User,
Video,
} from 'lucide-react';
import { useState } from 'react';
import { DeleteConfirmDialog } from '@/components/delete-confirm-dialog';
import type { FilterField } from '@/components/filter-dialog';
import { FilterDialog } from '@/components/filter-dialog';
import { FormDialog } from '@/components/form-dialog';
import InputError from '@/components/input-error';
import { PageHeader } from '@/components/page-header';
@ -6,6 +19,17 @@ import { RowActions } from '@/components/row-actions';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import {
Combobox,
ComboboxCollection,
ComboboxContent,
ComboboxEmpty,
ComboboxGroup,
ComboboxInput,
ComboboxItem,
ComboboxLabel,
ComboboxList,
} from '@/components/ui/combobox';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import {
@ -16,35 +40,119 @@ import {
SelectValue,
} from '@/components/ui/select';
import { usePermissions } from '@/hooks/use-permissions';
import { useServerTable } from '@/hooks/use-server-table';
import { cn } from '@/lib/utils';
import {
destroy,
index as scheduleIndex,
store,
update,
} from '@/routes/admin/academic-classes/schedules';
import { formatAcademicTermLabel } from '@/types/academic-term';
import { ClassMethodLabels } from '@/types/course-class';
import type { ClassMethod } from '@/types/course-class';
import type { Schedule } from '@/types/schedule';
import { DayOfWeekLabels, DaysOfWeek } from '@/types/schedule';
import { Head, router } from '@inertiajs/react';
import { Clock, MapPin, Pencil, Plus, Trash2, Video } from 'lucide-react';
import { useState } from 'react';
type CourseClassOption = {
id: number;
course: { id: number; code: string; name: string } | null;
course: {
id: number;
code: string;
name: string;
semester_number: number | null;
department: { id: number; name: string } | null;
} | null;
lecturer: {
id: number;
user: { profile: { full_name: string } | null } | null;
} | null;
academic_term: {
id: number;
academic_year: string;
semester: string;
} | null;
};
type CourseClassGroup = { value: string; items: CourseClassOption[] };
type AcademicTermOption = {
id: number;
academic_year: string;
semester: string;
};
type DepartmentOption = {
id: number;
name: string;
};
type Props = {
schedules: Schedule[];
courseClasses: CourseClassOption[];
academicTerms: AcademicTermOption[];
departments: DepartmentOption[];
semesterNumbers: number[];
isPersonalView: boolean;
highlight?: number;
filters: {
academic_term_id?: string;
department_id?: string;
semester_number?: string;
};
};
const UNSCHEDULED = '__unscheduled__';
const BOARD_COLUMNS = [...DaysOfWeek, UNSCHEDULED] as const;
function courseClassLabel(courseClass: CourseClassOption): string {
return `${courseClass.course?.code ?? ''} ${courseClass.course?.name ?? ''}`;
const DEPARTMENT_PALETTE = [
{ border: 'border-l-blue-500 bg-blue-50/60 dark:bg-blue-950/20', dot: 'bg-blue-500' },
{ border: 'border-l-emerald-500 bg-emerald-50/60 dark:bg-emerald-950/20', dot: 'bg-emerald-500' },
{ border: 'border-l-amber-500 bg-amber-50/60 dark:bg-amber-950/20', dot: 'bg-amber-500' },
{ border: 'border-l-violet-500 bg-violet-50/60 dark:bg-violet-950/20', dot: 'bg-violet-500' },
{ border: 'border-l-rose-500 bg-rose-50/60 dark:bg-rose-950/20', dot: 'bg-rose-500' },
{ border: 'border-l-cyan-500 bg-cyan-50/60 dark:bg-cyan-950/20', dot: 'bg-cyan-500' },
{ border: 'border-l-orange-500 bg-orange-50/60 dark:bg-orange-950/20', dot: 'bg-orange-500' },
{ border: 'border-l-fuchsia-500 bg-fuchsia-50/60 dark:bg-fuchsia-950/20', dot: 'bg-fuchsia-500' },
] as const;
function departmentPalette(departmentId: number | undefined) {
if (!departmentId) {
return { border: 'border-l-border', dot: 'bg-muted-foreground/40' };
}
return DEPARTMENT_PALETTE[departmentId % DEPARTMENT_PALETTE.length];
}
function courseClassLabel(courseClass: {
course: { code: string; name: string } | null;
} | null): string {
return `${courseClass?.course?.code ?? ''} ${courseClass?.course?.name ?? ''}`;
}
function courseClassOptionLabel(option: CourseClassOption): string {
return `${option.course?.code ?? ''} - ${option.course?.name ?? ''}`;
}
function groupCourseClassesByDepartment(
options: CourseClassOption[],
): CourseClassGroup[] {
const groups: CourseClassGroup[] = [];
let currentKey: string | null = null;
for (const option of options) {
const key = `${option.course?.department?.name ?? 'Tanpa Jurusan'} — Semester ${option.course?.semester_number ?? 'Tidak ditentukan'}`;
if (key !== currentKey) {
currentKey = key;
groups.push({ value: key, items: [] });
}
groups[groups.length - 1].items.push(option);
}
return groups;
}
function toTimeInput(value: string | null): string {
@ -54,7 +162,12 @@ function toTimeInput(value: string | null): string {
export default function ScheduleIndex({
schedules,
courseClasses,
academicTerms,
departments,
semesterNumbers,
isPersonalView,
highlight,
filters,
}: Props) {
const [createOpen, setCreateOpen] = useState(false);
const [editing, setEditing] = useState<Schedule | null>(null);
@ -64,6 +177,61 @@ export default function ScheduleIndex({
const canUpdate = hasPermission('update-schedules');
const canDelete = hasPermission('delete-schedules');
const filterFields: FilterField[] = [
{
key: 'academic_term_id',
label: 'Periode Akademik',
options: academicTerms.map((term) => ({
value: String(term.id),
label: formatAcademicTermLabel(term),
})),
},
...(isPersonalView
? []
: [
{
key: 'department_id',
label: 'Jurusan',
options: departments.map((department) => ({
value: String(department.id),
label: department.name,
})),
},
{
key: 'semester_number',
label: 'Semester',
options: semesterNumbers.map((semester) => ({
value: String(semester),
label: String(semester),
})),
},
]),
];
const { applyFilters } = useServerTable({
route: () => scheduleIndex.url(),
pagination: {
current_page: 1,
last_page: 1,
per_page: 999999,
total: schedules.length,
},
filters,
});
function handleApplyFilters(newFilters: Record<string, string>) {
// Without an explicit `academic_term_id`, the backend defaults it back
// to the active term, so clearing it needs to be sent explicitly
// instead of just omitting the key.
const clearedAcademicTerm =
Boolean(filters.academic_term_id) && !newFilters.academic_term_id;
applyFilters({
...newFilters,
...(clearedAcademicTerm ? { academic_term_id: '' } : {}),
});
}
function handleDelete() {
if (!deleting) {
return;
@ -86,6 +254,15 @@ export default function ScheduleIndex({
day !== UNSCHEDULED || (grouped.get(UNSCHEDULED)?.length ?? 0) > 0,
);
const departmentsInView = Array.from(
new Map(
schedules
.map((schedule) => schedule.course_class?.course?.department)
.filter((department): department is { id: number; name: string } => !!department)
.map((department) => [department.id, department]),
).values(),
);
return (
<>
<Head title="Jadwal" />
@ -94,23 +271,52 @@ export default function ScheduleIndex({
<PageHeader
title="Jadwal"
actions={
canCreate && (
<Button asChild>
<button
type="button"
onClick={() => setCreateOpen(true)}
>
<Plus className="h-4 w-4" />
Tambah
</button>
</Button>
)
<div className="flex items-center gap-2">
<FilterDialog
fields={filterFields}
activeFilters={filters}
onApply={handleApplyFilters}
/>
{canCreate && (
<Button asChild>
<button
type="button"
onClick={() => setCreateOpen(true)}
>
<Plus className="h-4 w-4" />
Tambah
</button>
</Button>
)}
</div>
}
/>
<p className="hidden text-xs text-muted-foreground md:block">
Geser ke samping untuk melihat hari lainnya.
</p>
<div className="flex flex-wrap items-center justify-between gap-3">
<p className="hidden text-xs text-muted-foreground md:block">
Geser ke samping untuk melihat hari lainnya.
</p>
{departmentsInView.length > 1 && (
<div className="flex flex-wrap items-center gap-3 text-xs text-muted-foreground">
{departmentsInView.map((department) => (
<span
key={department.id}
className="inline-flex items-center gap-1.5"
>
<span
className={cn(
'h-2.5 w-2.5 rounded-full',
departmentPalette(department.id)
.dot,
)}
/>
{department.name}
</span>
))}
</div>
)}
</div>
<CreateForm
open={createOpen}
@ -165,7 +371,14 @@ export default function ScheduleIndex({
<Card
key={schedule.id}
className={cn(
'gap-3 py-4',
'gap-3 border-l-4 py-4',
departmentPalette(
schedule
.course_class
?.course
?.department
?.id,
).border,
highlight ===
schedule.id &&
'ring-2 ring-primary',
@ -175,7 +388,6 @@ export default function ScheduleIndex({
<CardTitle className="text-sm leading-tight">
{courseClassLabel(
schedule.course_class ?? {
id: 0,
course: null,
},
)}
@ -224,6 +436,19 @@ export default function ScheduleIndex({
) || '-'}
</span>
)}
{schedule.course_class
?.lecturer && (
<span className="inline-flex items-center gap-1.5">
<User className="h-3.5 w-3.5 shrink-0" />
{schedule
.course_class
.lecturer
.user
?.profile
?.full_name ??
'N/A'}
</span>
)}
{schedule.room && (
<span className="inline-flex items-center gap-1.5">
<MapPin className="h-3.5 w-3.5 shrink-0" />
@ -243,6 +468,22 @@ export default function ScheduleIndex({
Link Online
</a>
)}
{schedule.course_class
?.method && (
<Badge
variant="outline"
className="w-fit text-[10px] font-normal"
>
{ClassMethodLabels[
schedule
.course_class
.method as ClassMethod
] ??
schedule
.course_class
.method}
</Badge>
)}
</CardContent>
</Card>
))
@ -272,6 +513,60 @@ export default function ScheduleIndex({
);
}
function CourseClassField({
courseClasses,
value,
onChange,
disabled,
}: {
courseClasses: CourseClassOption[];
value: CourseClassOption | null;
onChange: (value: CourseClassOption | null) => void;
disabled?: boolean;
}) {
const groups = groupCourseClassesByDepartment(courseClasses);
return (
<Combobox
items={groups}
value={value}
onValueChange={onChange}
itemToStringLabel={courseClassOptionLabel}
isItemEqualToValue={(a, b) => a.id === b.id}
disabled={disabled}
>
<ComboboxInput placeholder="Pilih kelas" className="w-full" />
<ComboboxContent>
<ComboboxEmpty>Kelas tidak ditemukan.</ComboboxEmpty>
<ComboboxList>
{(group: CourseClassGroup) => (
<ComboboxGroup key={group.value} items={group.items}>
<ComboboxLabel>{group.value}</ComboboxLabel>
<ComboboxCollection>
{(option: CourseClassOption) => (
<ComboboxItem key={option.id} value={option}>
<div className="flex flex-col">
<span>
{courseClassOptionLabel(option)}
</span>
<span className="text-xs text-muted-foreground">
{option.lecturer?.user?.profile
?.full_name ?? 'N/A'}
{option.academic_term &&
` • ${formatAcademicTermLabel(option.academic_term)}`}
</span>
</div>
</ComboboxItem>
)}
</ComboboxCollection>
</ComboboxGroup>
)}
</ComboboxList>
</ComboboxContent>
</Combobox>
);
}
function CreateForm({
open,
onOpenChange,
@ -281,6 +576,10 @@ function CreateForm({
onOpenChange: (open: boolean) => void;
courseClasses: CourseClassOption[];
}) {
const [courseClass, setCourseClass] = useState<CourseClassOption | null>(
null,
);
return (
<FormDialog
open={open}
@ -288,7 +587,10 @@ function CreateForm({
title="Tambah Jadwal"
action={store()}
resetOnSuccess
onSuccess={() => onOpenChange(false)}
onSuccess={() => {
onOpenChange(false);
setCourseClass(null);
}}
>
{({ errors }) => (
<div className="grid gap-4">
@ -296,26 +598,22 @@ function CreateForm({
<Label>
Kelas <span className="text-destructive">*</span>
</Label>
<input type="hidden" name="course_class_id" />
<Select name="course_class_id">
<SelectTrigger className="w-full">
<SelectValue placeholder="Pilih kelas" />
</SelectTrigger>
<SelectContent>
{courseClasses.map((courseClass) => (
<SelectItem
key={courseClass.id}
value={String(courseClass.id)}
>
{courseClassLabel(courseClass)}
</SelectItem>
))}
</SelectContent>
</Select>
<input
type="hidden"
name="course_class_id"
value={courseClass?.id ?? ''}
/>
<CourseClassField
courseClasses={courseClasses}
value={courseClass}
onChange={setCourseClass}
/>
<InputError message={errors.course_class_id} />
</div>
<div className="grid gap-2">
<Label>Hari</Label>
<Label>
Hari <span className="text-destructive">*</span>
</Label>
<input type="hidden" name="day_of_week" />
<Select name="day_of_week">
<SelectTrigger className="w-full">
@ -333,7 +631,10 @@ function CreateForm({
</div>
<div className="grid grid-cols-2 gap-4">
<div className="grid gap-2">
<Label htmlFor="start_time">Jam Mulai</Label>
<Label htmlFor="start_time">
Jam Mulai{' '}
<span className="text-destructive">*</span>
</Label>
<Input
id="start_time"
name="start_time"
@ -342,7 +643,10 @@ function CreateForm({
<InputError message={errors.start_time} />
</div>
<div className="grid gap-2">
<Label htmlFor="end_time">Jam Selesai</Label>
<Label htmlFor="end_time">
Jam Selesai{' '}
<span className="text-destructive">*</span>
</Label>
<Input id="end_time" name="end_time" type="time" />
<InputError message={errors.end_time} />
</div>
@ -382,6 +686,13 @@ function EditForm({
editing: Schedule | null;
courseClasses: CourseClassOption[];
}) {
const [courseClass, setCourseClass] = useState<CourseClassOption | null>(
editing
? (courseClasses.find((c) => c.id === editing.course_class_id) ??
null)
: null,
);
return (
<FormDialog
open={open}
@ -399,28 +710,23 @@ function EditForm({
Kelas{' '}
<span className="text-destructive">*</span>
</Label>
<Select
<input
type="hidden"
name="course_class_id"
defaultValue={String(editing.course_class_id)}
>
<SelectTrigger className="w-full">
<SelectValue placeholder="Pilih kelas" />
</SelectTrigger>
<SelectContent>
{courseClasses.map((courseClass) => (
<SelectItem
key={courseClass.id}
value={String(courseClass.id)}
>
{courseClassLabel(courseClass)}
</SelectItem>
))}
</SelectContent>
</Select>
value={courseClass?.id ?? ''}
/>
<CourseClassField
courseClasses={courseClasses}
value={courseClass}
onChange={setCourseClass}
/>
<InputError message={errors.course_class_id} />
</div>
<div className="grid gap-2">
<Label>Hari</Label>
<Label>
Hari{' '}
<span className="text-destructive">*</span>
</Label>
<Select
name="day_of_week"
defaultValue={editing.day_of_week ?? undefined}
@ -441,7 +747,10 @@ function EditForm({
<div className="grid grid-cols-2 gap-4">
<div className="grid gap-2">
<Label htmlFor="edit-start_time">
Jam Mulai
Jam Mulai{' '}
<span className="text-destructive">
*
</span>
</Label>
<Input
id="edit-start_time"
@ -455,7 +764,10 @@ function EditForm({
</div>
<div className="grid gap-2">
<Label htmlFor="edit-end_time">
Jam Selesai
Jam Selesai{' '}
<span className="text-destructive">
*
</span>
</Label>
<Input
id="edit-end_time"

12
resources/js/types/schedule.ts
View File

@ -25,7 +25,17 @@ export type Schedule = {
course_class_id: number;
course_class: {
id: number;
course: { id: number; code: string; name: string } | null;
method: string | null;
course: {
id: number;
code: string;
name: string;
department: { id: number; name: string } | null;
} | null;
lecturer: {
id: number;
user: { profile: { full_name: string } | null } | null;
} | null;
} | null;
day_of_week: string | null;
start_time: string | null;