Change Alur Aplikasi

This commit is contained in:
Randa Firman Putra
2025-07-14 15:07:33 +07:00
parent db82b40a6b
commit 6d86e1ca2f
53 changed files with 6109 additions and 964 deletions

View File

@@ -9,7 +9,6 @@ import IPKChart from "@/components/charts/IPKChart";
import FilterTahunAngkatan from "@/components/FilterTahunAngkatan";
import JenisPendaftaranPerAngkatanChart from "@/components/charts/JenisPendaftaranPerAngkatanChart";
import AsalDaerahPerAngkatanChart from "@/components/charts/AsalDaerahPerAngkatanChart";
import IPKJenisKelaminChart from "@/components/charts/IPKJenisKelaminChart";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
export default function TotalMahasiswaPage() {

View File

@@ -9,6 +9,10 @@ import StatistikMahasiswaChart from "@/components/charts/StatistikMahasiswaChart
import JenisPendaftaranChart from "@/components/charts/JenisPendaftaranChart";
import AsalDaerahChart from "@/components/charts/AsalDaerahChart";
import IPKChart from '@/components/charts/IPKChart';
import FilterTahunAngkatan from "@/components/FilterTahunAngkatan";
import StatistikPerAngkatanChart from "@/components/charts/StatistikPerAngkatanChart";
import JenisPendaftaranPerAngkatanChart from "@/components/charts/JenisPendaftaranPerAngkatanChart";
import AsalDaerahPerAngkatanChart from "@/components/charts/AsalDaerahPerAngkatanChart";
interface MahasiswaTotal {
total_mahasiswa: number;
@@ -56,7 +60,7 @@ export default function DashboardPage() {
ipk_rata_rata_lulus: 0,
total_mahasiswa_aktif_lulus: 0
});
const [selectedYear, setSelectedYear] = useState<string>("all");
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
@@ -196,20 +200,37 @@ export default function DashboardPage() {
</Card>
</div>
{/* Diagram Statistik Mahasiswa */}
<StatistikMahasiswaChart />
<Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium dark:text-white">
Filter Data
</CardTitle>
</CardHeader>
<CardContent>
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4">
<FilterTahunAngkatan
selectedYear={selectedYear}
onYearChange={setSelectedYear}
/>
</div>
</CardContent>
</Card>
{/* Diagram Status Mahasiswa */}
<StatusMahasiswaChart />
{/* Diagram Jenis Pendaftaran */}
<JenisPendaftaranChart />
{/* Diagram Asal Daerah */}
<AsalDaerahChart />
{/* Diagram IPK */}
<IPKChart />
{selectedYear === "all" ? (
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<StatistikMahasiswaChart />
<JenisPendaftaranChart />
<StatusMahasiswaChart />
<IPKChart />
<AsalDaerahChart />
</div>
) : (
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<StatistikPerAngkatanChart tahunAngkatan={selectedYear} />
<JenisPendaftaranPerAngkatanChart tahunAngkatan={selectedYear} />
<AsalDaerahPerAngkatanChart tahunAngkatan={selectedYear} />
</div>
)}
</>
)}
</div>