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

fix button and fix service sync simbg

Browse Source
This commit is contained in:
arifal
2025-02-14 00:23:50 +07:00
parent ac2f37d549
commit 4d32d4a110
19 changed files with 382 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/Services/ServiceClient.php
View File

@@ -42,8 +42,14 @@ class ServiceClient
}
$response = $this->client->request($method, $this->baseUrl . $url, $options);
$responseBody = (string) $response->getBody();
$resultResponse = json_decode($response->getBody(), true);
if (!str_contains($response->getHeaderLine('Content-Type'), 'application/json')) {
\Log::error('Unexpected response format: ' . $responseBody);
return $this->resError('API response is not JSON');
}
$resultResponse = json_decode($responseBody, true, 512, JSON_THROW_ON_ERROR);
return $this->resSuccess($resultResponse);
} catch (Exception $e) {
\Log::error('error from client service'. $e->getMessage());

43
app/Services/ServiceSIMBG.php
View File

@@ -37,6 +37,7 @@ class ServiceSIMBG
}
public function getToken(){
try{
$url = "/api/user/v1/auth/login/";
$body = [
'email' => $this->email,
@@ -46,13 +47,18 @@ class ServiceSIMBG
$res = $this->service_client->post($url, $body);
if(!$res->original['success']){
Log::error("Token not retrieved ", ['response' => $res]);
return null;
throw new Exception("Token not retrieved.");
}
return $res;
}catch(Exception $e){
Log::error("Error on method get token ", ['response' => $e->getMessage()]);
throw $e;
}
}
public function syncIndexIntegration($uuid, $token)
{
try{
$url = "/api/pbg/v1/detail/" . $uuid . "/retribution/indeks-terintegrasi/";
$headers = [
@@ -86,14 +92,11 @@ class ServiceSIMBG
]
);
// Log success
if ($resultData->wasRecentlyCreated) {
Log::info("integration created successfully", ['uuid' => $uuid]);
} else {
Log::info("integration updated successfully", ['uuid' => $uuid]);
}
return true;
}catch (Exception $e){
Log::error('error when sync index integration ', ['index integration'=> $e->getMessage()]);
throw $e;
}
}
public function syncTaskList()
@@ -182,21 +185,9 @@ class ServiceSIMBG
'created_at' => now(),
];
$save_integration = $this->syncIndexIntegration($item['uid'], $token);
if (!$save_integration) {
$importDatasource->update([
'status' => ImportDatasourceStatus::Failed->value,
'message' => "Successfully processed: $savedCount, Failed: $failedCount"
]);
}
$this->syncIndexIntegration($item['uid'], $token);
$save_detail = $this->syncTaskDetailSubmit($item['uid'], $token);
if( !$save_detail ) {
$importDatasource->update([
'status' => ImportDatasourceStatus::Failed->value,
'message' => "Successfully processed: $savedCount, Failed: $failedCount"
]);
}
$this->syncTaskDetailSubmit($item['uid'], $token);
$savedCount++;
} catch (Exception $e) {
@@ -236,6 +227,7 @@ class ServiceSIMBG
public function syncTaskDetailSubmit($uuid, $token)
{
try{
$url = "/api/pbg/v1/detail/" . $uuid . "/retribution/submit/";
$headers = [
'Authorization' => "Bearer " . $token,
@@ -306,9 +298,12 @@ class ServiceSIMBG
// Use bulk insert or upsert for faster database operation
PbgTaskPrasarana::upsert($insertData, ['prasarana_id']);
}
Log::info("retribution and prasarana successfully", ['uuid' => $uuid]);
return true;
}catch(Exception $e){
Log::error("Failed to sync task detail submit", ['error' => $e->getMessage(), 'uuid' => $uuid]);
throw $e;
}
}
}

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

