Add searching menu for panel laporan
This commit is contained in:
aiman
@@ -1,146 +1,194 @@
|
|||||||
@extends('layouts.app')
|
@extends('layouts.app')
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
<style>
|
<style>.custom-btn {
|
||||||
.custom-btn {
|
width: 10px;
|
||||||
width: 10px;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</style>
|
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<nav aria-label="breadcrumb">
|
<nav aria-label="breadcrumb">
|
||||||
<ol class="breadcrumb pb-3">
|
<ol class="breadcrumb pb-3">
|
||||||
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
||||||
<li class="breadcrumb-item active" aria-current="page">Laporan</li>
|
<li class="breadcrumb-item active" aria-current="page">Laporan</li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
@php
|
@php
|
||||||
$auth_user = Auth::user();
|
$auth_user = Auth::user();
|
||||||
$cawangan = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
|
$cawangan = Http::withOptions(['verify' => config('app.api_verify')])
|
||||||
$version = $cawangan['version'];
|
->get(config('api.url') . '/api/cawangan/' . $auth_user['cawangan'])
|
||||||
@endphp
|
->json();
|
||||||
|
$version = $cawangan['version'];
|
||||||
|
@endphp
|
||||||
|
|
||||||
<div class="card-body text-center">
|
<div class="card-body text-center">
|
||||||
<div class="row form-group">
|
|
||||||
<div class="col-md-2">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-10">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row form-group justify-content-center col-12 mx-12 ">
|
<div class="row mb-3">
|
||||||
<div class="col-md-3 ">
|
<div class="col-md-12 d-flex justify-content-start align-items-center">
|
||||||
<div class="row">
|
<button id="toggle-search" class="btn btn-outline-secondary mr-2" type="button"
|
||||||
@if($version == 'v1')
|
style="height: 38px;">
|
||||||
<a href="{{ route('laporan.gadaian') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Pembiayaan</a>
|
<i class="fa fa-search"></i>
|
||||||
@else
|
</button>
|
||||||
<a href="{{ route('laporan.gadaianujrah') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Pembiayaan</a>
|
<input type="text" id="search-laporan" class="form-control"
|
||||||
@endif
|
style="width: 300px; max-width: 100%; display: none; transition: all 0.3s;"
|
||||||
</div>
|
placeholder="Cari laporan apa ya ?">
|
||||||
<div class="row d-none">
|
|
||||||
<a href="#" class="btn btn-danger btn-lg btn-block mb-3 custom-btn">Lelongan</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.pelangganbaru') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Pelanggan Baru</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.ringkasanterkumpul') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">
|
|
||||||
<span>Ringkasan Terkumpul</a></span>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{route('laporan.agingbulanan')}}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Aging Bulan</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.pendserahan') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Laporan HQ</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{route('laporan.tuntutbaki')}}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Tuntut Baki</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.hargaemas') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Harga Emas</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{route('laporan.wakil')}}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Senarai Wakil</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{route('laporan.stokauditbackdate')}}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Stok Audit Backdate</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.stokauditkhas') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">SA(Whatsapp & SMS)</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4 mx-1">
|
|
||||||
<div class="row">
|
<div class="row form-group">
|
||||||
@if($version == 'v1')
|
<div class="col-md-2">
|
||||||
<a href="{{ route('laporan.tebus') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Penyelesaian Penuh</a>
|
|
||||||
@else
|
|
||||||
<a href="{{ route('laporan.tebusujrah') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Penyelesaian Penuh</a>
|
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="col-md-10">
|
||||||
<a href="{{ route('laporan.kawalanstok') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Kawalan Stok Produk</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.ringkasanharianujrah') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Ringkasan Harian (Lain-lain Caj)</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.batalsuratgadai') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Batal Surat Pembiayaan</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.marhunharian') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Marhun Harian</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.senaraipetibesi') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Senarai Peti Besi</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.datalejer_am') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Lejer Am</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.denominasi') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Denominasi</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.saghilang') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">SAG Hilang</a>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a href="{{ route('laporan.serahmarhuntebus') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Serah Marhun (Penyelesaian Pembiayaan)</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3 mx-1">
|
|
||||||
<div class="row">
|
<div class="row form-group justify-content-center col-12 mx-12 ">
|
||||||
<a href="{{ route('laporan.ansuran') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Ansuran Pembiayaan</a>
|
<div class="col-md-3 ">
|
||||||
|
<div class="row">
|
||||||
|
@if ($version == 'v1')
|
||||||
|
<a href="{{ route('laporan.gadaian') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Pembiayaan</a>
|
||||||
|
@else
|
||||||
|
<a href="{{ route('laporan.gadaianujrah') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Pembiayaan</a>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
<div class="row d-none">
|
||||||
|
<a href="#" class="btn btn-danger btn-lg btn-block mb-3 custom-btn">Lelongan</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.pelangganbaru') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Pelanggan Baru</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.ringkasanterkumpul') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">
|
||||||
|
<span>Ringkasan Terkumpul</a></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.agingbulanan') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Aging Bulan</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.pendserahan') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Laporan HQ</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.tuntutbaki') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Tuntut Baki</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.hargaemas') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Harga Emas</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.wakil') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Senarai Wakil</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.stokauditbackdate') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Stok Audit Backdate</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.stokauditkhas') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">SA(Whatsapp & SMS)</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="col-4 mx-1">
|
||||||
<a href="{{ route('laporan.stokauditcombine') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Stok Audit</a>
|
<div class="row">
|
||||||
|
@if ($version == 'v1')
|
||||||
|
<a href="{{ route('laporan.tebus') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Penyelesaian Penuh</a>
|
||||||
|
@else
|
||||||
|
<a href="{{ route('laporan.tebusujrah') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Penyelesaian Penuh</a>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.kawalanstok') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Kawalan Stok Produk</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.ringkasanharianujrah') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Ringkasan Harian (Lain-lain
|
||||||
|
Caj)</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.batalsuratgadai') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Batal Surat Pembiayaan</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.marhunharian') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Marhun Harian</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.senaraipetibesi') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Senarai Peti Besi</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.datalejer_am') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Lejer Am</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.denominasi') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Denominasi</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.saghilang') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">SAG Hilang</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.serahmarhuntebus') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Serah Marhun (Penyelesaian
|
||||||
|
Pembiayaan)</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="col-3 mx-1">
|
||||||
<a href="{{ route('laporan.ringkasanharian') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Ringkasan Harian</a>
|
<div class="row">
|
||||||
</div>
|
<a href="{{ route('laporan.ansuran') }}"
|
||||||
<div class="row">
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Ansuran Pembiayaan</a>
|
||||||
<a href="{{ route('laporan.marhunterkumpul') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Marhun Terkumpul</a>
|
</div>
|
||||||
</div>
|
<div class="row">
|
||||||
<div class="row">
|
<a href="{{ route('laporan.stokauditcombine') }}"
|
||||||
<a href="{{ route('laporan.audittrail') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Audit Trail</a>
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Stok Audit</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<a href="{{ route('laporan.serahmarhungadai') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Serah Marhun Pembiayaan</a>
|
<a href="{{ route('laporan.ringkasanharian') }}"
|
||||||
</div>
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Ringkasan Harian</a>
|
||||||
<div class="row">
|
</div>
|
||||||
<a href="{{route('laporan.petibesi')}}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Peti Besi</a>
|
<div class="row">
|
||||||
</div>
|
<a href="{{ route('laporan.marhunterkumpul') }}"
|
||||||
<div class="row">
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Marhun Terkumpul</a>
|
||||||
<a href="{{ route('laporan.perbelanjaan') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Perbelanjaan</a>
|
</div>
|
||||||
</div>
|
<div class="row">
|
||||||
<div class="row">
|
<a href="{{ route('laporan.audittrail') }}"
|
||||||
<a href="{{ route('laporan.imbangdugaakru') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Imbang Duga Akru</a>
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Audit Trail</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<a href="{{ route('laporan.notisperingatan') }}" class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Notis Peringatan</a>
|
<a href="{{ route('laporan.serahmarhungadai') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Serah Marhun Pembiayaan</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.petibesi') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Peti Besi</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.perbelanjaan') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Perbelanjaan</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.imbangdugaakru') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Imbang Duga Akru</a>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<a href="{{ route('laporan.notisperingatan') }}"
|
||||||
|
class="btn btn-dark btn-lg btn-block mb-3 custom-btn">Notis Peringatan</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -148,6 +196,39 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
const searchInput = document.getElementById('search-laporan');
|
||||||
|
const toggleBtn = document.getElementById('toggle-search');
|
||||||
|
if (toggleBtn && searchInput) {
|
||||||
|
toggleBtn.addEventListener('click', function() {
|
||||||
|
if (searchInput.style.display === 'none' || searchInput.style.display === '') {
|
||||||
|
searchInput.style.display = 'block';
|
||||||
|
searchInput.focus();
|
||||||
|
} else {
|
||||||
|
searchInput.value = '';
|
||||||
|
searchInput.style.display = 'none';
|
||||||
|
// Show all rows when hiding search
|
||||||
|
document.querySelectorAll('.custom-btn').forEach(function(btn) {
|
||||||
|
const row = btn.closest('.row');
|
||||||
|
row.style.display = '';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
searchInput.addEventListener('keyup', function() {
|
||||||
|
const searchTerm = this.value.toLowerCase();
|
||||||
|
document.querySelectorAll('.custom-btn').forEach(function(btn) {
|
||||||
|
const text = btn.textContent.toLowerCase();
|
||||||
|
const row = btn.closest('.row');
|
||||||
|
if (text.includes(searchTerm)) {
|
||||||
|
row.style.display = '';
|
||||||
|
} else {
|
||||||
|
row.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@endsection
|
@endsection
|
||||||
|
|||||||
Reference in New Issue
Block a user