138 lines
3.7 KiB
PHP
Executable File
138 lines
3.7 KiB
PHP
Executable File
@extends('layouts.backapp')
|
|
|
|
@section('content')
|
|
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
|
|
<div class="kt-portlet__head kt-portlet__head--lg">
|
|
<div class="kt-portlet__head-label">
|
|
<span class="kt-portlet__head-icon">
|
|
<i class="kt-font-brand flaticon2-list-1"></i>
|
|
</span>
|
|
<h3 class="kt-portlet__head-title">
|
|
Tabel Mutasi
|
|
</h3>
|
|
</div>
|
|
@can('create', $menus['mutations.index'])
|
|
<div class="kt-portlet__head-toolbar">
|
|
<div class="kt-portlet__head-wrapper">
|
|
<div class="kt-portlet__head-actions">
|
|
<a href="{{ route('mutations.create') }}" class="btn btn-bold btn-label-brand btn--sm">
|
|
Tambah
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endcan
|
|
</div>
|
|
|
|
<div class="kt-portlet__body">
|
|
<div class="table-responsive">
|
|
<!--begin: Datatable -->
|
|
<table class="table table-striped table-bordered table-hover" id="mutations-table" data-url="{{ route('mutations.index') }}">
|
|
<thead>
|
|
<tr>
|
|
<th>No.</th>
|
|
<th>No. Mutasi</th>
|
|
<th>Tanggal</th>
|
|
<th>Dari Dealer</th>
|
|
<th>Ke Dealer</th>
|
|
<th>Dibuat Oleh</th>
|
|
<th>Total Item</th>
|
|
<th>Status</th>
|
|
<th>Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
<!--end: Datatable -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('styles')
|
|
<style>
|
|
/* Override any conflicting styles */
|
|
#mutations-table thead th {
|
|
position: relative !important;
|
|
cursor: pointer !important;
|
|
user-select: none !important;
|
|
}
|
|
|
|
#mutations-table thead th:not(.sorting_disabled) {
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
/* Ensure DataTables classes are applied */
|
|
#mutations-table.dataTable thead th.sorting,
|
|
#mutations-table.dataTable thead th.sorting_asc,
|
|
#mutations-table.dataTable thead th.sorting_desc {
|
|
cursor: pointer !important;
|
|
background-image: none !important;
|
|
}
|
|
/* DataTables Sorting Icons */
|
|
table.dataTable thead .sorting:before,
|
|
table.dataTable thead .sorting:after,
|
|
table.dataTable thead .sorting_asc:before,
|
|
table.dataTable thead .sorting_asc:after,
|
|
table.dataTable thead .sorting_desc:before,
|
|
table.dataTable thead .sorting_desc:after {
|
|
font-family: 'Font Awesome 5 Free';
|
|
font-weight: 900;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
table.dataTable thead .sorting:before {
|
|
content: "\f0dc";
|
|
}
|
|
|
|
table.dataTable thead .sorting_asc:before {
|
|
content: "\f0de";
|
|
opacity: 1;
|
|
}
|
|
|
|
table.dataTable thead .sorting_desc:before {
|
|
content: "\f0dd";
|
|
opacity: 1;
|
|
}
|
|
|
|
table.dataTable thead .sorting:after,
|
|
table.dataTable thead .sorting_asc:after,
|
|
table.dataTable thead .sorting_desc:after {
|
|
display: none;
|
|
}
|
|
|
|
/* Ensure column headers are clickable */
|
|
table.dataTable thead th {
|
|
cursor: pointer;
|
|
position: relative;
|
|
user-select: none;
|
|
}
|
|
|
|
table.dataTable thead th.sorting,
|
|
table.dataTable thead th.sorting_asc,
|
|
table.dataTable thead th.sorting_desc {
|
|
cursor: pointer !important;
|
|
pointer-events: auto !important;
|
|
}
|
|
|
|
/* Force clickable area */
|
|
table.dataTable thead th.sorting:hover,
|
|
table.dataTable thead th.sorting_asc:hover,
|
|
table.dataTable thead th.sorting_desc:hover {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
/* Ensure sorting icons are visible */
|
|
table.dataTable thead .sorting:before,
|
|
table.dataTable thead .sorting_asc:before,
|
|
table.dataTable thead .sorting_desc:before {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
</style>
|
|
@endsection
|
|
|
|
@section('javascripts')
|
|
<script src="{{ mix('js/warehouse_management/mutations/index.js') }}"></script>
|
|
@endsection |