@@ -591,32 +591,55 @@ document.addEventListener("DOMContentLoaded", async function (e) {
await new BigData().init();
});
// function resizeDashboard() {
// //Target Width
// let targetElement = document.getElementById("dashboard-fixed-wrapper");
// let targetWidth = targetElement.offsetWidth;
// //console.log("TARGET ",targetWidth);
// //Real Object Width
// let dashboardElement = document.getElementById("dashboard-fixed-container");
// let dashboardWidth = 1110; //dashboardElement.offsetWidth;
// //console.log("CURRENT ",dashboardWidth);
// if (targetWidth > dashboardWidth) {
// targetWidth = dashboardWidth;
// }
// dashboardElement.style.transformOrigin = "left top";
// dashboardElement.style.transition = "transform 0.2s ease-in-out";
// dashboardElement.style.transform =
// "scale(" + (targetWidth / dashboardWidth).toFixed(2) + ")";
// //console.log("SCALE ", (targetWidth/dashboardWidth).toFixed(2));
// }
// window.addEventListener("load", function () {
// resizeDashboard();
// });
// window.addEventListener("resize", function () {
// resizeDashboard();
// });
function resizeDashboard() {
//Target Width
let targetElement = document.getElementById("dashboard-fixed-wrapper");
let targetWidth = targetElement.offsetWidth;
//console.log("TARGET ",targetWidth);
//Real Object Width
let dashboardElement = document.getElementById("dashboard-fixed-container");
let dashboardWidth = 1110; //dashboardElement.offsetWidth;
//console.log("CURRENT ",dashboardWidth);
if (targetWidth > dashboardWidth) {
targetWidth = dashboardWidth;
}
let targetWidth = targetElement.offsetWidth;
let dashboardWidth = 1110;
let scaleFactor = (targetWidth / dashboardWidth).toFixed(2);
// Prevent scaling beyond 1 (100%) to avoid overflow
scaleFactor = Math.min(scaleFactor, 1);
dashboardElement.style.transformOrigin = "left top";
dashboardElement.style.transition = "transform 0.2s ease-in-out";
dashboardElement.style.transform =
"scale(" + (targetWidth / dashboardWidth).toFixed(2) + ")";
//console.log("SCALE ", (targetWidth/dashboardWidth).toFixed(2));
dashboardElement.style.transform = `scale(${scaleFactor})`;
// Ensure horizontal scrolling is allowed if necessary
document.body.style.overflowX = "auto";
}
window.addEventListener("load", function () {
resizeDashboard();
});
window.addEventListener("resize", function () {
resizeDashboard();
});
window.addEventListener("load", resizeDashboard);
window.addEventListener("resize", resizeDashboard);

11
resources/js/data-settings/index.js
View File

@@ -52,11 +52,14 @@ class DataSettings {
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="/data-settings/${cell}/edit" class="btn btn-yellow me-2">Update</a>
<button class="btn btn-red btn-delete btn-delete-data-settings" data-id="${cell}">Delete</button>
<div class="d-flex justify-content-center gap-2">
<a href="/data-settings/${cell}/edit" class="btn btn-yellow btn-sm d-inline-flex align-items-center justify-content-center">
<i class='bx bx-edit'></i>
</a>
<button class="btn btn-sm btn-red d-inline-flex align-items-center justify-content-centerbtn-delete-data-settings" data-id="${cell}">
<i class='bx bxs-trash' ></i>
</button>
</div>
`);
},

7
resources/js/master/users/users.js
View File

@@ -22,8 +22,11 @@ class UsersTable {
name: "Action",
formatter: (cell) =>
gridjs.html(`
<div class="d-flex justify-content-end gap-x-2">
<a href="/master/users/${cell}/edit" class="btn btn-yellow me-2">Update</a>
<div class="d-flex justify-content-center">
<a href="/master/users/${cell}/edit" class="btn btn-yellow btn-sm d-inline-flex align-items-center justify-content-center">
<i class='bx bx-edit'></i>
</a>
</div>
`),
},
],

11
resources/js/menus/index.js
View File

@@ -56,9 +56,14 @@ class Menus {
name: "Action",
formatter: (cell) =>
gridjs.html(`
<div class="d-flex justify-content-end gap-x-2">
<a href="/menus/${cell}/edit" class="btn btn-yellow me-2">Update</a>
<button class="btn btn-red btn-delete btn-delete-menu" data-id="${cell}">Delete</button>
<div class="d-flex justify-content-center align-items-center gap-2">
<a href="/menus/${cell}/edit" class="btn btn-yellow btn-sm d-inline-flex align-items-center justify-content-center">
<i class='bx bx-edit'></i>
</a>
<button data-id="${cell}" class="btn btn-red btn-sm btn-delete-menu d-inline-flex align-items-center justify-content-center">
<i class='bx bxs-trash' ></i>
</button>
</div>
`),
},
],

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

@@ -25,8 +25,8 @@ class PbgTasks {
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 class="d-flex justify-content-center align-items-center gap-2">
<a href="/pbg-task/${cell}" class="btn btn-yellow btn-sm d-inline-flex align-items-center justify-content-center">Detail</a
</div>
`);
},

