This commit is contained in:
parent
15eb936372
commit
fd6f77d825
|
|
@ -4,30 +4,23 @@
|
|||
|
||||
use App\Http\Controllers\Controller;
|
||||
use Illuminate\Http\Request;
|
||||
// use App\Models\KuesionerRM;
|
||||
// use App\Models\KuesionerKM;
|
||||
// use App\Models\Rangkuman;
|
||||
// use App\Models\HistoriPengisian;
|
||||
// use App\Models\PenjelasanKM;
|
||||
// use App\Models\PenjelasanRM;
|
||||
use App\Models\Hasil;
|
||||
use App\Models\User;
|
||||
|
||||
use Illuminate\Support\Facades\DB;
|
||||
|
||||
class DashboardController extends Controller
|
||||
{
|
||||
public function index(){
|
||||
// $kuesionerRM = KuesionerRM::all();
|
||||
// $kuesionerKM = KuesionerKM::all();
|
||||
// $rangkuman = Rangkuman::all();
|
||||
// $historiPengisian = HistoriPengisian::all();
|
||||
// $penjelasanKM = PenjelasanKM::first();
|
||||
// $penjelasanRM = PenjelasanRM::first();
|
||||
|
||||
return view('backend.dashboard', [
|
||||
// 'kuesionerRM' => $kuesionerRM,
|
||||
// 'kuesionerKM' => $kuesionerKM,
|
||||
// 'rangkuman' => $rangkuman,
|
||||
// 'historiPengisian' => $historiPengisian,
|
||||
// 'penjelasanKM' => $penjelasanKM,
|
||||
// 'penjelasanRM' => $penjelasanRM,
|
||||
]);
|
||||
public function index()
|
||||
{
|
||||
$kmCounts = Hasil::select('km_class', DB::raw('count(*) as total'))
|
||||
->groupBy('km_class')
|
||||
->orderByRaw("FIELD(km_class, 'High', 'Medium', 'Low')")
|
||||
->get();
|
||||
$rmCounts = Hasil::select('rm_class', DB::raw('count(*) as total'))
|
||||
->groupBy('rm_class')
|
||||
->orderByRaw("FIELD(rm_class, 'High', 'Medium', 'Low')")
|
||||
->get();
|
||||
return view('backend.dashboard', compact('kmCounts', 'rmCounts'));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,35 +16,46 @@
|
|||
<section class="section dashboard">
|
||||
<div class="row">
|
||||
|
||||
<!-- Komponen 1: Hasil Nilai Kuesioner RM -->
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<div class="card info-card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Nilai RM</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 RM -->
|
||||
|
||||
<!-- Komponen 2: Hasil Nilai Kuesioner KM -->
|
||||
<!-- 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="card info-card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Nilai RM</h5>
|
||||
<!-- Tambahkan konten di sini-->
|
||||
<table>
|
||||
{{-- <tr>
|
||||
|
|
@ -62,7 +73,7 @@
|
|||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Hasil Nilai Kuesioner KM -->
|
||||
</div><!-- End Hasil Nilai Kuesioner RM -->
|
||||
|
||||
<!-- Komponen 3: Rangkuman -->
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
|
|
@ -100,7 +111,7 @@
|
|||
<div class="card-body">
|
||||
<h5 class="card-title">Penjelasan KM</h5>
|
||||
<!-- Tambahkan penjelasan tentang KM di sini -->
|
||||
<p>KM adalah ..........</p>
|
||||
<p>Knowledge of Metacognitif (KM) adalah ..........</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Penjelasan KM -->
|
||||
|
|
@ -111,7 +122,7 @@
|
|||
<div class="card-body">
|
||||
<h5 class="card-title">Penjelasan RM</h5>
|
||||
<!-- Tambahkan penjelasan tentang RM di sini -->
|
||||
<p>RM adalah............</p>
|
||||
<p> Regulation of Metacognitif (RM) adalah............</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Penjelasan RM -->
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<ul class="sidebar-nav" id="sidebar-nav">
|
||||
<li>
|
||||
<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 -->
|
||||
<!-- <h6> {{ Auth::user()->name }}</h6> -->
|
||||
<h6 class="d-flex flex-column align-items-center">Raditya Arief Pratama</h6>
|
||||
|
|
|
|||
Loading…
Reference in New Issue