250 lines
12 KiB
PHP
250 lines
12 KiB
PHP
@extends('layouts.vertical', ['subtitle' => 'Dashboards'])
|
|
|
|
@section('css')
|
|
@vite(['resources/scss/dashboards/_bigdata.scss'])
|
|
@endsection
|
|
|
|
@section('content')
|
|
|
|
@include('layouts.partials/page-title', ['title' => 'Dashboards', 'subtitle' => 'Dashboard Pimpinan'])
|
|
|
|
<div id="dashboard-fixed-wrapper" class="row">
|
|
<div class="col-12">
|
|
<div class="d-flex justify-content-between align-items-center mt-3 ms-2">
|
|
<h2 class="text-danger m-0">
|
|
ANALISA BIG DATA PROSES PBG <br>
|
|
MELALUI APLIKASI SIBEDAS PBG (SIMBG)
|
|
</h2>
|
|
<div class="text-black text-end d-flex flex-column align-items-end me-3">
|
|
<span class="fs-5">Terakhir di update - {{$latest_created}}</span>
|
|
<input type="text" class="form-control mt-2" style="max-width: 125px;" id="datepicker-dashboard-bigdata" placeholder="Filter Date" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="dashboard-fixed-container" class="row" style="width:1110px;height:770px;position:relative;margin:auto;">
|
|
@component('components.circle', [
|
|
'document_title' => 'Kekurangan Potensi',
|
|
'document_color' => '#ff5757',
|
|
'document_type' => '',
|
|
'document_id' => 'chart-kekurangan-potensi',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:150px;'
|
|
])
|
|
@endcomponent
|
|
|
|
@component('components.circle', [
|
|
'document_title' => 'Target PAD',
|
|
'document_color' => '#204f6b',
|
|
'document_type' => '',
|
|
'document_id' => 'chart-target-pad',
|
|
'visible_small_circle' => true,
|
|
'style' => 'left:200px;',
|
|
'document_url' => route('data-settings.index', ['menu_id' => $menus->where('url','data-settings.index')->first()->id])
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="square dia-top-left-bottom-right" style="top:150px;left:350px;">
|
|
</div>
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:150px;left:150px;">
|
|
</div>
|
|
|
|
|
|
|
|
@component('components.circle', [
|
|
'document_title' => 'Total Potensi Berkas',
|
|
'document_color' => '#0097b3',
|
|
'document_type' => 'Pemohon',
|
|
'document_id' => 'chart-total-potensi',
|
|
'visible_small_circle' => true,
|
|
'style' => 'left:400px;top:150px;',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'potention', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:300px;left:350px;">
|
|
</div>
|
|
|
|
<div class="square dia-top-left-bottom-right" style="top:300px;left:550px;">
|
|
</div>
|
|
|
|
@component('components.circle', [
|
|
'document_title' => 'Perkiraan Potensi PBG Dari Tata Ruang',
|
|
'document_color' => '#ed9d2e',
|
|
'document_type' => '',
|
|
'document_id' => 'chart-potensi-tata-ruang',
|
|
'visible_small_circle' => true,
|
|
'style' => 'left:600px;',
|
|
'document_url' => route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id])
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:150px;left:550px;">
|
|
</div>
|
|
|
|
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:80px;left:1050px;width:150px;height:150px;">
|
|
</div>
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:200px;left:1080px;width:150px;height:70px;">
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 50px; left: 900px; width: 200px; height: 200px; ">
|
|
<x-custom-circle title="GAMBAR" size="small" style="background-color: #c248a7;float:left;margin-left:250px;"
|
|
visible_data="true" data_id="non-business-rab-count" data_count="0"
|
|
document_url="{!! route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'non-business-rab', 'year' => date('Y')]) !!}"
|
|
/>
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 160px; left: 900px; width: 200px; height: 200px; ">
|
|
<x-custom-circle title="KRK" size="small" style="background-color: #295040;float:left;margin-left:250px;"
|
|
visible_data="true" data_id="non-business-krk-count" data_count="0"
|
|
document_url="{!! route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'non-business-krk', 'year' => date('Y')]) !!}"
|
|
/>
|
|
</div>
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:390px;left:1050px;width:150px;height:70px;">
|
|
</div>
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:490px;left:1070px;width:150px;height:10px;">
|
|
</div>
|
|
|
|
<div class="square dia-top-left-bottom-right" style="top:490px;left:1030px;width:150px;height:120px;">
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 350px; left: 900px; width: 200px; height: 200px; ">
|
|
<x-custom-circle title="GAMBAR" size="small" style="background-color: #c248a7;float:left;margin-left:250px;"
|
|
visible_data="true" data_id="business-rab-count" data_count="0"
|
|
document_url="{!! route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'business-rab', 'year' => date('Y')]) !!}"
|
|
/>
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 460px; left: 900px; width: 200px; height: 200px; ">
|
|
<x-custom-circle title="KRK" size="small" style="background-color: #295040;float:left;margin-left:250px;"
|
|
visible_data="true" data_id="business-krk-count" data_count="0"
|
|
document_url="{!! route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'business-krk', 'year' => date('Y')]) !!}"
|
|
/>
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 570px; left: 900px; width: 200px; height: 200px; ">
|
|
<x-custom-circle title="DLH" size="small" style="background-color: #351d02;float:left;margin-left:250px;"
|
|
visible_data="true" data_id="business-dlh-count" data_count="0"
|
|
document_url="{!! route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'business-dlh', 'year' => date('Y')]) !!}"
|
|
/>
|
|
</div>
|
|
|
|
@component('components.circle', [
|
|
'document_title' => 'Non Usaha',
|
|
'document_color' => '#399787',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-non-business',
|
|
'visible_small_circle' => true,
|
|
'style' => 'left:900px;top:150px;',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'non-business', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
|
|
@component('components.circle', [
|
|
'document_title' => 'Usaha',
|
|
'document_color' => '#5e7c89',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-business',
|
|
'visible_small_circle' => true,
|
|
'style' => 'left:900px;top:400px;',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'business', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
|
|
@component('components.circle', [
|
|
'document_title' => 'Berkas Terverifikasi',
|
|
'document_color' => '#5170ff',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-berkas-terverifikasi',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:300px;left:200px;',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'verified', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:500px;left:200px;width:50px">
|
|
</div>
|
|
|
|
<div class="square dia-top-left-bottom-right" style="top:450px;left:350px;width:500px;height:200px;">
|
|
</div>
|
|
|
|
@component('components.circle', [
|
|
'document_title' => 'Berkas Belum Terverifikasi',
|
|
'document_color' => '#5170ff',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-berkas-belum-terverifikasi',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:300px;left:600px;',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'non-verified', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:200px;left:750px;width:250px;height:150px;">
|
|
</div>
|
|
|
|
<div class="square dia-top-left-bottom-right" style="top:400px;left:750px;width:250px;height:150px;">
|
|
</div>
|
|
|
|
|
|
@component('components.circle',[
|
|
'document_title' => 'Realisasi Terbit PBG',
|
|
'document_color' => '#8cc540',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-realisasi-tebit-pbg',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:550px;left:100px;',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'issuance-realization-pbg', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
|
|
@component('components.circle',[
|
|
'document_title' => 'Pembayaran Realisasi PBG',
|
|
'document_color' => '#0a0099',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-payment-pbg-task',
|
|
'visible_small_circle' => false,
|
|
'style' => 'top:550px;left:-150px;',
|
|
'document_url' => '#'
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="square" style="top:650px;left:200px;width:250px;height:2px;background-color:black;">
|
|
</div>
|
|
|
|
@component('components.circle',[
|
|
'document_title' => 'Menunggu Klik DPMPTSP',
|
|
'document_color' => '#00bf61',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-menunggu-klik-dpmptsp',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:550px;left:400px',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'waiting-click-dpmptsp', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="square" style="top:650px;left:600px;width:250px;height:2px;background-color:black;">
|
|
</div>
|
|
|
|
@component('components.circle',[
|
|
'document_title' => 'Berproses Di Dinas Teknis',
|
|
'document_color' => '#737373',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'chart-proses-dinas-teknis',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:550px;left:700px',
|
|
'document_url' => route('pbg-task.index') . '?' . http_build_query(['menu_id' => $menus->where('url','pbg-task.index')->first()->id, 'filter' => 'process-in-technical-office', 'year' => date('Y')])
|
|
])
|
|
@endcomponent
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('scripts')
|
|
@vite(['resources/js/dashboards/bigdata.js'])
|
|
@endsection |