14
resources/js/roles/index.js
View File

@@ -52,10 +52,16 @@ class Roles {
name: "Action",
formatter: (cell) =>
gridjs.html(`
<div class="d-flex justify-content-end gap-x-2">
<a href="/roles/${cell}/edit" class="btn btn-yellow me-2">Update</a>
<a href="/roles/role-menu/${cell}" class="btn btn-yellow me-2">Role Menu</a>
<button class="btn btn-red btn-delete-role" data-id="${cell}">Delete</button>
<div class="d-flex justify-content-center gap-2">
<a href="/roles/${cell}/edit" class="btn btn-yellow btn-sm d-inline-flex align-items-center justify-content-center">
<i class='bx bx-edit'></i>
</a>
<a href="/roles/role-menu/${cell}" class="btn btn-primary btn-sm d-inline-flex align-items-center justify-content-center">
Role Menu
</a>
<button data-id="${cell}" class="btn btn-sm btn-red btn-delete-role d-inline-flex align-items-center justify-content-center">
<i class='bx bxs-trash' ></i>
</button>
</div>
`),
},

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

@@ -10,6 +10,7 @@
width: 200px; /* Ukuran lingkaran */
height: 200px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
background-color: var(--circle-color); /* Warna lingkaran utama */
@@ -17,6 +18,7 @@
border: 6px solid white; /* Border putih */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efek bayangan */
position: absolute;
// overflow: hidden;
.circle-content {
width: 180px; /* Ukuran lingkaran dalam */
@@ -39,6 +41,12 @@
font-weight: bold;
margin: 0 5px;
line-height: 1.5;
word-wrap: break-word; /* Break words if too long */
white-space: normal; /* Allow multi-line text */
text-align: center; /* Center text inside the circle */
overflow-wrap: break-word; /* Ensures breaking in modern browsers */
display: block; /* Ensures it respects container size */
max-width: 100%; /* Prevents exceeding the circle size */
}
.circle-content .document-total {
@@ -64,8 +72,8 @@
.small-circle-container {
position: absolute;
bottom: 0;
right: 0;
bottom: -10px;
right: -10px;
width: 50px; /* Ukuran lingkaran kecil */
height: 50px;
background-color: #2d4f90; /* Warna lingkaran kecil */
@@ -75,6 +83,7 @@
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efek bayangan */
z-index: 10;
.small-circle-content {
width: 45px;

78
resources/scss/dashboards/_bigdata.scss Normal file
View File

@@ -0,0 +1,78 @@
//
// bigdata.scss
//
.square {
height: 100px;
width: 100px;
position: absolute;
z-index: -1;
}
.dia-top-left-bottom-right:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(
to top right,
transparent calc(50% - 2px),
black,
transparent calc(50% + 2px)
);
}
.dia-top-right-bottom-left:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(
to top left,
transparent calc(50% - 2px),
black,
transparent calc(50% + 2px)
);
}
#dashboard-fixed-wrapper {
background-image: url("../../../public/images/bg-dashboard.jpg");
background-size: cover;
background-position: center;
}
#dashboard-fixed-wrapper::before {
content: "";
position: absolute;
pointer-events: none; /* Prevents the overlay from blocking interaction */
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(
255,
255,
255,
0.7
); /* Black overlay with 50% opacity */
}
#dashboard-fixed-wrapper {
max-width: 100vw; /* Ensures it doesn't exceed viewport */
}
#dashboard-fixed-container {
min-width: 1110px;
max-width: unset; /* Allow it to grow if needed */
}
@media (max-width: 768px) {
#dashboard-fixed-container {
transform: scale(0.8); /* Adjust the scale as needed */
}
}

