368 lines
13 KiB
PHP
368 lines
13 KiB
PHP
{{-- <!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Basic -->
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<!-- Site Metas -->
|
|
<meta name="keywords" content="" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
|
|
<title>Digian</title>
|
|
|
|
|
|
<!-- bootstrap core css -->
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
|
|
|
<!-- font awesome style -->
|
|
<link href="/css/font-awesome.min.css" rel="stylesheet" />
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="/css/style.css" rel="stylesheet" />
|
|
<!-- responsive style -->
|
|
<link href="/css/responsive.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
<body class="sub_page">
|
|
|
|
<header class="header-area header-sticky">
|
|
|
|
@include('layout.header')
|
|
</header>
|
|
<main id="main" style="min-height: 100vh;">
|
|
@stack('css')
|
|
@yield('content')
|
|
@stack('js')
|
|
|
|
</main>
|
|
|
|
<footer id="footer">
|
|
@include('layout.footer')
|
|
</footer>
|
|
|
|
<!-- jQery -->
|
|
<script src="js/jquery-3.4.1.min.js"></script>
|
|
<script type="text/javascript">
|
|
$.ajaxSetup({
|
|
headers: {
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
|
}
|
|
});
|
|
</script>
|
|
<!-- popper js -->
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
|
|
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
|
|
</script>
|
|
<!-- bootstrap js -->
|
|
<script src="js/bootstrap.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
<!-- Google Map -->
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
|
|
</script>
|
|
<!-- End Google Map -->
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> --}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<!-- Site Metas -->
|
|
<meta name="keywords" content="" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
|
|
<title>KEMENDESA | PELAYANAN PELATIHAN</title>
|
|
<meta content="" name="description">
|
|
<meta content="" name="keywords">
|
|
|
|
<!-- Favicons -->
|
|
<link href="/assets-login-landing/img/Kemendes_Logo.png" rel="icon">
|
|
|
|
<!-- Google Fonts -->
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,600,600i,700,700i"
|
|
rel="stylesheet">
|
|
|
|
<!-- bootstrap core css -->
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
|
|
|
<!-- font awesome style -->
|
|
<link href="/css/font-awesome.min.css" rel="stylesheet" />
|
|
|
|
<!-- Custom styles for this template -->
|
|
{{-- <link href="/css/style.css" rel="stylesheet" /> --}}
|
|
<!-- responsive style -->
|
|
<link href="/css/responsive.css" rel="stylesheet" />
|
|
<!-- Vendor CSS Files -->
|
|
<link href="/assets-login-landing/vendor/aos/aos.css" rel="stylesheet">
|
|
<link href="/assets-login-landing/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="/assets-login-landing/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="/assets-login-landing/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
|
<link href="/assets-login-landing/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
|
|
|
<!-- Template Main CSS File -->
|
|
<link href="/assets-login-landing/css/style.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="sub_page">
|
|
<header class="header-area header-sticky">
|
|
@include('layout.header')
|
|
</header>
|
|
<main id="main" style="min-height: 100vh;">
|
|
@stack('css')
|
|
@yield('content')
|
|
@stack('js')
|
|
|
|
</main>
|
|
<footer id="footer">
|
|
@include('layout.footer')
|
|
</footer>
|
|
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
|
|
class="bx bx-up-arrow-alt"></i></a>
|
|
<!-- jQery -->
|
|
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
|
|
<script type="text/javascript">
|
|
$.ajaxSetup({
|
|
headers: {
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script src="/assets-login-landing/vendor/aos/aos.js"></script>
|
|
<script src="/assets-login-landing/vendor/swiper/swiper-bundle.min.js"></script>
|
|
|
|
|
|
<!-- ApexChart -->
|
|
<script src="/assets-login-landing/js/apexcharts.min.js"></script>
|
|
|
|
<!--- Index js -->
|
|
<script src="/assets-login-landing/js/index.js"></script>
|
|
|
|
<!--themecolor js-->
|
|
<script src="/assets-login-landing/js/themecolor.js"></script>
|
|
|
|
<!-- Template Main JS File -->
|
|
<script src="/assets-login-landing/js/main.js"></script>
|
|
<!-- popper js -->
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
|
|
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
|
|
</script>
|
|
<!-- bootstrap js -->
|
|
<script src="/js/bootstrap.js"></script>
|
|
<script src="/js/custom.js"></script>
|
|
<!-- Google Map -->
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
|
|
</script>
|
|
<!-- End Google Map -->
|
|
<script>
|
|
var chart1
|
|
$(document).ready(function(e) {
|
|
var options1 = {
|
|
series: [{
|
|
name: 'Total Pelayanan KPMD',
|
|
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
|
|
data: totalPelayananKPMD,
|
|
|
|
},
|
|
{
|
|
name: "Total Pelayanan DesWita",
|
|
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
|
|
data: totalPelayananDesWita,
|
|
},
|
|
{
|
|
name: "Total Pelayanan BumDes",
|
|
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
|
|
data: totalPelayananBumDes,
|
|
|
|
},
|
|
{
|
|
name: 'Total Pelayanan CalTrans',
|
|
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
|
|
data: totalPelayananCalTrans,
|
|
|
|
},
|
|
],
|
|
chart: {
|
|
height: 330,
|
|
type: 'area',
|
|
zoom: {
|
|
enabled: false,
|
|
},
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
dropShadow: {
|
|
enabled: false,
|
|
enabledOnSeries: undefined,
|
|
top: 5,
|
|
left: 0,
|
|
blur: 0,
|
|
color: '#000',
|
|
opacity: 0,
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
stroke: {
|
|
width: [3, 3],
|
|
curve: 'smooth',
|
|
dashArray: [0, 0],
|
|
},
|
|
legend: {
|
|
show: true,
|
|
position: 'top',
|
|
horizontalAlign: 'center',
|
|
fontWeight: 600,
|
|
tooltipHoverFormatter: function(val, opts) {
|
|
return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +
|
|
'';
|
|
},
|
|
labels: {
|
|
colors: '#74767c',
|
|
},
|
|
markers: {
|
|
width: 9,
|
|
height: 9,
|
|
strokeWidth: 0,
|
|
radius: 12,
|
|
offsetX: 0,
|
|
offsetY: 0,
|
|
},
|
|
},
|
|
markers: {
|
|
size: [0, 0],
|
|
hover: {
|
|
sizeOffset: 4,
|
|
},
|
|
},
|
|
colors: ['#ff5733', '#45b7cd', '#7a4bca', '#f7b13f'],
|
|
xaxis: {
|
|
// categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
categories: kategori,
|
|
axisBorder: {
|
|
show: true,
|
|
color: 'rgba(119, 119, 142, 0.05)',
|
|
},
|
|
axisTicks: {
|
|
show: true,
|
|
color: 'rgba(119, 119, 142, 0.05)',
|
|
},
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function(val) {
|
|
return val + " (mins)";
|
|
},
|
|
},
|
|
},
|
|
{
|
|
title: {
|
|
formatter: function(val) {
|
|
return val + " per session";
|
|
},
|
|
},
|
|
},
|
|
{
|
|
title: {
|
|
formatter: function(val) {
|
|
return val;
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
grid: {
|
|
borderColor: 'rgba(119, 119, 142, 0.1)',
|
|
},
|
|
};
|
|
document.getElementById('chart-dashboard').innerHTML = '';
|
|
chart1 = new ApexCharts(document.querySelector("#chart-dashboard"), options1);
|
|
chart1.render();
|
|
|
|
|
|
$("#ambilTahun").on("click", function() {
|
|
chart1.updateOptions({
|
|
xaxis: {
|
|
categories: tahunkategori
|
|
},
|
|
series: [{
|
|
name: 'Total Pelayanan KPMD',
|
|
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
|
|
data: totalTahunPelayananKPMD,
|
|
|
|
},
|
|
{
|
|
name: "Total Pelayanan DesWita",
|
|
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
|
|
data: totalTahunPelayananDesWita,
|
|
},
|
|
{
|
|
name: "Total Pelayanan BumDes",
|
|
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
|
|
data: totalTahunPelayananBumDes,
|
|
|
|
},
|
|
{
|
|
name: 'Total Pelayanan CalTrans',
|
|
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
|
|
data: totalTahunPelayananCalTrans,
|
|
},
|
|
]
|
|
});
|
|
})
|
|
$("#ambilBulan").on("click", function() {
|
|
chart1.updateOptions({
|
|
xaxis: {
|
|
categories: kategori
|
|
},
|
|
series: [{
|
|
name: 'Total Pelayanan KPMD',
|
|
// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
|
|
data: totalPelayananKPMD,
|
|
|
|
},
|
|
{
|
|
name: "Total Pelayanan DesWita",
|
|
// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
|
|
data: totalPelayananDesWita,
|
|
},
|
|
{
|
|
name: "Total Pelayanan BumDes",
|
|
// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
|
|
data: totalPelayananBumDes,
|
|
|
|
},
|
|
{
|
|
name: 'Total Pelayanan CalTrans',
|
|
// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
|
|
data: totalPelayananCalTrans,
|
|
},
|
|
]
|
|
});
|
|
})
|
|
})
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|