arifal/sibedas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix line dashbaord

Browse Source
This commit is contained in:
arifal
2025-08-20 02:14:50 +07:00
parent e18c0cb3b6
commit 844fbdfa89
3 changed files with 50 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
resources/js/dashboards/bigdata.js
View File

@@ -64,6 +64,7 @@ class BigData {
this.initChartNonBusinessRAB();
this.initChartNonBusinessKRK();
this.initChartNonBusinessDLH();
this.initChartPbgPayment();
} catch (e) {
console.error(e);
// Initialize with empty data if there's an error
@@ -545,7 +546,7 @@ class BigData {
});
}
initChartPotensiTataRuang() {
initChartPbgPayment() {
document
.querySelectorAll(".document-count.chart-payment-pbg-task")
.forEach((element) => {

7
resources/scss/dashboards/potentials/_inside_system.scss
View File

@@ -71,7 +71,12 @@
// line degrees
.line {
background-color: black;
background: linear-gradient(
to top right,
transparent calc(50% - 2px),
black,
transparent calc(50% + 2px)
);
position: absolute;
height: 3px;
}

66
resources/views/dashboards/potentials/inside_system.blade.php
View File

@@ -30,10 +30,12 @@
])
@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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
document_url=""
/>
</div>
<div style="position: absolute; top: -230px; left: 730px;">
@@ -43,17 +45,18 @@
/>
</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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
document_url=""
/>
</div>
@@ -61,43 +64,48 @@
<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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
document_url=""
/>
</div>
@@ -105,25 +113,27 @@
<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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
document_url=""
/>
</div>
@@ -131,19 +141,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"
document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
document_url=""
/>
</div>
@@ -151,45 +164,50 @@
<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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
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="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
document_url=""
/>
</div>
</div>