+
{flash?.success && (
-
+
{flash.success}
)}
-
- Daftar Karyawan
+
+ Daftar Karyawan
-
-
-
-
- | Karyawan |
- NIP & Jabatan |
- Status |
- Aksi |
-
-
-
- {employees.data.map((employee) => (
-
- |
- {employee.user?.name}
- {employee.user?.email}
- |
-
- {employee.nip}
- {employee.position}
- |
-
-
- {employee.status}
-
- |
-
-
-
- |
+
+
+
+ setSearch(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+ | Karyawan |
+ Posisi & Dept |
+ Status |
+ Bergabung |
+ Aksi |
- ))}
-
-
+
+
+ {employees.data.length > 0 ? (
+ employees.data.map((employee) => (
+
+ |
+ {employee.user?.name}
+ {employee.user?.email}
+ NIP: {employee.nip}
+ |
+
+ {employee.position?.name || '-'}
+
+ {employee.department?.name || '-'}
+
+ |
+
+
+ {employee.status}
+
+ |
+
+ {new Date(employee.join_date).toLocaleDateString('id-ID')}
+ |
+
+
+
+ Hapus
+
+ |
+
+ ))
+ ) : (
+
+ |
+ Tidak ada data ditemukan.
+ |
+
+ )}
+
+
+
diff --git a/resources/js/pages/admin/positions/create.tsx b/resources/js/pages/admin/positions/create.tsx
new file mode 100644
index 0000000..8d56c51
--- /dev/null
+++ b/resources/js/pages/admin/positions/create.tsx
@@ -0,0 +1,68 @@
+import { Head, useForm, Link } from '@inertiajs/react';
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Separator } from '@/components/ui/separator';
+import AppLayout from '@/layouts/app-layout';
+
+export default function Create() {
+ const { data, setData, post, processing, errors } = useForm({
+ name: '',
+ });
+
+ const submit = (e: React.FormEvent) => {
+ e.preventDefault();
+ post('/admin/positions');
+ };
+
+ return (
+
+
+
+
+
+
+
Tambah Jabatan
+
Buat posisi atau level baru.
+
+
+
+
+
+
+ Form Jabatan
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/resources/js/pages/admin/positions/edit.tsx b/resources/js/pages/admin/positions/edit.tsx
new file mode 100644
index 0000000..d1f58ea
--- /dev/null
+++ b/resources/js/pages/admin/positions/edit.tsx
@@ -0,0 +1,76 @@
+import { Head, useForm, Link } from '@inertiajs/react';
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Separator } from '@/components/ui/separator';
+import AppLayout from '@/layouts/app-layout';
+
+interface Position {
+ id: number;
+ name: string;
+}
+
+interface PageProps {
+ position: Position;
+}
+
+export default function Edit({ position }: PageProps) {
+ const { data, setData, put, processing, errors } = useForm({
+ name: position.name,
+ });
+
+ const submit = (e: React.FormEvent) => {
+ e.preventDefault();
+ put(`/admin/positions/${position.id}`);
+ };
+
+ return (
+
+
+
+
+
+
+
Edit Jabatan
+
Perbarui nama jabatan.
+
+
+
+
+
+
+ Form Edit Jabatan
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/resources/js/pages/admin/positions/index.tsx b/resources/js/pages/admin/positions/index.tsx
new file mode 100644
index 0000000..668f5ca
--- /dev/null
+++ b/resources/js/pages/admin/positions/index.tsx
@@ -0,0 +1,132 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Head, Link, usePage } from '@inertiajs/react';
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Separator } from '@/components/ui/separator';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import AppLayout from '@/layouts/app-layout';
+
+interface Position {
+ id: number;
+ name: string;
+ employees_count: number;
+}
+
+interface PageProps {
+ positions: Position[];
+ [key: string]: unknown;
+}
+
+interface SharedData {
+ flash: {
+ success?: string;
+ error?: string;
+ };
+}
+
+export default function Index({ positions }: PageProps) {
+ const { flash } = usePage
().props as SharedData;
+
+ return (
+
+
+
+
+
+ {flash?.success && (
+
+ {flash.success}
+
+ )}
+ {flash?.error && (
+
+ {flash.error}
+
+ )}
+
+
+
+
Data Jabatan
+
Kelola level dan posisi pekerjaan.
+
+
+
+
+
+
+ Daftar Jabatan
+
+
+
+
+
+
+
+ | Nama Jabatan |
+ Total Karyawan |
+ Aksi |
+
+
+
+ {positions.length > 0 ? (
+ positions.map((pos) => (
+
+ |
+ {pos.name}
+ |
+
+ 0 ? 'bg-blue-100 text-blue-800' : 'bg-gray-100 text-gray-600'}`}>
+ {pos.employees_count}
+
+ |
+
+
+
+ {pos.employees_count > 0 ? (
+
+
+
+
+
+
+
+
+ Tidak bisa dihapus: Digunakan oleh {pos.employees_count} karyawan.
+
+
+
+ ) : (
+ { if (!confirm('Hapus jabatan ini?')) e.preventDefault(); }}
+ className="inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 text-red-600 hover:bg-red-50"
+ >
+ Hapus
+
+ )}
+ |
+
+ ))
+ ) : (
+
+ |
+ Belum ada data jabatan.
+ |
+
+ )}
+
+
+
+
-
-
-
-
+
+
+
+ {/* CARD STATISTIK */}
+
+
+
+ Total Karyawan
+
+
+
+ {stats.total_employees}
+ Pegawai aktif saat ini
+
+
+
+
+ Total Departemen
+
+
+
+ {stats.total_departments}
+ Divisi terdaftar
+
+
+
+
+ Total Jabatan
+
+
+
+ {stats.total_positions}
+ Posisi pekerjaan
+
+
-
-
+
+
+
+ {/* Grafik Batang */}
+
+
+ Karyawan per Departemen
+
+
+
+
+
+
+
+ `${value}`}
+ />
+
+
+
+
+
+
+
+
+ {/* Grafik Donat*/}
+
+
+ Komposisi Gender
+
+
+
+
+
+
+ {genderData.map((entry, index) => (
+ |
+ ))}
+
+
+
+
+
+
+ {/* TABEL KARYAWAN TERBARU */}
+
+
+ Karyawan Terbaru Bergabung
+
+ Lihat Semua
+
+
+
+
+ {latestEmployees.map((emp) => (
+
+
+
+
+
+
{emp.user.name}
+
{emp.position.name} • {emp.department.name}
+
+
+ {new Date(emp.join_date).toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric' })}
+
+
+ ))}
+
+
);
-}
+}
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index da76a9f..8560066 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,9 @@
name('home');
-Route::get('dashboard', function () {
- return Inertia::render('dashboard');
-})->middleware(['auth', 'verified'])->name('dashboard');
+Route::get('dashboard', [DashboardController::class, 'index'])
+ ->middleware(['auth', 'verified'])
+ ->name('dashboard');
Route::middleware(['auth', 'verified'])->prefix('admin')->name('admin.')->group(function () {
+ Route::resource('departments', DepartmentController::class);
+ Route::resource('positions', PositionController::class);
Route::resource('employees', EmployeeController::class);
});
require __DIR__.'/settings.php';