Skip to content

Commit

Permalink
add search on personel
Browse files Browse the repository at this point in the history
  • Loading branch information
@punkestu
punkestu committed Oct 30, 2024
1 parent 53a6699 commit a147050
Show file tree
Hide file tree
Showing 2 changed files with 99 additions and 7 deletions.
44 changes: 38 additions & 6 deletions app/Http/Controllers/PersonelController.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,22 +14,54 @@ public function index()
{
$page = request()->get('page', 0);
$limit = 100;
$personels = Personel::limit($limit)->offset($page * $limit)->get();
$nik = request()->get('nik');
$name = request()->get('nama');
$cabang_id = request()->get('cabang_id');
$cabang = request()->get('cabang');
if ($nik == "" && $name == "" && $cabang == "") {
$personels = Personel::limit($limit)->offset($page * $limit)->get();
$cabangs = Cabang::all();
if (!$cabangs) abort(404);
return view('personel.index', [
'personels' => $personels,
'cabangs' => $cabangs,
'page' => $page ?? 0,
'search' => [
'nik' => $nik,
'name' => $name,
'cabang_id' => $cabang_id,
'cabang' => $cabang,
],
]);
}
$personels = Personel::where('nik', 'like', $nik . '%')->where('name', 'like', '%' . $name . '%');
if ($cabang != "") {
$personels = $personels->where('cabang_id', $cabang_id);
}
$personels = $personels->limit($limit)->offset($page * $limit)->get();
$search = [
'nik' => $nik,
'name' => $name,
'cabang_id' => $cabang_id,
'cabang' => $cabang,
];

if ($personels->count() === 0 && $page > 0) {
return redirect()->back();
}

$cabang = Cabang::all();
if (!$cabang) abort(404);
$cabangs = Cabang::all();
if (!$cabangs) abort(404);
return view('personel.index', [
'personels' => $personels,
'cabang' => $cabang,
'cabangs' => $cabangs,
'page' => $page ?? 0,
'search' => $search,
]);
}

public function search_by_nik(Request $request) {
public function search_by_nik(Request $request)
{
$nik = $request->nik;
$personels = Personel::where('nik', 'like', $nik . '%')->get();
return response()->json($personels);
Expand Down Expand Up @@ -98,7 +130,7 @@ public function importAllWithCsv(Request $request)
$dataPersonel['cabang_id'] = $cabangs["KANTOR " . $dataPersonel['lokasi_kedudukan']];
$dataPersonel['lokasi'] = $cabangs['KANTOR ' . $dataPersonel['lokasi']];
$dataPersonel['lokasi_induk'] = $cabangs['KANTOR ' . $dataPersonel['lokasi_induk']];
} else if(array_key_exists($dataPersonel['lokasi_kedudukan'], $cabangs) && array_key_exists($dataPersonel['lokasi'], $cabangs) && array_key_exists($dataPersonel['lokasi_induk'], $cabangs)) {
} else if (array_key_exists($dataPersonel['lokasi_kedudukan'], $cabangs) && array_key_exists($dataPersonel['lokasi'], $cabangs) && array_key_exists($dataPersonel['lokasi_induk'], $cabangs)) {
$dataPersonel['cabang_id'] = $cabangs[$dataPersonel['lokasi_kedudukan']];
$dataPersonel['lokasi'] = $cabangs[$dataPersonel['lokasi']];
$dataPersonel['lokasi_induk'] = $cabangs[$dataPersonel['lokasi_induk']];
Expand Down
62 changes: 61 additions & 1 deletion resources/views/personel/index.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,29 @@ class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-
<main class="min-h-screen">
<div class="flex justify-between items-center px-4 py-2 bg-gray-100 dark:bg-gray-800">
<h1 class="text-xl font-semibold text-gray-800 dark:text-white">Personel</h1>
<form action="" class="gap-2 flex">
<input type="search" name="nik" id="nik-search"
class="min-w-40 px-2 py-1 border-2 border-slate-400 rounded-md" placeholder="NIK"
value="{{ $search['nik'] }}">
<input type="search" name="nama" id="nama-search"
class="w-full px-2 py-1 border-2 border-slate-400 rounded-md" placeholder="Nama"
value="{{ $search['name'] }}">
<div class="min-w-28 relative">
<input type="hidden" name="cabang_id" value="{{ $search['cabang_id'] }}">
<input type="search" name="cabang" id="cabang-search"
class="w-full px-2 py-1 border-2 border-slate-400 rounded-md" placeholder="Cabang"
onkeyup="searchCabang()" value="{{ $search['cabang'] }}">
<div class="w-[200%] left-[-100%] absolute z-20 hidden flex-col items-start border p-1 gap-1 bg-white max-h-[100px] overflow-y-auto"
id="cabang-suggestion">
@foreach ($cabangs as $cabang)
<button type="button" onclick="selectCabang(this)" data-cabang-id="{{ $cabang->id }}"
class="w-full text-start border hover:border-2 px-2 py-1">{{ $cabang->nama }}</button>
@endforeach
</div>
</div>
<button
class="flex items-center justify-center px-4 py-2 text-white text-sm bg-blue-500 rounded-md hover:bg-blue-600">Cari</button>
</form>
<div class="flex items center gap-2">
<button
class="flex items-center justify-center px-4 py-2 text-white text-sm bg-blue-500 rounded-md hover:bg-blue-600"
Expand All @@ -75,7 +98,8 @@ class="flex items-center justify-center px-4 py-2 text-white text-sm bg-blue-500
</div>
<div class="relative overflow-x-auto max-h-[70vh] overflow-y-auto block">
<table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
<thead class="sticky top-0 text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
<thead
class="sticky top-0 text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
<tr>
<th scope="col" class="px-6 py-3">
No.
Expand Down Expand Up @@ -263,6 +287,42 @@ class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
@include('components.footer')
<script src="/script/nav.js"></script>
<script src="/script/chatbot.js"></script>
<script>
function searchCabang() {
const cabangSearch = document.getElementById('cabang-search');
const cabangSuggestion = document.getElementById('cabang-suggestion');
cabangSuggestion.classList.remove('hidden');
cabangSuggestion.classList.add('flex');
const cabang = cabangSearch.value;
const cabangButtons = cabangSuggestion.querySelectorAll('button');
cabangButtons.forEach(button => {
if (button.innerText.toLowerCase().includes(cabang.toLowerCase())) {
button.classList.remove('hidden');
button.classList.add('flex');
} else {
button.classList.add('hidden');
button.classList.remove('flex');
}
});
}
function selectCabang(e) {
const cabangSearch = document.getElementById('cabang-search');
const cabangId = document.querySelector('input[name="cabang_id"]');
cabangId.value = e.dataset.cabangId;
cabangSearch.value = e.innerText;
document.getElementById('cabang-suggestion').classList.add('hidden');
document.getElementById('cabang-suggestion').classList.remove('flex');
}
const body = document.querySelector('body');
body.addEventListener('click', function(e) {
if (!e.target.closest('#cabang-suggestion') && !e.target.closest('#cabang-search')) {
document.getElementById('cabang-suggestion').classList.add('hidden');
document.getElementById('cabang-suggestion').classList.remove('flex');
}
});
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/flowbite.min.js"></script>
</body>

Expand Down

0 comments on commit a147050

Please sign in to comment.