update
Ilham Wara Nugroho
parent
0c05175a1a
commit
b19806a852
|
|
@ -1400,12 +1400,12 @@ var initApp = (function(app) {
|
|||
}
|
||||
|
||||
/* save settings */
|
||||
if ( typeof classHolder != 'undefined' || classHolder != null ) {
|
||||
// if ( typeof classHolder != 'undefined' || classHolder != null ) {
|
||||
|
||||
/* NOTE: saveSettings function is located right after <body> tag */
|
||||
initApp.checkNavigationOrientation();
|
||||
initApp.saveSettings();
|
||||
}
|
||||
// /* NOTE: saveSettings function is located right after <body> tag */
|
||||
// initApp.checkNavigationOrientation();
|
||||
// initApp.saveSettings();
|
||||
// }
|
||||
|
||||
break;
|
||||
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-primary-light border-left-primary">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-success-light border-left-success">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-warning-light border-left-warning">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-info-light border-left-info">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-primary text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-success text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -130,7 +130,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-warning text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card bg-info text-white">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -166,11 +166,11 @@
|
|||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row mb-2">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h5 class="fw-500">Statistik Sampah Terkelola</h5>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -182,7 +182,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -194,7 +194,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -206,7 +206,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="col-sm-6 col-xl-3 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||
|
|
@ -219,11 +219,91 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4">
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-sm-12 col-xl-6 mb-4">
|
||||
<div class="card ">
|
||||
<div class="card-body">
|
||||
<div id="container"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-xl-6">
|
||||
<h5 class="fw-500 text-warning"><i class="fal fa-trophy"></i> Ranking Sekolah Pengolahan Sampah</h5>
|
||||
<div class="row">
|
||||
<div class="col-xl-12 col-sm-6 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body p-3">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h5><b>SD NEGERI TOMANG 08 PAGI</b></h5>
|
||||
<span class="badge bg-warning-light text-warning">Jakarta Barat</span>
|
||||
<span class="badge bg-success-light text-success">Adiwiyata Provinsi</span>
|
||||
</div>
|
||||
<div class="bg-primary-light text-primary p-3 rounded-circle">
|
||||
<h5 class="fw-500 f16">80%</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-12 col-sm-6 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body p-3">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h5><b>SD NEGERI TOMANG 08 PAGI</b></h5>
|
||||
<span class="badge bg-warning-light text-warning">Jakarta Barat</span>
|
||||
<span class="badge bg-success-light text-success">Adiwiyata Provinsi</span>
|
||||
</div>
|
||||
<div class="bg-primary-light text-primary p-3 rounded-circle">
|
||||
<h5 class="fw-500 f16 ">80%</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-12 col-sm-6 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body p-3">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h5><b>SD NEGERI TOMANG 08 PAGI</b></h5>
|
||||
<span class="badge bg-warning-light text-warning">Jakarta Barat</span>
|
||||
<span class="badge bg-success-light text-success">Adiwiyata Provinsi</span>
|
||||
</div>
|
||||
<div class="bg-primary-light text-primary p-3 rounded-circle">
|
||||
<h5 class="fw-500 f16 ">80%</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-12 col-sm-6 mb-2">
|
||||
<div class="card">
|
||||
<div class="card-body p-3">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h5><b>SD NEGERI TOMANG 08 PAGI</b></h5>
|
||||
<span class="badge bg-warning-light text-warning">Jakarta Barat</span>
|
||||
<span class="badge bg-success-light text-success">Adiwiyata Provinsi</span>
|
||||
</div>
|
||||
<div class="bg-primary-light text-primary p-3 rounded-circle">
|
||||
<h5 class="fw-500 f16 ">80%</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-lg-6">
|
||||
<div id="panel-4" class="card">
|
||||
<div class="card-header d-flex justify-content-between">
|
||||
<h5 class="fw-500 text-primary">Verifikasi Kuesioner Leveling</h5>
|
||||
<h5 class="fw-500 text-primary mb-0">Verifikasi Kuesioner Leveling</h5>
|
||||
<a href="{{ url('kuesioner') }}"><u>Lihat Semua <i class="fal fa-arrow-right"></i></u></a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
|
@ -263,24 +343,10 @@
|
|||
<div class="col-lg-6">
|
||||
<div id="panel-4" class="card">
|
||||
<div class="card-header bg-primary-light">
|
||||
<h5 class="fw-500 text-primary">Usulan Adiwiyata</h5>
|
||||
<h5 class="fw-500 text-primary mb-0">Usulan Adiwiyata</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
{{-- <div id="toolbar">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div>
|
||||
<b>Filter :</b>
|
||||
</div>
|
||||
<div>
|
||||
<select class="form-control" name="" id="">
|
||||
@for ($i = date('Y')-3; date('Y') >= $i; $i++)
|
||||
<option {{ $i == date('Y') ? 'selected' : '' }} value="{{$i}}">{{$i}}</option>
|
||||
@endfor
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
<table class="table w-100"
|
||||
data-search="false"
|
||||
data-toggle="table"
|
||||
|
|
@ -316,4 +382,59 @@
|
|||
</div>
|
||||
@endsection
|
||||
@section('page-js')
|
||||
<script src="{{ asset('assets/js/highcharts.js') }}"></script>
|
||||
<script>
|
||||
// Data retrieved from https://fas.org/issues/nuclear-weapons/status-world-nuclear-forces/
|
||||
Highcharts.chart('container', {
|
||||
chart: {
|
||||
type: 'area'
|
||||
},
|
||||
title: {
|
||||
text: 'Grafik Pengolahan Sampah {{ date("Y") }}'
|
||||
},
|
||||
xAxis: {
|
||||
allowDecimals: false,
|
||||
accessibility: {
|
||||
rangeDescription: 'Range: 1940 to 2024.'
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: 'Jumlah'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
pointFormat: '{series.name} had stockpiled <b>{point.y:,.0f}</b><br/>' +
|
||||
'warheads in {point.x}'
|
||||
},
|
||||
plotOptions: {
|
||||
area: {
|
||||
pointStart: 1,
|
||||
marker: {
|
||||
enabled: false,
|
||||
symbol: 'circle',
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
enabled: true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: 'Sampah Terkelola',
|
||||
data: [
|
||||
1169, 1703, 2422, 3692, 5543, 7345, 12298, 18638, 22229, 25540,28258, 30665
|
||||
]
|
||||
}, {
|
||||
name: 'Timbulan Sampah',
|
||||
data: [
|
||||
32146, 33486, 35130, 36825, 38582, 40159, 38107, 36538, 35078,
|
||||
32980, 29154, 26734
|
||||
]
|
||||
}]
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
Loading…
Reference in New Issue