2
resources/scss/style.scss
View File

@@ -59,3 +59,5 @@
// Pages
@import "pages/icon-demo";
@import "pages/authentication";
@import "dashboards/bigdata";

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

@@ -1,64 +1,27 @@
@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'])
<style>
.square{
height: 100px;
width: 100px;
position: absolute;
z-index:-1;
}
.dia-top-left-bottom-right:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to top right, transparent calc(50% - 2px), black, transparent calc(50% + 2px));
}
.dia-top-right-bottom-left:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to top left, transparent calc(50% - 2px), black, transparent calc(50% + 2px));
}
#dashboard-fixed-wrapper {
background-image:url('/images/bg-dashboard.jpg');background-size: cover;background-position: center;
}
#dashboard-fixed-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7); /* Black overlay with 50% opacity */
}
</style>
<div id="dashboard-fixed-wrapper" class="row">
<h2 style="margin-top:30px;margin-left:15px;color:#911701">
<span style="float:right;font-size:14px;margin-right:25px;color:black">Terakhir di update - {{$latest_created}}</span>
<div class="col-12">
<h2 class="mt-3 ms-2 text-danger">
<span class="float-end fs-6 me-3 text-black d-block d-sm-inline text-end">Terakhir di update - {{$latest_created}}</span>
ANALISA BIG DATA PROSES PBG <br>
MELALUI APLIKASI SIBEDAS PBG
</h2>
</div>
<div class="d-flex justify-content-end">
<div class="d-flex">
<select class="me-2 form-select" id="yearPicker" name="year">
<div class="row d-flex justify-content-end">
<div class="col-12 col-sm-6 col-md-3">
<div class="d-flex flex-sm-nowrap flex-wrap justify-content-end gap-2">
<select class="form-select w-auto" id="yearPicker" name="year" style="min-width: 100px;">
@for ($i = date('Y'); $i > date('Y') - 5; $i--)
<option value="{{ $i }}" {{ $i == date('Y') ? 'selected' : '' }}>{{ $i }}</option>
@endfor
@@ -66,7 +29,8 @@
<button class="btn btn-sm btn-primary" id="btnFilterYear">Filter</button>
</div>
</div>
<div id="dashboard-fixed-container" style="width:1110px;height:770px;position:relative;margin:auto;">
</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' => '#911701',

9
resources/views/data-settings/index.blade.php
View File

@@ -10,16 +10,19 @@
<x-toast-notification />
<x-modal-confirmation buttonText="Delete" confirmationMessage="Are you sure you want to delete this?" />
<div class="row">
<div class="card w-full">
<div class="col-12">
<div class="card w-100">
<div class="card-body">
<div class="d-flex justify-content-end pb-3">
<a href="{{ route('data-settings.create')}}" class="btn btn-success width-lg">Create</a>
<div class="d-flex flex-wrap justify-content-end align-items-center mb-2">
<a href="{{ route('data-settings.create')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">Create</a>
</div>
<div id="table-data-settings"></div>
</div>
</div>
</div>
</div>
@endsection

10
resources/views/master/users/index.blade.php
View File

