Coba Terus

2025-08-23 22:45:23 +07:00
parent 744c3db464
commit be030b8510
8 changed files with 1007 additions and 19 deletions
--- a/app/api/mahasiswa/nama-beasiswa-dashboard/route.ts
+++ b/app/api/mahasiswa/nama-beasiswa-dashboard/route.ts
@@ -0,0 +1,77 @@
+import { NextResponse } from 'next/server';
+import supabase from '@/lib/db';
+
+export async function GET(request: Request) {
+  try {
+    const { searchParams } = new URL(request.url);
+    const tahunAngkatan = searchParams.get('tahunAngkatan');
+
+    let query = supabase
+      .from('beasiswa_mahasiswa')
+      .select(`
+        nama_beasiswa,
+        jenis_beasiswa,
+        mahasiswa!inner(
+          tahun_angkatan
+        )
+      `);
+
+    if (tahunAngkatan && tahunAngkatan !== 'all') {
+      query = query.eq('mahasiswa.tahun_angkatan', tahunAngkatan);
+    }
+
+    const { data, error } = await query;
+
+    if (error) {
+      console.error('Supabase error:', error);
+      return NextResponse.json(
+        { error: 'Database error' },
+        { status: 500 }
+      );
+    }
+
+    // Group and count the data in JavaScript
+    const groupedData = data.reduce((acc: any[], row: any) => {
+      const tahunAngkatanValue = row.mahasiswa?.tahun_angkatan;
+      const namaBeasiswa = row.nama_beasiswa;
+      
+      if (!namaBeasiswa || !tahunAngkatanValue) {
+        return acc;
+      }
+      
+      const existingGroup = acc.find(
+        (item: any) => 
+          item.tahun_angkatan === tahunAngkatanValue && 
+          item.nama_beasiswa === namaBeasiswa
+      );
+      
+      if (existingGroup) {
+        existingGroup.jumlah_nama_beasiswa++;
+      } else {
+        acc.push({
+          tahun_angkatan: tahunAngkatanValue,
+          nama_beasiswa: namaBeasiswa,
+          jumlah_nama_beasiswa: 1
+        });
+      }
+      
+      return acc;
+    }, []);
+
+    // Sort the results by tahun_angkatan ascending (as expected by component)
+    const sortedData = groupedData.sort((a: any, b: any) => {
+      if (a.tahun_angkatan !== b.tahun_angkatan) {
+        return a.tahun_angkatan - b.tahun_angkatan;
+      }
+      return a.nama_beasiswa.localeCompare(b.nama_beasiswa);
+    });
+
+    return NextResponse.json(sortedData);
+  } catch (error) {
+    console.error('Error fetching data:', error);
+    return NextResponse.json(
+      { error: 'Internal Server Error' },
+      { status: 500 }
+    );
+  }
+}
--- a/app/api/mahasiswa/provinsi-mahasiswa/route.ts
+++ b/app/api/mahasiswa/provinsi-mahasiswa/route.ts
@@ -0,0 +1,60 @@
+import { NextResponse } from 'next/server';
+import supabase from '@/lib/db';
+
+export async function GET(request: Request) {
+  try {
+    // Get all mahasiswa data and process in JavaScript
+    const { data: mahasiswaData, error } = await supabase
+      .from('mahasiswa')
+      .select('provinsi');
+
+    if (error) {
+      console.error('Supabase error:', error);
+      return NextResponse.json(
+        { error: 'Database error' },
+        { status: 500 }
+      );
+    }
+
+    // Process the data in JavaScript
+    let kalimantanBarat = 0;
+    let luarKalimantanBarat = 0;
+
+    mahasiswaData.forEach((mahasiswa) => {
+      const provinsi = mahasiswa.provinsi?.toLowerCase() || '';
+      
+      if (provinsi.includes('kalimantan barat') || provinsi.includes('kalbar')) {
+        kalimantanBarat++;
+      } else if (mahasiswa.provinsi) {
+        luarKalimantanBarat++;
+      }
+    });
+
+    // Transform the data to match the expected format
+    const result = [
+      {
+        provinsi: 'Kalimantan Barat',
+        jumlah_mahasiswa: kalimantanBarat
+      },
+      {
+        provinsi: 'Luar Kalimantan Barat',
+        jumlah_mahasiswa: luarKalimantanBarat
+      }
+    ];
+
+    return NextResponse.json(result, {
+      headers: {
+        'Cache-Control': 'public, max-age=60, stale-while-revalidate=30',
+        'Access-Control-Allow-Origin': '*',
+        'Access-Control-Allow-Methods': 'GET, OPTIONS',
+        'Access-Control-Allow-Headers': 'Content-Type, Authorization',
+      },
+    });
+  } catch (error) {
+    console.error('Error fetching provinsi data:', error);
+    return NextResponse.json(
+      { error: 'Internal Server Error' },
+      { status: 500 }
+    );
+  }
+}
--- a/app/api/mahasiswa/tingkat-prestasi-dashboard/route.ts
+++ b/app/api/mahasiswa/tingkat-prestasi-dashboard/route.ts
@@ -0,0 +1,91 @@
+import { NextResponse } from 'next/server';
+import supabase from '@/lib/db';
+
+export async function GET(request: Request) {
+  try {
+    const { searchParams } = new URL(request.url);
+    const tahunAngkatan = searchParams.get('tahunAngkatan');
+
+    // Build query based on parameters
+    let query = supabase
+      .from('mahasiswa')
+      .select(`
+        tahun_angkatan,
+        prestasi_mahasiswa(
+          tingkat_prestasi,
+          jenis_prestasi
+        )
+      `);
+
+    // Add tahun angkatan filter if provided and not 'all'
+    if (tahunAngkatan && tahunAngkatan !== 'null' && tahunAngkatan !== 'undefined' && tahunAngkatan !== 'all') {
+      query = query.eq('tahun_angkatan', parseInt(tahunAngkatan));
+    }
+
+    const { data, error } = await query;
+    
+    if (error) {
+      console.error('Supabase error:', error);
+      return NextResponse.json(
+        { error: 'Database error' },
+        { status: 500 }
+      );
+    }
+
+    // Group and count the data in JavaScript
+    const groupedData = data.reduce((acc: any[], row: any) => {
+      const tahunAngkatan = row.tahun_angkatan;
+      
+      // Handle array of prestasi_mahasiswa
+      const prestasiArray = Array.isArray(row.prestasi_mahasiswa) ? row.prestasi_mahasiswa : [row.prestasi_mahasiswa];
+      
+      if (!tahunAngkatan) {
+        return acc;
+      }
+
+      // Process each prestasi in the array
+      prestasiArray.forEach((prestasi: any) => {
+        if (!prestasi || !prestasi.tingkat_prestasi) {
+          return;
+        }
+
+        const tingkatPrestasi = prestasi.tingkat_prestasi;
+        
+        const existingGroup = acc.find(
+          (item: any) => 
+            item.tahun_angkatan === tahunAngkatan && 
+            item.tingkat_prestasi === tingkatPrestasi
+        );
+        
+        if (existingGroup) {
+          existingGroup.tingkat_mahasiswa_prestasi++;
+        } else {
+          const newGroup = {
+            tahun_angkatan: tahunAngkatan,
+            tingkat_prestasi: tingkatPrestasi,
+            tingkat_mahasiswa_prestasi: 1
+          };
+          acc.push(newGroup);
+        }
+      });
+      
+      return acc;
+    }, []);
+
+    // Sort the results
+    const sortedData = groupedData.sort((a: any, b: any) => {
+      if (a.tahun_angkatan !== b.tahun_angkatan) {
+        return b.tahun_angkatan - a.tahun_angkatan;
+      }
+      return a.tingkat_prestasi.localeCompare(b.tingkat_prestasi);
+    });
+
+    return NextResponse.json(sortedData);
+  } catch (error) {
+    console.error('Error fetching data:', error);
+    return NextResponse.json(
+      { error: 'Internal Server Error' },
+      { status: 500 }
+    );
+  }
+}
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -14,6 +14,9 @@ import KelompokKeahlianStatusChart from "@/components/chartsDashboard/kkdashboar
 import KelompokKeahlianLulusTepatPieChart from "@/components/chartsDashboard/kkdashboardtepatpiechart";
 import MasaStudiAktifChart from "@/components/chartsDashboard/masastudiaktifchart";
 import MasaStudiLulusChart from "@/components/chartsDashboard/masastudiluluschart";
