ayo bisa
This commit is contained in:
Randa Firman Putra
@@ -66,6 +66,11 @@ interface Mahasiswa {
|
||||
nama_kelompok_keahlian: string | null;
|
||||
status_kuliah: "Aktif" | "Cuti" | "Lulus" | "Non-Aktif";
|
||||
semester: number;
|
||||
pembimbing_1: number | null;
|
||||
nama_pembimbing_1: string | null;
|
||||
pembimbing_2: number | null;
|
||||
nama_pembimbing_2: string | null;
|
||||
status_bimbingan: "Selesai" | "Belum Selesai";
|
||||
created_at: string;
|
||||
updated_at: string;
|
||||
}
|
||||
@@ -76,6 +81,13 @@ interface KelompokKeahlian {
|
||||
nama_kelompok: string;
|
||||
}
|
||||
|
||||
// Define the Dosen type
|
||||
interface Dosen {
|
||||
id_dosen: number;
|
||||
nama_dosen: string;
|
||||
nip: string;
|
||||
}
|
||||
|
||||
export default function DataTableMahasiswa() {
|
||||
const { showSuccess, showError } = useToast();
|
||||
// State for data
|
||||
@@ -125,6 +137,9 @@ export default function DataTableMahasiswa() {
|
||||
const [deleteKelompokKeahlianId, setDeleteKelompokKeahlianId] = useState<number | null>(null);
|
||||
const [isKelompokKeahlianDeleting, setIsKelompokKeahlianDeleting] = useState(false);
|
||||
const [isKelompokKeahlianDeleteDialogOpen, setIsKelompokKeahlianDeleteDialogOpen] = useState(false);
|
||||
|
||||
// State for dosen data
|
||||
const [dosenData, setDosenData] = useState<Dosen[]>([]);
|
||||
|
||||
// Fetch data on component mount
|
||||
useEffect(() => {
|
||||
@@ -132,6 +147,7 @@ export default function DataTableMahasiswa() {
|
||||
fetchJenisPendaftaranOptions();
|
||||
fetchKelompokKeahlianOptions();
|
||||
fetchKelompokKeahlianData();
|
||||
fetchDosenData();
|
||||
}, []);
|
||||
|
||||
// Filter data when search term or filter changes
|
||||
@@ -267,7 +283,8 @@ export default function DataTableMahasiswa() {
|
||||
setFormData({
|
||||
jk: "Pria",
|
||||
status_kuliah: "Aktif",
|
||||
semester: 1
|
||||
semester: 1,
|
||||
status_bimbingan: "Belum Selesai"
|
||||
});
|
||||
};
|
||||
|
||||
@@ -291,6 +308,9 @@ export default function DataTableMahasiswa() {
|
||||
} else if (name === "semester") {
|
||||
const numValue = value === "" ? 1 : parseInt(value);
|
||||
setFormData((prev) => ({ ...prev, [name]: numValue }));
|
||||
} else if (name === "pembimbing_1" || name === "pembimbing_2") {
|
||||
const numValue = value === "null" || value === "" ? null : parseInt(value);
|
||||
setFormData((prev) => ({ ...prev, [name]: numValue }));
|
||||
} else {
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
}
|
||||
@@ -329,6 +349,22 @@ export default function DataTableMahasiswa() {
|
||||
}
|
||||
};
|
||||
|
||||
// Fetch dosen data from API
|
||||
const fetchDosenData = async () => {
|
||||
try {
|
||||
const response = await fetch("/api/keloladata/data-dosen");
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to fetch dosen data");
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
setDosenData(data);
|
||||
} catch (err) {
|
||||
console.error("Error fetching dosen data:", err);
|
||||
}
|
||||
};
|
||||
|
||||
// Open form dialog for adding new mahasiswa
|
||||
const handleAdd = () => {
|
||||
setFormMode("add");
|
||||
@@ -337,6 +373,7 @@ export default function DataTableMahasiswa() {
|
||||
// Make sure we have the latest options
|
||||
fetchJenisPendaftaranOptions();
|
||||
fetchKelompokKeahlianOptions();
|
||||
fetchDosenData();
|
||||
};
|
||||
|
||||
// Open form dialog for editing mahasiswa
|
||||
@@ -347,6 +384,7 @@ export default function DataTableMahasiswa() {
|
||||
// Make sure we have the latest options
|
||||
fetchJenisPendaftaranOptions();
|
||||
fetchKelompokKeahlianOptions();
|
||||
fetchDosenData();
|
||||
};
|
||||
|
||||
// Open delete confirmation dialog
|
||||
@@ -748,13 +786,16 @@ export default function DataTableMahasiswa() {
|
||||
<TableHead>IPK</TableHead>
|
||||
<TableHead>Status Kuliah</TableHead>
|
||||
<TableHead>Kelompok Keahlian</TableHead>
|
||||
<TableHead>Pembimbing 1</TableHead>
|
||||
<TableHead>Pembimbing 2</TableHead>
|
||||
<TableHead>Status Bimbingan</TableHead>
|
||||
<TableHead className="text-right">Aksi</TableHead>
|
||||
</TableRow>
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{paginatedData.length === 0 ? (
|
||||
<TableRow>
|
||||
<TableCell colSpan={13} className="text-center py-8">
|
||||
<TableCell colSpan={16} className="text-center py-8">
|
||||
Tidak ada data yang sesuai dengan filter
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
@@ -787,6 +828,19 @@ export default function DataTableMahasiswa() {
|
||||
</span>
|
||||
</TableCell>
|
||||
<TableCell>{mhs.nama_kelompok_keahlian || "-"}</TableCell>
|
||||
<TableCell>{mhs.nama_pembimbing_1 || "-"}</TableCell>
|
||||
<TableCell>{mhs.nama_pembimbing_2 || "-"}</TableCell>
|
||||
<TableCell>
|
||||
<span
|
||||
className={`px-2 py-1 rounded-full text-xs font-medium ${
|
||||
mhs.status_bimbingan === "Selesai"
|
||||
? "bg-green-100 text-green-800"
|
||||
: "bg-orange-100 text-orange-800"
|
||||
}`}
|
||||
>
|
||||
{mhs.status_bimbingan}
|
||||
</span>
|
||||
</TableCell>
|
||||
<TableCell className="text-right">
|
||||
<div className="flex justify-end gap-2">
|
||||
<BiodataMahasiswaDialog nim={mhs.nim} nama={mhs.nama} />
|
||||
@@ -1026,6 +1080,65 @@ export default function DataTableMahasiswa() {
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="pembimbing_1" className="text-sm font-medium">
|
||||
Pembimbing 1
|
||||
</label>
|
||||
<Select
|
||||
value={formData.pembimbing_1?.toString() || "null"}
|
||||
onValueChange={(value) => handleSelectChange("pembimbing_1", value)}
|
||||
>
|
||||
<SelectTrigger className="w-full">
|
||||
<SelectValue placeholder="Pilih Pembimbing 1" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="null">-- Tidak Ada --</SelectItem>
|
||||
{dosenData.map((dosen) => (
|
||||
<SelectItem key={dosen.id_dosen} value={dosen.id_dosen.toString()}>
|
||||
{dosen.nama_dosen}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="pembimbing_2" className="text-sm font-medium">
|
||||
Pembimbing 2
|
||||
</label>
|
||||
<Select
|
||||
value={formData.pembimbing_2?.toString() || "null"}
|
||||
onValueChange={(value) => handleSelectChange("pembimbing_2", value)}
|
||||
>
|
||||
<SelectTrigger className="w-full">
|
||||
<SelectValue placeholder="Pilih Pembimbing 2" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="null">-- Tidak Ada --</SelectItem>
|
||||
{dosenData.map((dosen) => (
|
||||
<SelectItem key={dosen.id_dosen} value={dosen.id_dosen.toString()}>
|
||||
{dosen.nama_dosen}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="status_bimbingan" className="text-sm font-medium">
|
||||
Status Bimbingan <span className="text-destructive">*</span>
|
||||
</label>
|
||||
<Select
|
||||
value={formData.status_bimbingan || "Belum Selesai"}
|
||||
onValueChange={(value) => handleSelectChange("status_bimbingan", value)}
|
||||
>
|
||||
<SelectTrigger>
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="Belum Selesai">Belum Selesai</SelectItem>
|
||||
<SelectItem value="Selesai">Selesai</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<DialogFooter className="flex flex-col sm:flex-row gap-2 sm:gap-0">
|
||||
|
||||
Reference in New Issue
Block a user