@@ -9,15 +9,19 @@
@include('layouts.partials/page-title', ['title' => 'Master', 'subtitle' => 'Users'])
<div class="row">
<div class="card w-full">
<div class="col-12">
<div class="card w-100">
<div class="card-body">
<div class="d-flex justify-content-end pb-3">
<a href="{{ route('users.create')}}" class="btn btn-success width-lg">Create</a>
<div class="d-flex flex-wrap justify-content-end align-items-center mb-2">
<a href="{{ route('users.create') }}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">
Create
</a>
</div>
<div id="table-users"></div>
</div>
</div>
</div>
</div>
@endsection

9
resources/views/menus/index.blade.php
View File

@@ -10,11 +10,13 @@
<x-toast-notification />
<x-modal-confirmation buttonText="Delete" confirmationMessage="Are you sure you want to delete this?" />
<div class="row">
<div class="card w-full">
<div class="col-12">
<div class="card w-100">
<div class="card-body">
<div class="d-flex justify-content-end pb-3">
<a href="{{ route('menus.create')}}" class="btn btn-success width-lg">Create</a>
<div class="d-flex flex-wrap justify-content-end align-items-center mb-2">
<a href="{{ route('menus.create')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">Create</a>
</div>
<div>
<div id="table-menus"></div>
@@ -22,6 +24,7 @@
</div>
</div>
</div>
</div>
@endsection

8
resources/views/pbg_task/index.blade.php
View File

@@ -9,15 +9,17 @@
@include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'PBG'])
<div class="row">
<div class="card w-full">
<div class="col-12">
<div class="card w-100">
<div class="card-body">
<div class="d-flex justify-content-end pb-3">
<a href="{{ route('pbg-task.create')}}" class="btn btn-success width-lg">Create</a>
<div class="d-flex flex-wrap justify-content-end">
<a href="{{ route('pbg-task.create')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">Create</a>
</div>
<div id="table-pbg-tasks"></div>
</div>
</div>
</div>
</div>
@endsection

8
resources/views/roles/index.blade.php
View File

@@ -12,15 +12,17 @@
<x-modal-confirmation buttonText="Delete" confirmationMessage="Are you sure you want to delete this?" />
<div class="row">
<div class="card w-full">
<div class="col-12">
<div class="card w-100">
<div class="card-body">
<div class="d-flex justify-content-end pb-3">
<a href="{{ route('roles.create')}}" class="btn btn-success width-lg">Create</a>
<div class="d-flex flex-wrap justify-content-end align-items-center mb-2">
<a href="{{ route('roles.create')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">Create</a>
</div>
<div id="table-roles"></div>
</div>
</div>
</div>
</div>
@endsection

10
resources/views/settings/syncronize/index.blade.php
View File

@@ -9,11 +9,12 @@
@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Syncronize'])
<div class="row">
<div class="card w-full">
<div class="col-12">
<div class="card w-100">
<div class="card-body">
<div class="col-md-12 col-xl-12 d-flex justify-content-end">
<button type="button" class="btn btn-success" style="margin-right: 20px;" id="btn-sync-submit-google-sheet">Sync Google Sheet</button>
<button type="button" class="btn btn-success" id="btn-sync-submit">Sync SIMBG</button>
<div class="d-flex flex-wrap justify-content-end gap-2">
<button type="button" class="btn btn-success btn-sm d-block d-sm-inline w-auto" id="btn-sync-submit-google-sheet">Sync Google Sheet</button>
<button type="button" class="btn btn-success btn-sm d-block d-sm-inline w-auto" id="btn-sync-submit">Sync SIMBG</button>
</div>
<div>
<div id="table-import-datasources"></div>
@@ -21,6 +22,7 @@
</div>
</div>
</div>
</div>
@endsection

1
vite.config.js
View File

@@ -19,6 +19,7 @@ export default defineConfig({
"resources/scss/icons.scss",
"resources/scss/style.scss",
"resources/scss/components/_circle.scss",
"resources/scss/dashboards/_bigdata.scss",
"node_modules/quill/dist/quill.snow.css",
"node_modules/quill/dist/quill.bubble.css",