222 lines
12 KiB
PHP
222 lines
12 KiB
PHP
@extends('layouts.vertical', ['subtitle' => 'Dashboards'])
|
|
|
|
@section('css')
|
|
@vite(['resources/scss/dashboards/potentials/_inside_system.scss'])
|
|
@endsection
|
|
|
|
@section('content')
|
|
@include('layouts.partials.page-title', ['title' => 'Dashboards', 'subtitle' => 'Luar Sistem'])
|
|
|
|
<div class="lack-of-potential-wrapper">
|
|
<div class="row" id="lack-of-potential-wrapper">
|
|
<div class="d-flex justify-content-between align-items-center mt-3 ms-2">
|
|
<h2 class="text-danger m-0">
|
|
ANALISA BIG DATA MELALUI APLIKASI <br> SIBEDAS PBG LUAR SISTEM
|
|
</h2>
|
|
<div class="text-black text-end d-flex flex-column align-items-end me-3">
|
|
<input type="text" class="form-control mt-2" style="max-width: 125px;" id="datepicker-lack-of-potential" placeholder="Filter Date" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<div id="lack-of-potential-fixed-container" class="" style="width:1400px;height:1200px;position:relative;margin:auto;z-index:1;">
|
|
@component('components.circle', [
|
|
'document_title' => 'Kekurangan Potensi',
|
|
'document_color' => '#ff5757',
|
|
'document_type' => '',
|
|
'document_id' => 'chart-lack-of-potential',
|
|
'visible_small_circle' => false,
|
|
'style' => 'margin-left:180px;top:50px;'
|
|
])
|
|
@endcomponent
|
|
|
|
<div class="line" style="top:480px;left:430px;width:900px;height:2px;background-color:black;"></div>
|
|
<div class="line" style="top:590px;left:300px;width:950px;height:2px;rotate: 90deg; background-color: black;"></div>
|
|
<div style="position: absolute; top: -250px; left: 900px;">
|
|
<x-custom-circle title="PBB BANGUNAN" size="large" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="pbb-bangunan-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: -230px; left: 730px;">
|
|
<x-custom-circle title="PDAM" visible_data="true" data_id="pdam-count" data_count="0"
|
|
size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
document_url="{{ route('customers', ['menu_id' => $menus->where('url','customers')->first()->id]) }}"
|
|
/>
|
|
</div>
|
|
|
|
<div class="square dia-top-right-bottom-left" style="top:100px;left:820px;width:120px;height:100px;"></div>
|
|
<div style="position: absolute; top: -100px; left: 700px;">
|
|
<x-custom-circle title="NON USAHA" size="large" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="non-usaha-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 100px; left: 650px;">
|
|
<x-custom-circle title="BIG DATA POTENSI" size="very-large" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="big-data-potensi-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
|
|
{{-- tim wasdal gabungan --}}
|
|
<div style="position: absolute; top: 150px; left: 1100px;">
|
|
<x-custom-circle title="TIM WASDAL GABUNGAN" size="large" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="tim-wasdal-gabungan-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div class="square dia-top-right-bottom-left" style="top:380px;left:1200px;width:120px;height:100px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:480px;left:1200px;width:120px;height:100px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:530px;left:1150px;width:120px;height:100px;"></div>
|
|
<div class="square dia-top-right-bottom-left" style="top:530px;left:1040px;width:120px;height:100px;"></div>
|
|
<div class="square" style="top:600px;left:1100px;width:100px;height:2px;rotate: 100deg; background-color: black;"></div>
|
|
<div style="position: absolute; top: 350px; left: 1000px;">
|
|
<x-custom-circle title="UPT WASDAL" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="upt-wasdal-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 350px; left: 1100px;">
|
|
<x-custom-circle title="SAT POLPP" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="sat-polpp-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 350px; left: 1200px;">
|
|
<x-custom-circle title="KEJARI" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="kejari-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 270px; left: 1300px;">
|
|
<x-custom-circle title="TNI" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="tni-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 170px; left: 1300px;">
|
|
<x-custom-circle title="POLRI" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="polri-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 70px; left: 1300px;">
|
|
<x-custom-circle title="SATGAS" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="satgas-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
|
|
{{-- tata ruang --}}
|
|
<div style="position: absolute; top: 120px; left: 300px;">
|
|
<x-custom-circle title="TATA RUANG - PETA 1:5000 - TAPAK BANGUNAN - BPN - UUCK" size="medium" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="tata-ruang-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div class="square dia-top-right-bottom-left" style="top:500px;left:220px;width:120px;height:100px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:350px;left:220px;width:120px;height:100px;"></div>
|
|
<div style="position: absolute; top: 50px; left: 150px;">
|
|
<x-custom-circle title="USAHA" size="small" style="background-color: #388fc2;margin-top:260px;"
|
|
visible_data="true" data_id="tata-ruang-usaha-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 300px; left: 150px;">
|
|
<x-custom-circle title="NON USAHA" size="small" style="background-color: #388fc2;margin-top:260px;"
|
|
visible_data="true" data_id="tata-ruang-non-usaha-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 400px; left: 700px;">
|
|
<x-custom-circle title="USAHA" size="large" style="background-color: #8b6262;margin-top:260px;"
|
|
visible_data="false" data_id="usaha-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
|
|
{{-- reklame --}}
|
|
<div style="position: absolute; top: 520px; left: 400px;">
|
|
<x-custom-circle title="REKLAME" size="large" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="reklame-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div class="square dia-top-right-bottom-left" style="top:730px;left:480px;width:250px;height:150px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:750px;left:300px;width:150px;height:100px;"></div>
|
|
<div class="square dia-top-right-bottom-left" style="top:870px;left:300px;width:150px;height:100px;"></div>
|
|
<div style="position: absolute; top: 450px; left: 250px;">
|
|
<x-custom-circle title="SURVEY LAPANGAN" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="survey-lapangan-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 650px; left: 250px;">
|
|
<x-custom-circle title="PAJAK REKLAME" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="pajak-reklame-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
|
|
{{-- bapenda --}}
|
|
<div style="position: absolute; top: 600px; left: 700px;">
|
|
<x-custom-circle title="PBB USAHA (BAPENDA)" size="large" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="bapenda-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div class="square dia-top-right-bottom-left" style="top:950px;left:650px;width:100px;height:150px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:950px;left:790px;width:100px;height:150px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:900px;left:820px;width:150px;height:200px;"></div>
|
|
<div style="position: absolute; top: 800px; left: 620px;">
|
|
<x-custom-circle title="RESTORAN" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="restoran-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 800px; left: 720px;">
|
|
<x-custom-circle title="HIBURAN" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="hiburan-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 800px; left: 820px;">
|
|
<x-custom-circle title="HOTEL" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="hotel-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 800px; left: 920px;">
|
|
<x-custom-circle title="PARKIR" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="parkir-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
|
|
{{-- disbudpar --}}
|
|
<div class="square dia-top-left-bottom-right" style="top:850px;left:990px;width:100px;height:150px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:700px;left:790px;width:150px;height:100px;"></div>
|
|
<div style="position: absolute; top: 500px; left: 900px;">
|
|
<x-custom-circle title="DISBUDPAR" size="large" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="false" data_id="disbudpar-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
<div style="position: absolute; top: 680px; left: 1050px;">
|
|
<x-custom-circle title="PARIWISATA" size="small" style="background-color: #627c8b;margin-top:260px;"
|
|
visible_data="true" data_id="pariwisata-count" data_count="0"
|
|
document_url=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('scripts')
|
|
<script type="module" src="{{ Vite::asset('resources/js/dashboards/potentials/inside_system.js') }}" defer></script>
|
|
@endsection
|
|
|