This commit is contained in:
Ahmad Firdaus Tarmidzi 2023-11-05 22:20:54 +07:00
parent 15eb936372
commit fd6f77d825
3 changed files with 55 additions and 51 deletions

View File

@ -4,30 +4,23 @@
use App\Http\Controllers\Controller; use App\Http\Controllers\Controller;
use Illuminate\Http\Request; use Illuminate\Http\Request;
// use App\Models\KuesionerRM; use App\Models\Hasil;
// use App\Models\KuesionerKM; use App\Models\User;
// use App\Models\Rangkuman;
// use App\Models\HistoriPengisian; use Illuminate\Support\Facades\DB;
// use App\Models\PenjelasanKM;
// use App\Models\PenjelasanRM;
class DashboardController extends Controller class DashboardController extends Controller
{ {
public function index(){ public function index()
// $kuesionerRM = KuesionerRM::all(); {
// $kuesionerKM = KuesionerKM::all(); $kmCounts = Hasil::select('km_class', DB::raw('count(*) as total'))
// $rangkuman = Rangkuman::all(); ->groupBy('km_class')
// $historiPengisian = HistoriPengisian::all(); ->orderByRaw("FIELD(km_class, 'High', 'Medium', 'Low')")
// $penjelasanKM = PenjelasanKM::first(); ->get();
// $penjelasanRM = PenjelasanRM::first(); $rmCounts = Hasil::select('rm_class', DB::raw('count(*) as total'))
->groupBy('rm_class')
return view('backend.dashboard', [ ->orderByRaw("FIELD(rm_class, 'High', 'Medium', 'Low')")
// 'kuesionerRM' => $kuesionerRM, ->get();
// 'kuesionerKM' => $kuesionerKM, return view('backend.dashboard', compact('kmCounts', 'rmCounts'));
// 'rangkuman' => $rangkuman,
// 'historiPengisian' => $historiPengisian,
// 'penjelasanKM' => $penjelasanKM,
// 'penjelasanRM' => $penjelasanRM,
]);
} }
} }

View File

@ -16,7 +16,42 @@
<section class="section dashboard"> <section class="section dashboard">
<div class="row"> <div class="row">
<!-- Komponen 1: Hasil Nilai Kuesioner RM --> <!-- Komponen 1: Hasil Nilai Kuesioner KM -->
<div class="col-xxl-4 col-md-6">
<div class="card info-card">
<div class="card-body">
<h5 class="card-title">Nilai KM</h5>
<!-- Tambahkan konten di sini -->
<div id="kmPieChart"></div>
<script>
document.addEventListener("DOMContentLoaded", () => {
let kmCounts = @json($kmCounts);
let kmClass = kmCounts.map(function(item) {
return item.km_class.toString();
});
let kmTotal = kmCounts.map(function(item) {
return item.total;
});
new ApexCharts(document.querySelector("#kmPieChart"), {
series: kmTotal,
chart: {
height: 350,
type: 'pie',
toolbar: {
show: false
}
},
labels: kmClass,
colors: ['#00e396', '#F8DC1A', '#FA240C']
}).render();
});
</script>
</div>
</div>
</div><!-- End Hasil Nilai Kuesioner KM -->
<!-- Komponen 2: Hasil Nilai Kuesioner RM -->
<div class="col-xxl-4 col-md-6"> <div class="col-xxl-4 col-md-6">
<div class="card info-card"> <div class="card info-card">
<div class="card-body"> <div class="card-body">
@ -40,30 +75,6 @@
</div> </div>
</div><!-- End Hasil Nilai Kuesioner RM --> </div><!-- End Hasil Nilai Kuesioner RM -->
<!-- Komponen 2: Hasil Nilai Kuesioner KM -->
<div class="col-xxl-4 col-md-6">
<div class="card info-card">
<div class="card-body">
<h5 class="card-title">Nilai KM</h5>
<!-- Tambahkan konten di sini-->
<table>
{{-- <tr>
<th>ID</th>
<th>Nama</th>
</tr>
@foreach ($kuesionerRM as $kuesioner)
<tr>
<td>{{ $kuesioner->id }}</td>
<td>{{ $kuesioner->nama }}</td>
</tr>
@endforeach --}}
</table>
</div>
</div>
</div><!-- End Hasil Nilai Kuesioner KM -->
<!-- Komponen 3: Rangkuman --> <!-- Komponen 3: Rangkuman -->
<div class="col-xxl-4 col-md-6"> <div class="col-xxl-4 col-md-6">
<div class="card info-card"> <div class="card info-card">
@ -100,7 +111,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Penjelasan KM</h5> <h5 class="card-title">Penjelasan KM</h5>
<!-- Tambahkan penjelasan tentang KM di sini --> <!-- Tambahkan penjelasan tentang KM di sini -->
<p>KM adalah ..........</p> <p>Knowledge of Metacognitif (KM) adalah ..........</p>
</div> </div>
</div> </div>
</div><!-- End Penjelasan KM --> </div><!-- End Penjelasan KM -->
@ -111,7 +122,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Penjelasan RM</h5> <h5 class="card-title">Penjelasan RM</h5>
<!-- Tambahkan penjelasan tentang RM di sini --> <!-- Tambahkan penjelasan tentang RM di sini -->
<p>RM adalah............</p> <p> Regulation of Metacognitif (RM) adalah............</p>
</div> </div>
</div> </div>
</div><!-- End Penjelasan RM --> </div><!-- End Penjelasan RM -->

View File

@ -3,7 +3,7 @@
<ul class="sidebar-nav" id="sidebar-nav"> <ul class="sidebar-nav" id="sidebar-nav">
<li> <li>
<a class="card-body profile-card pt-4 d-flex flex-column align-items-center"> <a class="card-body profile-card pt-4 d-flex flex-column align-items-center">
<img src="{{ asset('storage/' . Auth::user()->foto)}}" alt="Profile" class="rounded-circle"> <img src="{{ asset('storage/' . Auth::user()->foto)}}" alt="Profile" class="rounded-circle" style="width: 120px; height: 120px;>
</a><!-- End Profile Iamge Icon --> </a><!-- End Profile Iamge Icon -->
<!-- <h6> {{ Auth::user()->name }}</h6> --> <!-- <h6> {{ Auth::user()->name }}</h6> -->
<h6 class="d-flex flex-column align-items-center">Raditya Arief Pratama</h6> <h6 class="d-flex flex-column align-items-center">Raditya Arief Pratama</h6>