fix data count and sum for showing

This commit is contained in:
arifal
2025-08-20 05:06:45 +07:00
parent 6f1cb4195a
commit fef6ae7522
10 changed files with 337 additions and 228 deletions

View File

@@ -14,13 +14,12 @@
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" /> --}}
<input type="text" class="form-control mt-2" style="max-width: 125px;" id="datepicker-lack-of-potential" placeholder="Filter Date" />
<input type="date" class="form-control mt-2" style="max-width: 150px;" id="datepicker-lack-of-potential" />
</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;">
<div id="lack-of-potential-fixed-container" class="" style="width:1400px;height:1300px;position:relative;margin:auto;z-index:1;">
@component('components.circle', [
'document_title' => 'Kekurangan Potensi',
'document_color' => '#ff5757',
@@ -35,13 +34,13 @@
<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 ADA BANGUNAN" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="false" data_id="pbb-bangunan-count" data_count="0"
visible_data="true" data_id="pbb-bangunan-count" data_count="578005"
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;"
<div style="position: absolute; top: -10px; left: 700px;">
<x-custom-circle title="PDAM" visible_data="true" data_id="pdam-count" data_count="0" visible_data_type="true" data_type="0"
size="large" style="background-color: #627c8b;"
document_url="{{ route('customers', ['menu_id' => $menus->where('url','customers')->first()->id]) }}"
/>
</div>
@@ -111,23 +110,33 @@
</div>
{{-- tata ruang --}}
<div style="position: absolute; top: 120px; left: 300px;">
{{-- <div style="position: absolute; top: 120px; left: 300px;">
<x-custom-circle title="TATA RUANG" size="medium" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="tata-ruang-count" data_count="0"
document_url=""
/>
</div>
</div> --}}
@component('components.circle', [
'document_title' => 'TATA RUANG',
'document_color' => '#627c8b',
'document_type' => '',
'document_id' => 'chart-tata-ruang',
'visible_small_circle' => false,
'style' => 'margin-left:300px;top:370px;'
])
@endcomponent
<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"
<x-custom-circle title="USAHA" size="large" style="background-color: #388fc2;margin-top:260px;"
visible_data="true" data_id="tata-ruang-usaha-count" data_count="0" visible_data_type="true" data_type="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"
<x-custom-circle title="NON USAHA" size="large" style="background-color: #388fc2;margin-top:260px;"
visible_data="true" data_id="tata-ruang-non-usaha-count" data_count="0" visible_data_type="true" data_type="0"
document_url=""
/>
</div>
@@ -142,21 +151,22 @@
<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"
visible_data_type="true" data_type="Rp." data_id="reklame-sum"
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"
<div style="position: absolute; top: 450px; left: 220px;">
<x-custom-circle title="SURVEY LAPANGAN" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="survey-lapangan-count" data_count="0" visible_data_type="true" data_type="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"
<div style="position: absolute; top: 650px; left: 220px;">
<x-custom-circle title="PAJAK REKLAME" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="pajak-reklame-count" data_count="0" visible_data_type="true" data_type="0"
document_url=""
/>
</div>
@@ -170,28 +180,28 @@
</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"
<div class="square dia-top-left-bottom-right" style="top:930px;left:820px;width:300px;height:180px;"></div>
<div style="position: absolute; top: 800px; left: 550px;">
<x-custom-circle title="RESTORAN" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="restoran-count" data_count="0" visible_data_type="true" data_type="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"
<div style="position: absolute; top: 800px; left: 710px;">
<x-custom-circle title="HIBURAN" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="hiburan-count" data_count="0" visible_data_type="true" data_type="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"
<div style="position: absolute; top: 800px; left: 870px;">
<x-custom-circle title="HOTEL" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="hotel-count" data_count="0" visible_data_type="true" data_type="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"
<div style="position: absolute; top: 800px; left: 1030px;">
<x-custom-circle title="PARKIR" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="parkir-count" data_count="0" visible_data_type="true" data_type="0"
document_url=""
/>
</div>