Dashboard Update unch
This commit is contained in:
ghozahimma65
parent
e7f5f582e6
commit
b91a5f76ea
|
|
@ -3,11 +3,23 @@
|
||||||
namespace App\Http\Controllers;
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
use Illuminate\Http\Request;
|
use Illuminate\Http\Request;
|
||||||
|
use App\Models\Guru;
|
||||||
|
use App\Models\Siswa;
|
||||||
|
use App\Models\WaliMurid;
|
||||||
|
use App\Models\Kelas;
|
||||||
|
|
||||||
class DashboardController extends Controller
|
class DashboardController extends Controller
|
||||||
{
|
{
|
||||||
public function index()
|
public function index()
|
||||||
{
|
{
|
||||||
return view('dashboard');
|
$pengumuman = "Besok ada kegiatan belajar di kantor polisi";
|
||||||
}
|
$jadwal = "Pembelajaran di kantor polisi - 8 a.m.";
|
||||||
|
$aktivitas = [
|
||||||
|
['nama' => 'Winda Kurnia', 'waktu' => '01 Aug, 09:20AM'],
|
||||||
|
['nama' => 'Siti Nurhaliza', 'waktu' => '01 Aug, 04:20PM'],
|
||||||
|
['nama' => 'Daffa Lintang', 'waktu' => '01 Aug, 08:20AM'],
|
||||||
|
];
|
||||||
|
|
||||||
|
return view('dashboard', compact('pengumuman', 'jadwal', 'aktivitas'));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,43 +1,40 @@
|
||||||
@extends('layouts.app')
|
@extends('layouts.app')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<h2 class="mb-4">Dashboard Admin</h2>
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
|
||||||
<div class="row">
|
<!-- Pengumuman -->
|
||||||
<div class="col-md-3">
|
<div class="bg-white p-6 rounded-xl shadow">
|
||||||
<div class="card text-white bg-primary mb-3">
|
<h2 class="font-bold text-gray-800 mb-3">📢 Pengumuman</h2>
|
||||||
<div class="card-body">
|
<p>{{ $pengumuman ?? 'Belum ada pengumuman.' }}</p>
|
||||||
<h5 class="card-title">Guru</h5>
|
|
||||||
<p class="card-text fs-3">{{ $guruCount }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-3">
|
<!-- Jadwal -->
|
||||||
<div class="card text-white bg-success mb-3">
|
<div class="bg-white p-6 rounded-xl shadow">
|
||||||
<div class="card-body">
|
<div class="flex justify-between items-center mb-3">
|
||||||
<h5 class="card-title">Wali Murid</h5>
|
<h2 class="font-bold text-gray-800">📅 Jadwal</h2>
|
||||||
<p class="card-text fs-3">{{ $waliCount }}</p>
|
<a href="#" class="text-sm text-red-500 hover:underline">See all</a>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<p>🔔 {{ $jadwal ?? 'Belum ada jadwal.' }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-3">
|
<!-- Aktivitas Peserta Didik -->
|
||||||
<div class="card text-white bg-warning mb-3">
|
<div class="bg-white p-6 rounded-xl shadow">
|
||||||
<div class="card-body">
|
<div class="flex justify-between items-center mb-3">
|
||||||
<h5 class="card-title">Kelas</h5>
|
<h2 class="font-bold text-gray-800">🧒 Aktivitas Peserta Didik</h2>
|
||||||
<p class="card-text fs-3">{{ $kelasCount }}</p>
|
<a href="#" class="text-sm text-red-500 hover:underline">See all</a>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<ul class="space-y-3">
|
||||||
|
@forelse ($aktivitas as $a)
|
||||||
|
<li class="flex items-center justify-between border-b pb-2">
|
||||||
|
<span>{{ $a['nama'] }}</span>
|
||||||
|
<span class="text-sm text-gray-500">{{ $a['waktu'] }}</span>
|
||||||
|
</li>
|
||||||
|
@empty
|
||||||
|
<li>Belum ada aktivitas.</li>
|
||||||
|
@endforelse
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-3">
|
</div>
|
||||||
<div class="card text-white bg-danger mb-3">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title">Siswa</h5>
|
|
||||||
<p class="card-text fs-3">{{ $siswaCount }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
|
||||||
|
|
@ -1,55 +1,77 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="id">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>PAUD Monitoring - Dashboard</title>
|
<title>Simpaud Kartoharjo</title>
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
<style>
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.sidebar {
|
|
||||||
width: 220px;
|
|
||||||
min-height: 100vh;
|
|
||||||
background: #2c3e50;
|
|
||||||
color: white;
|
|
||||||
padding: 20px 10px;
|
|
||||||
}
|
|
||||||
.sidebar a {
|
|
||||||
display: block;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 5px 0;
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
.sidebar a:hover {
|
|
||||||
background: #34495e;
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
flex: 1;
|
|
||||||
padding: 20px;
|
|
||||||
background: #f5f6fa;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="flex bg-gray-100 font-sans">
|
||||||
<div class="sidebar">
|
|
||||||
<h4 class="text-center">Admin</h4>
|
<!-- Sidebar -->
|
||||||
<hr>
|
<aside class="w-64 bg-green-600 text-white min-h-screen p-6 shadow-xl">
|
||||||
<a href="{{ route('dashboard') }}">📊 Dashboard</a>
|
<h2 class="text-2xl font-bold mb-10">Simpaud Kartoharjo</h2>
|
||||||
<a href="#">👩🏫 Guru</a>
|
|
||||||
<a href="#">👨👩👧 Wali Murid</a>
|
<nav class="space-y-4 text-sm">
|
||||||
<a href="#">🏫 Kelas</a>
|
<a href="{{ route('dashboard') }}" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||||
<a href="#">👧👦 Siswa</a>
|
<i class="fas fa-home mr-3"></i> Home
|
||||||
<form id="logout-form" action="{{ route('logout') }}" method="POST">
|
</a>
|
||||||
@csrf
|
|
||||||
<button type="submit" class="btn btn-danger w-100 mt-3">Logout</button>
|
<div>
|
||||||
</form>
|
<p class="font-semibold uppercase text-xs mb-2">Data Master</p>
|
||||||
|
<ul class="ml-4 space-y-1">
|
||||||
|
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👨🏫 Guru</a></li>
|
||||||
|
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👪 Wali Murid</a></li>
|
||||||
|
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">🧒 Peserta Didik</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content">
|
<a href="#" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||||
@yield('content')
|
<i class="fas fa-chart-line mr-3"></i> Laporan Perkembangan
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||||
|
<i class="fas fa-bullhorn mr-3"></i> Menu Pengumuman
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p class="font-semibold uppercase text-xs mb-2">Menu Akun</p>
|
||||||
|
<ul class="ml-4 space-y-1">
|
||||||
|
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👨🏫 Guru</a></li>
|
||||||
|
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">👪 Wali Murid</a></li>
|
||||||
|
<li><a href="#" class="block p-2 hover:bg-green-700 rounded">🧒 Peserta Didik</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<a href="#" class="flex items-center p-2 rounded-lg hover:bg-green-700 transition">
|
||||||
|
<i class="fas fa-bus mr-3"></i> Penjemputan
|
||||||
|
</a>
|
||||||
|
</nav>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Main Content -->
|
||||||
|
<div class="flex-1 flex flex-col">
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<header class="flex items-center justify-between bg-white px-6 py-4 shadow">
|
||||||
|
<h1 class="text-lg font-semibold">Hai, Admin 👋</h1>
|
||||||
|
<div class="flex items-center space-x-4">
|
||||||
|
<input type="text" placeholder="Search Class, Documents, Activities..."
|
||||||
|
class="px-4 py-2 rounded-lg border focus:ring-2 focus:ring-green-400 w-72 text-sm">
|
||||||
|
<form action="{{ route('logout') }}" method="POST">
|
||||||
|
@csrf
|
||||||
|
<button type="submit" class="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600">
|
||||||
|
Logout
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<main class="p-6">
|
||||||
|
@yield('content')
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -4,14 +4,17 @@
|
||||||
use App\Http\Controllers\AuthController;
|
use App\Http\Controllers\AuthController;
|
||||||
use App\Http\Controllers\DashboardController;
|
use App\Http\Controllers\DashboardController;
|
||||||
|
|
||||||
|
// Login routes
|
||||||
Route::get('/login', [AuthController::class, 'showLogin'])->name('login');
|
Route::get('/login', [AuthController::class, 'showLogin'])->name('login');
|
||||||
Route::post('/login', [AuthController::class, 'login']);
|
Route::post('/login', [AuthController::class, 'login']);
|
||||||
Route::post('/logout', [AuthController::class, 'logout'])->name('logout');
|
Route::post('/logout', [AuthController::class, 'logout'])->name('logout');
|
||||||
|
|
||||||
|
// Splash screen (halaman awal)
|
||||||
Route::get('/', function () {
|
Route::get('/', function () {
|
||||||
return view('splash'); // tampilan splash screen
|
return view('splash');
|
||||||
|
});
|
||||||
Route::get('/dashboard', [DashboardController::class, 'index'])
|
|
||||||
->middleware('auth')
|
// Hanya bisa diakses setelah login
|
||||||
->name('dashboard');
|
Route::middleware('auth')->group(function () {
|
||||||
|
Route::get('/dashboard', [DashboardController::class, 'index'])->name('dashboard');
|
||||||
});
|
});
|
||||||
Loading…
Reference in New Issue