This commit is contained in:
parent
15eb936372
commit
fd6f77d825
|
@ -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,
|
|
||||||
]);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,35 +16,46 @@
|
||||||
<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 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 -->
|
|
||||||
<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">
|
||||||
<h5 class="card-title">Nilai KM</h5>
|
<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-->
|
<!-- Tambahkan konten di sini-->
|
||||||
<table>
|
<table>
|
||||||
{{-- <tr>
|
{{-- <tr>
|
||||||
|
@ -62,7 +73,7 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- End Hasil Nilai Kuesioner KM -->
|
</div><!-- End Hasil Nilai Kuesioner RM -->
|
||||||
|
|
||||||
<!-- Komponen 3: Rangkuman -->
|
<!-- Komponen 3: Rangkuman -->
|
||||||
<div class="col-xxl-4 col-md-6">
|
<div class="col-xxl-4 col-md-6">
|
||||||
|
@ -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 -->
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue