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

add sync task assignment pbg

Browse Source
This commit is contained in:
arifal
2025-03-06 00:13:13 +07:00
parent 86d694bcac
commit 1f33d0de4e
14 changed files with 389 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/js/bigdata-resumes/index.js
View File

@@ -109,6 +109,7 @@ class BigdataResume {
},
total: (data) => data.total,
},
width: "auto",
}).render(tableContainer);
}
async handleDelete(deleteButton) {

87
resources/views/bigdata-resumes/index.blade.php
View File

@@ -2,6 +2,79 @@
@section('css')
@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
<style>
/* Ensure the Grid.js container allows full scrolling */
#table-bigdata-resumes {
overflow-x: auto;
overflow-y: hidden; /* Prevent vertical scrolling */
white-space: nowrap;
max-width: 100%;
height: 100%; /* Adjust height if necessary */
}
/* Ensure Grid.js wrapper is scrollable */
.gridjs-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
/* Make the entire scrollbar much bigger */
.gridjs-wrapper::-webkit-scrollbar {
height: 40px; /* Increase scrollbar height */
}
/* Scrollbar track (background) */
.gridjs-wrapper::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
/* Scrollbar thumb (draggable part) */
.gridjs-wrapper::-webkit-scrollbar-thumb {
background: #007bff;
border-radius: 20px;
width: 40px; /* Wider scrollbar thumb */
min-width: 40px;
}
/* Scrollbar thumb hover effect */
.gridjs-wrapper::-webkit-scrollbar-thumb:hover {
background: #0056b3;
}
/* Bigger Scrollbar Buttons */
.gridjs-wrapper::-webkit-scrollbar-button {
background: #007bff;
height: 40px; /* Force bigger button height */
width: 40px; /* Force bigger button width */
border-radius: 10px;
}
/* Left Scroll Button */
.gridjs-wrapper::-webkit-scrollbar-button:horizontal:decrement {
display: block;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15 18l-6-6 6-6"/></svg>') no-repeat center;
background-size: 30px;
width: 40px; /* Ensure button size */
height: 40px;
}
/* Right Scroll Button */
.gridjs-wrapper::-webkit-scrollbar-button:horizontal:increment {
display: block;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 18l6-6-6-6"/></svg>') no-repeat center;
background-size: 30px;
width: 40px; /* Ensure button size */
height: 40px;
}
/* Scrollbar button hover effect */
.gridjs-wrapper::-webkit-scrollbar-button:hover {
background: #0056b3;
}
</style>
@endsection
@section('content')
@@ -11,13 +84,13 @@
<x-toast-notification />
<div class="row">
<div class="col-12">
<div class="card w-100">
<div class="card-body">
<div id="table-bigdata-resumes"></div>
</div>
</div>
</div>
<div class="col-12">
<div class="card w-100 h-100">
<div class="card-body">
<div id="table-bigdata-resumes"></div>
</div>
</div>
</div>
</div>
@endsection

39
resources/views/pbg_task/show.blade.php
View File

@@ -92,6 +92,11 @@
<span class="d-none d-sm-block">PBG Task Prasarana</span>
</a>
</li>
<li class="nav-item">
<a href="#pbgTaskAssignments" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
<span class="d-none d-sm-block">Penugasan</span>
</a>
</li>
</ul>
</div>
<div class="card-body">
@@ -246,6 +251,40 @@
@endif
</div>
</div>
<div class="tab-pane" id="pbgTaskAssignments">
@if ($data->taskAssignments && $data->taskAssignments->isNotEmpty())
@foreach ($data->taskAssignments as $task_assignment)
<div class="border p-3 rounded shadow-sm col-md-4">
<div class="mb-3">
<dt>Nama</dt>
<dd>{{$task_assignment->name}}</dd>
</div>
<div class="mb-3">
<dt>Email</dt>
<dd>{{$task_assignment->email}}</dd>
</div>
<div class="mb-3">
<dt>Nomor Telepon</dt>
<dd>{{$task_assignment->phone_number}}</dd>
</div>
<div class="mb-3">
<dt>Keahlian</dt>
<dd>{{$task_assignment->expertise}}</dd>
</div>
<div class="mb-3">
<dt>Status</dt>
<dd>{{$task_assignment->status_name}}</dd>
</div>
</div>
@endforeach
@else
<div class="row">
<div class="col-md-12">
Data Not Available
</div>
</div>
@endif
</div>
</div>
</div>
</div>