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

partial update add env for setting api url from env, partial update detail pbg, add tata ruang for dashboard pimpinan, fix service sync simbg add unique for prasarana table

Browse Source
This commit is contained in:
arifal
2025-02-07 09:45:29 +07:00
parent 6fb59e58e9
commit 97ffd322a1
20 changed files with 438 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/app.js
View File

@@ -1,9 +1,8 @@
import bootstrap from 'bootstrap/dist/js/bootstrap'
import bootstrap from "bootstrap/dist/js/bootstrap";
window.bootstrap = bootstrap;
import 'iconify-icon';
import 'simplebar/dist/simplebar'
import "iconify-icon";
import "simplebar/dist/simplebar";
class Components {
initBootstrapComponents() {
[...document.querySelectorAll('[data-bs-toggle="popover"]')].map(

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

@@ -10,6 +10,7 @@ class BigData {
this.dataNonVerification = await this.getDataNonVerfication();
this.dataBusiness = await this.getDataBusiness();
this.dataNonBusiness = await this.getDataNonBusiness();
this.dataTataRuang = await this.getDataTataRuang();
// total potensi
this.bigTargetPAD = new Big(this.totalTargetPAD ?? 0);
@@ -26,6 +27,16 @@ class BigData {
}
}
// tata ruang
this.bigTotalTataRuang = new Big(this.dataTataRuang);
this.percentageResultTataRuang =
this.bigTotalTataRuang <= 0 || this.bigTotalPotensi <= 0
? 0
: this.bigTotalTataRuang
.div(this.bigTotalPotensi)
.times(100)
.toFixed(2);
// kekurangan potensi
this.totalKekuranganPotensi = new Big(
this.totalTargetPAD - this.bigTotalPotensi
@@ -154,7 +165,7 @@ class BigData {
return data.data[0].value;
} catch (error) {
console.error("Error fetching chart data:", error);
return null;
return 0;
}
}
@@ -185,7 +196,7 @@ class BigData {
};
} catch (error) {
console.error("Error fetching chart data:", error);
return null;
return 0;
}
}
@@ -216,7 +227,7 @@ class BigData {
};
} catch (error) {
console.error("Error fetching chart data:", error);
return null;
return 0;
}
}
@@ -247,7 +258,7 @@ class BigData {
};
} catch (error) {
console.error("Error fetching chart data:", error);
return null;
return 0;
}
}
@@ -278,52 +289,55 @@ class BigData {
};
} catch (error) {
console.error("Error fetching chart data:", error);
return null;
return 0;
}
}
async getDataTataRuang() {
try {
const response = await fetch(
`${GlobalConfig.apiHost}/api/api-data-settings?search=tata_ruang`,
{
credentials: "include",
headers: {
Authorization: `Bearer ${
document.querySelector("meta[name='api-token']")
.content
}`,
"Content-Type": "application/json",
},
}
);
if (!response.ok) {
console.error("Network response was not ok", response);
}
const data = await response.json();
return data.data[0].value;
} catch (error) {
console.error("Error fetching chart data:", error);
return 0;
}
}
initChartTargetPAD() {
let totalPad = 0;
fetch(
`${GlobalConfig.apiHost}/api/api-data-settings?search=target_pad`,
{
credentials: "include",
headers: {
Authorization: `Bearer ${
document.querySelector("meta[name='api-token']").content
}`,
"Content-Type": "application/json",
},
}
)
.then((response) => {
if (!response.ok) {
throw new Error("Network response was not ok");
}
return response.json();
})
.then((data) => {
totalPad = data.data[0].value;
document
.querySelectorAll(".document-count.chart-target-pad")
.forEach((element) => {
element.innerText = ``;
});
document
.querySelectorAll(".document-total.chart-target-pad")
.forEach((element) => {
element.innerText = `Rp.${addThousandSeparators(
totalPad
)}`;
});
document
.querySelectorAll(".small-percentage.chart-target-pad")
.forEach((element) => {
element.innerText = `${100}%`;
});
})
.catch((error) => {
console.error("Error fetching target_pad:", error);
document
.querySelectorAll(".document-count.chart-target-pad")
.forEach((element) => {
element.innerText = ``;
});
document
.querySelectorAll(".document-total.chart-target-pad")
.forEach((element) => {
element.innerText = `Rp.${addThousandSeparators(
this.bigTargetPAD.toString()
)}`;
});
document
.querySelectorAll(".small-percentage.chart-target-pad")
.forEach((element) => {
element.innerText = `${100}%`;
});
}
initChartTotalPotensi() {
@@ -503,17 +517,19 @@ class BigData {
document
.querySelectorAll(".document-count.chart-potensi-tata-ruang")
.forEach((element) => {
element.innerText = `${0}`;
element.innerText = "";
});
document
.querySelectorAll(".document-total.chart-potensi-tata-ruang")
.forEach((element) => {
element.innerText = `Rp.${addThousandSeparators("0.00")}`;
element.innerText = `Rp.${addThousandSeparators(
this.bigTotalTataRuang.toString()
)}`;
});
document
.querySelectorAll(".small-percentage.chart-potensi-tata-ruang")
.forEach((element) => {
element.innerText = `0.00%`;
element.innerText = `${this.percentageResultTataRuang}%`;
});
}
}

6
resources/js/global-config.js
View File

@@ -1,8 +1,4 @@
const GlobalConfig = {
apiHost: "http://147.93.121.38",
};
export default GlobalConfig;
export default GlobalConfig = window.GlobalConfig;
export function addThousandSeparators(value, fractionDigits = 2) {
if (!value) return null; // Handle empty or null values

14
resources/js/pbg-task/index.js
View File

@@ -1,5 +1,6 @@
import { Grid } from "gridjs/dist/gridjs.umd.js";
import "gridjs/dist/gridjs.umd.js";
import gridjs from "gridjs/dist/gridjs.umd.js";
import GlobalConfig from "../global-config";
class PbgTasks {
@@ -19,7 +20,17 @@ class PbgTasks {
"Status",
"Function Type",
"Consultation Type",
{ name: "Due Date", width: "7%" },
{ name: "Due Date", width: "10%" },
{
name: "Action",
formatter: function (cell) {
return gridjs.html(`
<div class="d-flex justify-items-end gap-10">
<a href="/pbg-task/${cell}" class="btn btn-yellow">Detail</a
</div>
`);
},
},
],
search: {
server: {
@@ -57,6 +68,7 @@ class PbgTasks {
item.function_type,
item.consultation_type,
item.due_date,
item.id,
]),
total: (data) => data.meta.total,
},

1
resources/js/settings/general/general-settings.js
View File

@@ -19,7 +19,6 @@ class SyncronizeTask {
name: "Actions",
width: "120px",
formatter: function (cell) {
console.log("cell data", cell);
return gridjs.html(`
<div class="d-flex justify-items-end gap-10">
<a href="/settings/general/${cell}/edit" class="btn btn-yellow me-2">Update</a>

4
resources/scss/components/_circle.scss
View File

@@ -1,3 +1,7 @@
//
// circle.scss
//
:root {
--circle-color: #c97a04; /* Default warna lingkaran */
}

2
resources/views/dashboards/bigdata.blade.php
View File

@@ -103,7 +103,7 @@
@component('components.circle', [
'document_title' => 'Perkiraan Potensi PBG Dari Tata Ruang',
'document_color' => '#bf04bc',
'document_type' => 'Berkas',
'document_type' => '',
'document_id' => 'chart-potensi-tata-ruang',
'visible_small_circle' => true,
'style' => 'left:600px;'

8
resources/views/layouts/partials/vendor-scripts.blade.php
View File

@@ -2,4 +2,10 @@
@vite('resources/js/app.js')
@yield('scripts')
@yield('scripts')
<script>
window.GlobalConfig = {
apiHost: "{{config('app.api_url')}}"
};
</script>

218
resources/views/pbg_task/show.blade.php Normal file
View File

@@ -0,0 +1,218 @@
@extends('layouts.vertical', ['subtitle' => 'Detail'])
@section('css')
@endsection
@section('content')
@include('layouts.partials/page-title', ['title' => 'Detail', 'subtitle' => 'PBG'])
<div class="row">
<div class="card">
<div class="card-header">
<ul class="nav nav-tabs nav-justified">
<li class="nav-item">
<a href="#pbgTask" data-bs-toggle="tab" aria-expanded="true" class="nav-link active">
<span class="d-none d-sm-block">PBG Task</span>
</a>
</li>
<li class="nav-item">
<a href="#pbgTaskRetributions" data-bs-toggle="tab" aria-expanded="false"
class="nav-link">
<span class="d-none d-sm-block">PBG Task Retributions</span>
</a>
</li>
<li class="nav-item">
<a href="#pbgTaskIntegration" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
<span class="d-none d-sm-block">PBG Task Index Integrations</span>
</a>
</li>
<li class="nav-item">
<a href="#pbgTaskPrasarana" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
<span class="d-none d-sm-block">PBG Task Prasarana</span>
</a>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content">
<div class="tab-pane active" id="pbgTask">
<div class="row">
<div class="col-md-6">
<div class="mb-3">
<dt>Name</dt>
<dd>{{$data->name}}</dd>
</div>
<div class="mb-3">
<dt>Owner Name</dt>
<dd>{{$data->owner_name}}</dd>
</div>
<div class="mb-3">
<dt>Aplication Type Name</dt>
<dd>{{$data->application_type_name}}</dd>
</div>
<div class="mb-3">
<dt>Condition</dt>
<dd>{{$data->condition}}</dd>
</div>
<div class="mb-3">
<dt>Registration Number</dt>
<dd>{{$data->registration_number}}</dd>
</div>
<div class="mb-3">
<dt>Document Number</dt>
<dd>{{$data->document_number}}</dd>
</div>
<div class="mb-3">
<dt>Address</dt>
<dd>{{$data->address}}</dd>
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<dt>Status Name</dt>
<dd>{{$data->status_name}}</dd>
</div>
<div class="mb-3">
<dt>SLF Status Name</dt>
<dd>{{$data->slf_status_name}}</dd>
</div>
<div class="mb-3">
<dt>Function Type</dt>
<dd>{{$data->function_type}}</dd>
</div>
<div class="mb-3">
<dt>Consultation Type</dt>
<dd>{{$data->consultation_type}}</dd>
</div>
<div class="mb-3">
<dt>Due Date</dt>
<dd>{{$data->due_date}}</dd>
</div>
<div class="mb-3">
<dt>Task Created At</dt>
<dd>{{$data->task_created_at}}</dd>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="pbgTaskRetributions">
@if ($data->pbg_task_retributions)
<div class="row">
<div class="col-md-6">
<div class="mb-3">
<dt>Luas Bangunan</dt>
<dd>{{$data->pbg_task_retributions->luas_bangunan}}</dd>
</div>
<div class="mb-3">
<dt>Indeks Lokalitas</dt>
<dd>{{$data->pbg_task_retributions->indeks_lokalitas}}</dd>
</div>
<div class="mb-3">
<dt>Wilayah SHST</dt>
<dd>{{$data->pbg_task_retributions->wilayah_shst}}</dd>
</div>
<div class="mb-3">
<dt>Kegiatan Name</dt>
<dd>{{$data->pbg_task_retributions->kegiatan_name}}</dd>
</div>
<div class="mb-3">
<dt>Nilai SHST</dt>
<dd>{{$data->pbg_task_retributions->nilai_shst}}</dd>
</div>
<div class="mb-3">
<dt>Indeks Integrasi</dt>
<dd>{{$data->pbg_task_retributions->indeks_terintegrasi}}</dd>
</div>
<div class="mb-3">
<dt>Indeks Bg Terbangun</dt>
<dd>{{$data->pbg_task_retributions->indeks_bg_terbangun}}</dd>
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<dt>Nilai Retribusi Bangunan</dt>
<dd>{{$data->pbg_task_retributions->nilai_retribusi_bangunan}}</dd>
</div>
<div class="mb-3">
<dt>Nilai Prasarana</dt>
<dd>{{$data->pbg_task_retributions->nilai_prasarana}}</dd>
</div>
<div class="mb-3">
<dt>PBG Dokumen</dt>
<dd>{{$data->pbg_task_retributions->pbg_document}}</dd>
</div>
<div class="mb-3">
<dt>Underpayment</dt>
<dd>{{$data->pbg_task_retributions->underpayment}}</dd>
</div>
<div class="mb-3">
<dt>SKRD Amount</dt>
<dd>{{$data->pbg_task_retributions->skrd_amount}}</dd>
</div>
</div>
</div>
@else
<div class="row">
<div class="col-md-12">
Data Not Available
</div>
</div>
@endif
</div>
<div class="tab-pane" id="pbgTaskIntegration">
@if ($data->pbg_task_index_integrations)
<div class="row">
<div class="col-md-12">
<div class="mb-3">
<dt>Indeks Fungsi Bangunan</dt>
<dd>{{$data->pbg_task_index_integrations->indeks_fungsi_bangunan}}</dd>
</div>
<div class="mb-3">
<dt>Indeks Parameter Kompleksitas</dt>
<dd>{{$data->pbg_task_index_integrations->indeks_parameter_kompleksitas}}</dd>
</div>
<div class="mb-3">
<dt>Indeks Parameter Permanensi</dt>
<dd>{{$data->pbg_task_index_integrations->indeks_parameter_permanensi}}</dd>
</div>
<div class="mb-3">
<dt>Indeks Paramter Ketinggian</dt>
<dd>{{$data->pbg_task_index_integrations->indeks_parameter_ketinggian}}</dd>
</div>
<div class="mb-3">
<dt>Faktor Kepemilikan</dt>
<dd>{{$data->pbg_task_index_integrations->faktor_kepemilikan}}</dd>
</div>
<div class="mb-3">
<dt>Indeks Terintegrasi</dt>
<dd>{{$data->pbg_task_index_integrations->indeks_terintegrasi}}</dd>
</div>
<div class="mb-3">
<dt>Total</dt>
<dd>{{$data->pbg_task_index_integrations->total}}</dd>
</div>
</div>
</div>
@else
<div class="row">
<div class="col-md-12">
Data Not Available
</div>
</div>
@endif
</div>
<div class="tab-pane" id="pbgTaskPrasarana">
<div class="row">
aslkdjkasjd
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
@endsection