Browse Source

create not datatables boostrap

master
Gunawan19621 1 year ago
parent
commit
c3c392e7ea
  1. 60
      app/Http/Controllers/PeminjamanController.php
  2. 76
      app/Http/Controllers/PetiController.php
  3. 8
      app/Models/asset_status.php
  4. 3
      app/Providers/AppServiceProvider.php
  5. 222
      resources/views/dashboard/Master_Data/Manajemen_Peti/Peti/index.blade.php
  6. 162
      resources/views/dashboard/Peminjaman/index.blade.php
  7. 8
      resources/views/layouts/main.blade.php

60
app/Http/Controllers/PeminjamanController.php

@ -2,34 +2,80 @@
namespace App\Http\Controllers;
use App\Http\Requests\ValidasiCreatePeminjaman;
use App\Http\Requests\ValidasiUpdatePeminjaman;
use App\Models\Peti;
use App\Models\Customer;
use App\Models\m_warehouse;
use App\Models\asset_status;
use App\Models\Customer;
use App\Models\Kondisi_Peti;
use Illuminate\Support\Facades\Auth;
use Illuminate\Http\Request;
use Symfony\Component\Uid\Uuid;
use Illuminate\Support\Facades\Auth;
use App\Http\Requests\ValidasiCreatePeminjaman;
use App\Http\Requests\ValidasiUpdatePeminjaman;
class PeminjamanController extends Controller
{
/**
* Display a listing of the resource.
*/
public function index()
// public function index()
// {
// $data = [
// // 'peminjaman' => asset_status::get(),
// 'peminjaman' => asset_status::orderBy('created_at', 'desc')->get(),
// 'warehouse' => m_warehouse::get(),
// 'active' => 'menu-peminjaman',
// ];
// return view('dashboard.Peminjaman.index', $data);
// }
public function index(Request $request)
{
$perPage = $request->input('perPage', 5);
$query = asset_status::orderBy('created_at', 'desc');
// $query = asset_status::select(['asset_statuses.*', 'Petis.code_customer', 'customers.lot_no', 'type_petis.type', 'type_petis.size_peti', 'm_warehouses.name as warehouse_name'])
// ->join('Petis', 'peti.id', '=', 'asset_statuses.peti_id')
// ->join('type_petis', 'type_petis.id', '=', 'petis.tipe_peti_id')
// ->join('m_warehouses', 'm_warehouses.id', '=', 'petis.warehouse_id')
// ->join('kondisi_petis', 'kondisipeti_id', '=', 'petis.kondisipeti_id')
// ->orderBy('petis.created_at', 'desc');
// Tambahkan logika pencarian
$search = $request->input('search') ?? '';
if ($search) {
$query->where(function ($q) use ($search) {
$q->where('mobile_id', 'like', "%$search%")
->orWhere('exit_at', 'like', "%$search%")
->orWhere('est_pengembalian', 'like', "%$search%")
->orWhere('exit_pic', 'like', "%$search%")
->orWhere('customer_id', 'like', "%$search%")
->orWhere('warehouse_id', 'like', "%$search%")
->orWhere('exit_warehouse', 'like', "%$search%")
->orWhere('enter_at', 'like', "%$search%")
->orWhere('enter_pic', 'like', "%$search%")
->orWhere('enter_warehouse', 'like', "%$search%")
->orWhere('kondisi_peti_id', 'like', "%$search%")
->orWhere('status', 'like', "%$search%")
->orWhere('created_by', 'like', "%$search%")
->orWhere('updated_by', 'like', "%$search%");
});
}
$peminjaman = $query->paginate($perPage);
$data = [
// 'peminjaman' => asset_status::get(),
'peminjaman' => asset_status::orderBy('created_at', 'desc')->get(),
'peminjaman' => $peminjaman,
'warehouse' => m_warehouse::get(),
'search' => $search,
'active' => 'menu-peminjaman',
];
return view('dashboard.Peminjaman.index', $data);
}
/**
* Show the form for creating a new resource.
*/

76
app/Http/Controllers/PetiController.php

@ -12,6 +12,7 @@ use App\Imports\PetiImport;
use App\Models\m_warehouse;
use App\Models\Kondisi_Peti;
use Illuminate\Http\Request;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\Auth;
use Maatwebsite\Excel\Facades\Excel;
use App\Http\Requests\ValidasiCreatePeti;
@ -23,11 +24,82 @@ class PetiController extends Controller
/**
* Display a listing of the resource.
*/
public function index()
// public function index()
// {
// $data = [
// // 'peti' => Peti::orderBy('created_at', 'desc')->get(),
// 'peti' => Peti::orderBy('created_at', 'desc')->get(),
// 'kondisiPeti' => Kondisi_Peti::all(),
// 'active' => 'menu-peti',
// ];
// return view('dashboard.Master_Data.Manajemen_Peti.Peti.index', $data);
// }
// public function index()
// {
// // $perPage = 10; // Jumlah data per halaman, sesuaikan dengan kebutuhan Anda
// // $peti = Peti::orderBy('created_at', 'desc')->paginate($perPage);
// $peti = Peti::orderBy('created_at', 'desc')->get();
// $kondisiPeti = Kondisi_Peti::all();
// $data = [
// 'peti' => $peti,
// 'kondisiPeti' => $kondisiPeti,
// 'active' => 'menu-peti',
// ];
// return view('dashboard.Master_Data.Manajemen_Peti.Peti.index', $data);
// }
public function index(Request $request)
{
$perPage = $request->input('perPage', 5);
$query = Peti::select(['petis.*', 'customers.code_customer', 'customers.lot_no', 'type_petis.type', 'type_petis.size_peti', 'm_warehouses.name as warehouse_name'])
->join('customers', 'customers.id', '=', 'petis.customer_id')
->join('type_petis', 'type_petis.id', '=', 'petis.tipe_peti_id')
->join('m_warehouses', 'm_warehouses.id', '=', 'petis.warehouse_id')
->join('kondisi_petis', 'kondisipeti_id', '=', 'petis.kondisipeti_id')
->orderBy('petis.created_at', 'desc');
// Tambahkan logika pencarian
$search = $request->input('search') ?? '';
if ($search) {
$query->where(function ($q) use ($search) {
$q->where('petis.fix_lot', 'like', "%$search%")
->orWhere('petis.created_by', 'like', "%$search%")
->orWhere('customers.name', 'like', "%$search%")
->orWhere('m_warehouses.name', 'like', "%$search%")
->orWhere('customers.code_customer', 'like', "%$search%")
->orWhere('type_petis.type', 'like', "%$search%")
->orWhere('type_petis.size_peti', 'like', "%$search%")
->orWhere('customers.lot_no', 'like', "%$search%")
->orWhere('kondisi_petis.nama_kondisi', 'like', "%$search%")
->orWhere('petis.packing_no', 'like', "%$search%")
->orWhere('petis.status', 'like', "%$search%");
});
}
if ($perPage == 'Semua') {
$chunkSize = 100;
$stores = new Collection();
$currentPage = 1;
$query->chunk($chunkSize, function ($storesChunk) use ($stores, &$currentPage) {
foreach ($storesChunk as $store) {
$store->setAttribute('i', ($currentPage - 1) * $storesChunk->perPage() + 1);
$stores->push($store);
$currentPage++;
}
});
} else {
$stores = $query->paginate($perPage);
}
$data = [
'peti' => Peti::orderBy('created_at', 'desc')->get(),
// 'peti' => Peti::orderBy('created_at', 'desc')->paginate(10),
'peti' => $stores,
'kondisiPeti' => Kondisi_Peti::all(),
'i' => ($stores->currentPage() - 1) * $stores->perPage() + 1,
'search' => $search,
'active' => 'menu-peti',
];
return view('dashboard.Master_Data.Manajemen_Peti.Peti.index', $data);

8
app/Models/asset_status.php

@ -33,10 +33,10 @@ class asset_status extends Model
'updated_by',
];
public function asset()
{
return $this->belongsTo(m_asset::class, 'asset_id')->withTrashed();
}
// public function asset()
// {
// return $this->belongsTo(m_asset::class, 'asset_id')->withTrashed();
// }
public function warehouseId()
{

3
app/Providers/AppServiceProvider.php

@ -2,6 +2,7 @@
namespace App\Providers;
use Illuminate\Pagination\Paginator;
use Illuminate\Support\ServiceProvider;
class AppServiceProvider extends ServiceProvider
@ -19,6 +20,6 @@ class AppServiceProvider extends ServiceProvider
*/
public function boot(): void
{
//
Paginator::useBootstrap();
}
}

222
resources/views/dashboard/Master_Data/Manajemen_Peti/Peti/index.blade.php

@ -12,7 +12,220 @@
@include('layouts.components.alert-prompt')
@if (auth()->user()->role_id == 1)
<!-- cara data table buatan sendiri -->
<div class="card shadow mb-4">
<div class="card-header py-3">
<div class="row">
<div class="col-7">
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Peti</h5>
</div>
<div class="col-5 d-flex">
<a href="{{ route('dashboard.peti.create') }}" class="btn btn-success btn-icon-split ml-4">
<span class="text">Tambah Peti</span>
</a>
<div class="mr-2">
<form action="{{ route('dashboard.all-pdf.cetakpdf') }}" method="GET" id="pdfForm"
class="ml-2" target="_blank">
@csrf
<input type="hidden" name="peti_ids" id="peti_ids" value="">
<button type="submit" class="btn btn-primary">Cetak PDF</button>
</form>
</div>
<a href="#" class="btn btn-info btn-icon-split" data-toggle="modal"
data-target="#importDataModal">
<span class="text">Import Customer</span>
</a>
</div>
</div>
</div>
<div class="card-body">
<div class="row mb-3">
<div class="col-6">
<!-- Fitur page -->
<form method="GET" action="{{ route('dashboard.peti.index') }}">
<label for="perPage">Tampilkan:</label>
<select id="perPage" name="perPage" class="form-select" onchange="this.form.submit()">
<option value="5" {{ request('perPage') == '5' ? 'selected' : '' }}>5</option>
<option value="10" {{ request('perPage') == '10' ? 'selected' : '' }}>10
</option>
<option value="25" {{ request('perPage') == '25' ? 'selected' : '' }}>25
</option>
<option value="50" {{ request('perPage') == '50' ? 'selected' : '' }}>50
</option>
<option value="100" {{ request('perPage') == '100' ? 'selected' : '' }}>100
</option>
<option value="500" {{ request('perPage') == '500' ? 'selected' : '' }}>500
</option>
<option value="1000" {{ request('perPage') == '1000' ? 'selected' : '' }}>1000
</option>
<option value="2500" {{ request('perPage') == '2500' ? 'selected' : '' }}>2500
</option>
<option value="5000" {{ request('perPage') == '5000' ? 'selected' : '' }}>5000
</option>
<option value="{{ $peti->total() }}"
{{ request('perPage') == $peti->total() ? 'selected' : '' }}>Semua</option>
</select>
</form>
</div>
<div class="col-6 d-flex justify-content-end">
<!-- Fitur search -->
<form method="GET" action="{{ route('dashboard.peti.index') }}" class="form-inline">
<input type="text" name="search" class="form-control mr-2" placeholder="Cari...">
<button type="submit" class="btn btn-primary">Cari</button>
</form>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered" width="100%" cellspacing="0">
<thead>
<tr>
<th class="text-center" style="width: 10px">No</th>
<th><input type="checkbox" class="checkbox " id="selectAll"></th>
<th>Fix Lot</th>
<th>User</th>
<th>Customer</th>
<th>WH</th>
<th>Kode Customer</th>
<th>Tipe Peti</th>
<th>Ukuran Peti</th>
<th>Lot No</th>
<th>Kondisi Peti</th>
<th>Packing No</th>
<th>Status</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
@forelse ($peti as $data_peti)
@if ($search)
@if (stripos($data_peti->fix_lot, $search) !== false ||
stripos($data_peti->created_by, $search) !== false ||
stripos($data_peti->customer->name, $search) !== false ||
stripos($data_peti->warehouse->name, $search) !== false ||
stripos($data_peti->customer->code_customer, $search) !== false ||
stripos($data_peti->tipe_peti->type, $search) !== false ||
stripos($data_peti->tipe_peti->size_peti, $search) !== false ||
stripos($data_peti->customer->lot_no, $search) !== false ||
stripos($data_peti->kondisipeti->nama_kondisi, $search) !== false ||
stripos($data_peti->packing_no, $search) !== false ||
stripos($data_peti->status, $search) !== false)
<!-- Tampilkan data pencarian -->
<tr>
<td>{{ $i++ }}</td>
<td><input type="checkbox" class="checkbox" value="{{ $data_peti->id }}"></td>
<td>{{ $data_peti->fix_lot }}</td>
<td>{{ $data_peti->created_by }}</td>
<td>{{ $data_peti->customer->name }}</td>
<td>{{ $data_peti->warehouse->name }}</td>
<td>{{ $data_peti->customer->code_customer }}</td>
<td>{{ $data_peti->tipe_peti->type }}</td>
<td>{{ $data_peti->tipe_peti->size_peti }}</td>
<td>{{ $data_peti->customer->lot_no }}</td>
<td>{{ $data_peti->kondisipeti->nama_kondisi }}</td>
<td class="text-right">{{ $data_peti->packing_no }}</td>
<td>{{ $data_peti->status }}</td>
<td class="text-center">
<a href="{{ route('dashboard.peti.show', [$data_peti->id]) }}">
<i class="fa fa-eye mr-2" style="font-size: 20px"></i>
</a>
<a href="{{ route('dashboard.peti.edit', [$data_peti->id]) }}">
<i class="fa fa-edit mr-2" style="font-size: 20px"></i>
</a>
<form action="{{ route('dashboard.peti.destroy', $data_peti->id) }}"
method="POST" style="display: inline;">
@csrf
@method('DELETE')
<button type="submit"
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')"
style="border: none; background: none; cursor: pointer;">
<i class="fa fa-trash text-danger" style="font-size: 20px"></i>
</button>
</form>
</td>
</tr>
@endif
@else
<!-- Tampilkan semua data jika tidak ada pencarian -->
<tr>
<td>{{ $i++ }}</td>
<td><input type="checkbox" class="checkbox" value="{{ $data_peti->id }}"></td>
<td>{{ $data_peti->fix_lot }}</td>
<td>{{ $data_peti->created_by }}</td>
<td>{{ $data_peti->customer->name }}</td>
<td>{{ $data_peti->warehouse->name }}</td>
<td>{{ $data_peti->customer->code_customer }}</td>
<td>{{ $data_peti->tipe_peti->type }}</td>
<td>{{ $data_peti->tipe_peti->size_peti }}</td>
<td>{{ $data_peti->customer->lot_no }}</td>
<td>{{ $data_peti->kondisipeti->nama_kondisi }}</td>
<td class="text-right">{{ $data_peti->packing_no }}</td>
<td>{{ $data_peti->status }}</td>
<td class="text-center">
<a href="{{ route('dashboard.peti.show', [$data_peti->id]) }}">
<i class="fa fa-eye mr-2" style="font-size: 20px"></i>
</a>
<a href="{{ route('dashboard.peti.edit', [$data_peti->id]) }}">
<i class="fa fa-edit mr-2" style="font-size: 20px"></i>
</a>
<form action="{{ route('dashboard.peti.destroy', $data_peti->id) }}"
method="POST" style="display: inline;">
@csrf
@method('DELETE')
<button type="submit"
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')"
style="border: none; background: none; cursor: pointer;">
<i class="fa fa-trash text-danger" style="font-size: 20px"></i>
</button>
</form>
</td>
</tr>
@endif
@empty
<tr>
<td colspan="14" class="text-center">Data Kosong</td>
</tr>
@endforelse
</tbody>
</table>
</div>
<div class="row mt-3">
<div class="col-4">
<!-- Tampilkan jumlah data yang ditampilkan -->
@if (!$peti->isEmpty())
<p class="d-inline-block">Showing {{ $peti->firstItem() }} to
{{ $peti->lastItem() }} of
{{ $peti->total() }} entries</p>
@endif
</div>
<div class="col-8 d-flex justify-content-end">
@if ($peti->total() > $peti->perPage())
<nav aria-label="Page navigation">
<ul class="pagination justify-content-center">
<li class="page-item {{ $peti->onFirstPage() ? 'disabled' : '' }}">
<a class="page-link"
href="{{ $peti->appends(['perPage' => Request::get('perPage')])->url(1) }}"
aria-label="First">
<span aria-hidden="true">First</span>
</a>
</li>
{{ $peti->appends(['perPage' => Request::get('perPage')])->links() }}
<li class="page-item {{ $peti->hasMorePages() ? '' : 'disabled' }}">
<a class="page-link"
href="{{ $peti->appends(['perPage' => Request::get('perPage')])->url($peti->lastPage()) }}"
aria-label="Last">
<span aria-hidden="true">Last</span>
</a>
</li>
</ul>
</nav>
@endif
</div>
</div>
</div>
</div>
<!-- cara data table bostrap-->
{{-- <div class="card shadow mb-4">
<div class="card-header py-3">
<div class="row">
<div class="col-7">
@ -39,7 +252,7 @@
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0">
<table class="table table-bordered" id="tablePeti" width="100%" cellspacing="0">
<thead>
<tr>
<th class="text-center" style="width: 10px">No</th>
@ -60,11 +273,11 @@
</thead>
<tbody>
@php
$nopeti = 1;
$i = 1;
@endphp
@forelse ($peti as $data_peti)
<tr>
<td class="text-center">{{ $nopeti++ }}</td>
<td>{{ $i++ }}</td>
<td><input type="checkbox" class="checkbox" value="{{ $data_peti->id }}"></td>
<td>{{ $data_peti->fix_lot }}</td>
<td>{{ $data_peti->created_by }}</td>
@ -100,10 +313,9 @@
@endforelse
</tbody>
</table>
</div>
</div>
</div>
</div> --}}
@elseif (auth()->user()->role_id == 2)
@include('pages.user.Master_Data.Manajemen_Peti.Peti.index')
@endif

162
resources/views/dashboard/Peminjaman/index.blade.php

@ -25,8 +25,44 @@
</div>
</div>
<div class="card-body">
<div class="row mb-3">
<div class="col-6">
<!-- Fitur page -->
<form method="GET" action="{{ route('dashboard.peminjaman.index') }}">
<label for="perPage">Tampilkan:</label>
<select id="perPage" name="perPage" class="form-select" onchange="this.form.submit()">
<option value="5" {{ request('perPage') == '5' ? 'selected' : '' }}>5</option>
<option value="10" {{ request('perPage') == '10' ? 'selected' : '' }}>10
</option>
<option value="25" {{ request('perPage') == '25' ? 'selected' : '' }}>25
</option>
<option value="50" {{ request('perPage') == '50' ? 'selected' : '' }}>50
</option>
<option value="100" {{ request('perPage') == '100' ? 'selected' : '' }}>100
</option>
<option value="500" {{ request('perPage') == '500' ? 'selected' : '' }}>500
</option>
<option value="1000" {{ request('perPage') == '1000' ? 'selected' : '' }}>1000
</option>
<option value="2500" {{ request('perPage') == '2500' ? 'selected' : '' }}>2500
</option>
<option value="5000" {{ request('perPage') == '5000' ? 'selected' : '' }}>5000
</option>
<option value="{{ $peminjaman->total() }}"
{{ request('perPage') == $peminjaman->total() ? 'selected' : '' }}>Semua</option>
</select>
</form>
</div>
<div class="col-6 d-flex justify-content-end">
<!-- Fitur search -->
<form method="GET" action="{{ route('dashboard.peminjaman.index') }}" class="form-inline">
<input type="text" name="search" class="form-control mr-2" placeholder="Cari...">
<button type="submit" class="btn btn-primary">Cari</button>
</form>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0">
<table class="table table-bordered" width="100%" cellspacing="0">
<thead>
<tr>
<th class="text-center">No</th>
@ -39,7 +75,7 @@
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
{{-- <tbody>
@php
$no_peminjaman = 1;
@endphp
@ -59,10 +95,91 @@
title="Pengembalian">
<i class="fa fa-reply mr-2" style="font-size: 20px"></i>
</a>
{{-- <a href="{{ route('dashboard.pengembalian.edit', $data_peminjaman->id) }}"
<a href="{{ route('dashboard.peminjaman.edit', $data_peminjaman->id) }}"
title="Edit">
<i class="fa fa-edit mr-2" style="font-size: 20px"></i>
</a>
<form action="{{ route('dashboard.peminjaman.destroy', $data_peminjaman->id) }}"
method="POST" style="display: inline;">
@csrf
@method('DELETE')
<button type="submit"
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')"
title="Delete" style="border: none; background: none; cursor: pointer;">
<i class="fa fa-trash text-danger" style="font-size: 20px"></i>
</button>
</form>
</td>
</tr>
@endif
@empty
<tr>
<td colspan="8" class="text-center">Data Kosong</td>
</tr>
@endforelse
</tbody> --}}
<tbody>
@php
$no_peminjaman = 1;
@endphp
@forelse ($peminjaman as $data_peminjaman)
@if ($search)
@if (stripos($data_peminjaman->peti->fix_lot, $search) !== false ||
stripos($data_peminjaman->peti->customer->name, $search) !== false ||
stripos($data_peminjaman->peti->customer->code_customer, $search) !== false ||
stripos($data_peminjaman->peti->tipe_peti->type, $search) !== false ||
stripos($data_peminjaman->exit_at, $search) !== false ||
stripos($data_peminjaman->exit_pic, $search) !== false ||
stripos($data_peminjaman->warehouse->name, $search) !== false)
<!-- Tampilkan data pencarian -->
<tr>
<td class="text-center">{{ $no_peminjaman++ }}</td>
<td>{{ $data_peminjaman->peti->fix_lot }}</td>
<td>{{ $data_peminjaman->peti->customer->name }}</td>
<td>{{ $data_peminjaman->peti->customer->code_customer }} -
{{ $data_peminjaman->peti->tipe_peti->type }}</td>
<td>{{ \Carbon\Carbon::parse($data_peminjaman->exit_at)->format('d/m/Y') }}</td>
<td>{{ $data_peminjaman->exit_pic }}</td>
<td>{{ $data_peminjaman->warehouse->name }}</td>
<td class="text-center">
<a href="{{ route('dashboard.peminjaman.pengembalian', $data_peminjaman->id) }}"
title="Pengembalian">
<i class="fa fa-reply mr-2" style="font-size: 20px"></i>
</a>
<a href="{{ route('dashboard.peminjaman.edit', $data_peminjaman->id) }}"
title="Edit">
<i class="fa fa-edit mr-2" style="font-size: 20px"></i>
</a>
<form
action="{{ route('dashboard.peminjaman.destroy', $data_peminjaman->id) }}"
method="POST" style="display: inline;">
@csrf
@method('DELETE')
<button type="submit"
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')"
title="Delete" style="border: none; background: none; cursor: pointer;">
<i class="fa fa-trash text-danger" style="font-size: 20px"></i>
</button>
</form>
</td>
</tr>
@endif
@else
<!-- Tampilkan semua data jika tidak ada pencarian -->
<tr>
<td class="text-center">{{ $no_peminjaman++ }}</td>
<td>{{ $data_peminjaman->peti->fix_lot }}</td>
<td>{{ $data_peminjaman->peti->customer->name }}</td>
<td>{{ $data_peminjaman->peti->customer->code_customer }} -
{{ $data_peminjaman->peti->tipe_peti->type }}</td>
<td>{{ \Carbon\Carbon::parse($data_peminjaman->exit_at)->format('d/m/Y') }}</td>
<td>{{ $data_peminjaman->exit_pic }}</td>
<td>{{ $data_peminjaman->warehouse->name }}</td>
<td class="text-center">
<a href="{{ route('dashboard.peminjaman.pengembalian', $data_peminjaman->id) }}"
title="Pengembalian">
<i class="fa fa-reply mr-2" style="font-size: 20px"></i>
</a> --}}
</a>
<a href="{{ route('dashboard.peminjaman.edit', $data_peminjaman->id) }}"
title="Edit">
<i class="fa fa-edit mr-2" style="font-size: 20px"></i>
@ -81,10 +198,47 @@
</tr>
@endif
@empty
<tr>
<td colspan="8" class="text-center">Data Kosong</td>
</tr>
@endforelse
</tbody>
</table>
</div>
<div class="row mt-3">
<div class="col-4">
<!-- Tampilkan jumlah data yang ditampilkan -->
@if (!$peminjaman->isEmpty())
<p class="d-inline-block">Showing {{ $peminjaman->firstItem() }} to
{{ $peminjaman->lastItem() }} of
{{ $peminjaman->total() }} entries</p>
@endif
</div>
<div class="col-8 d-flex justify-content-end">
@if ($peminjaman->total() > $peminjaman->perPage())
<nav aria-label="Page navigation">
<ul class="pagination justify-content-center">
<li class="page-item {{ $peminjaman->onFirstPage() ? 'disabled' : '' }}">
<a class="page-link"
href="{{ $peminjaman->appends(['perPage' => Request::get('perPage')])->url(1) }}"
aria-label="First">
<span aria-hidden="true">First</span>
</a>
</li>
{{ $peminjaman->appends(['perPage' => Request::get('perPage')])->links() }}
<li class="page-item {{ $peminjaman->hasMorePages() ? '' : 'disabled' }}">
<a class="page-link"
href="{{ $peminjaman->appends(['perPage' => Request::get('perPage')])->url($peminjaman->lastPage()) }}"
aria-label="Last">
<span aria-hidden="true">Last</span>
</a>
</li>
</ul>
</nav>
@endif
</div>
</div>
</div>
</div>
@endsection

8
resources/views/layouts/main.blade.php

@ -65,6 +65,14 @@
lengthMenu: [10, 25, 50, 100], // Pilihan jumlah data per halaman
dom: '<"top"lf<"clear">>rt<"bottom"ip<"clear">>', // Susunan elemen tabel
});
$('#tablePeti').DataTable({
paging: true, // Aktifkan paging
searching: true, // Aktifkan fitur pencarian
scrollX: true, // Aktifkan scroll horizontal
pageLength: 10, // Jumlah data per halaman
lengthMenu: [10, 25, 50, 100], // Pilihan jumlah data per halaman
dom: '<"top"lf<"clear">>rt<"bottom"ip<"clear">>', // Susunan elemen tabel
});
});
</script>

Loading…
Cancel
Save