+import NamaBeasiswaChart from "@/components/chartsDashboard/NamaBeasiswaDashChart";
+import TingkatPrestasiChart from "@/components/chartsDashboard/TingkatPrestasiDashChart";
+import ProvinsiMahasiswaChart from "@/components/chartsDashboard/ProvinsiMahasiswaPieChart";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";

 export default function TotalMahasiswaPage() {
@@ -39,23 +42,56 @@ export default function TotalMahasiswaPage() {
      </div>

      {selectedYear === "all" ? (
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <StatistikMahasiswaChart />
-          <JenisPendaftaranChart />
-          <StatusMahasiswaChart />
-          <IPKChart />
-          <KelompokKeahlianStatusChart selectedYear={selectedYear} />
-          <KelompokKeahlianLulusTepatPieChart />
-          <AsalDaerahChart />
-          <MasaStudiAktifChart selectedYear={selectedYear} />
-          <MasaStudiLulusChart selectedYear={selectedYear} />
+        <div className="space-y-6">
+          {/* Overview Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <StatistikMahasiswaChart />
+            <StatusMahasiswaChart />
+          </div>
+
+          {/* Academic Performance Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <IPKChart />
+            <JenisPendaftaranChart />
+          </div>
+
+          {/* Study Duration Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <MasaStudiAktifChart selectedYear={selectedYear} />
+            <MasaStudiLulusChart selectedYear={selectedYear} />
+          </div>
+
+          {/* Expertise & Achievement Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <KelompokKeahlianStatusChart selectedYear={selectedYear} />
+            <KelompokKeahlianLulusTepatPieChart />
+          </div>
+
+          {/* Scholarship & Achievement Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <NamaBeasiswaChart selectedYear={selectedYear} />
+            <TingkatPrestasiChart selectedYear={selectedYear} />
+          </div>
+
+          {/* Demographics Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <AsalDaerahChart />
+            <ProvinsiMahasiswaChart />
+          </div>
        </div>
      ) : (
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <StatistikPerAngkatanChart tahunAngkatan={selectedYear} />
-          <JenisPendaftaranPerAngkatanChart tahunAngkatan={selectedYear} />
-          <AsalDaerahPerAngkatanChart tahunAngkatan={selectedYear} />
-          <KelompokKeahlianStatusChart selectedYear={selectedYear} />
+        <div className="space-y-6">
+          {/* Overview Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <StatistikPerAngkatanChart tahunAngkatan={selectedYear} />
+            <KelompokKeahlianStatusChart selectedYear={selectedYear} />
+          </div>
+
+          {/* Demographics Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <JenisPendaftaranPerAngkatanChart tahunAngkatan={selectedYear} />
+            <AsalDaerahPerAngkatanChart tahunAngkatan={selectedYear} />
+          </div>
        </div>
      )}
    </div>