115 lines
4.5 KiB
PHP
115 lines
4.5 KiB
PHP
@extends('layouts.master')
|
|
|
|
@section('title', 'List Unit')
|
|
|
|
@section('content')
|
|
<div class="card shadow-sm">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<h5 class="mb-0 font-weight-bold">List EF</h5>
|
|
<a href="{{ route($route.'.create') }}" class="btn btn-sm btn-primary float-right">Tambah EF</a>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
|
|
<div class="row p-2">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="activityFilter">Filter Aktivitas:</label>
|
|
<select id="activityFilter" class="form-control" onchange="filter(this)">
|
|
<option>SEMUA AKTIVITAS</option>
|
|
@foreach ($activities as $activity)
|
|
<option value="{{ $activity->code }}">{{ $activity->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="categoryFilter">Filter Kategori:</label>
|
|
<select id="categoryFilter" class="form-control" onchange="filter(this)">
|
|
<option>SEMUA KATEGORI</option>
|
|
@foreach ($categories as $category)
|
|
<option value="{{ $category }}">{{ $category }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table w-100"
|
|
data-search="true"
|
|
data-toggle="table"
|
|
data-pagination="true"
|
|
data-toolbar="#toolbar"
|
|
data-show-refresh="false"
|
|
data-url="{{route($route.'.grid')}}"
|
|
data-ajax-options='{"xhrFields": {"withCredentials": true}}'
|
|
data-sort-name="ids"
|
|
data-sort-order="desc"
|
|
data-page-size="10"
|
|
data-id-field="id"
|
|
id="grid-data">
|
|
<thead class="table-primary text-primary">
|
|
<tr>
|
|
<th data-width="150" data-field="action">#</th>
|
|
<th data-field="activity">Aktivitas</th>
|
|
<th data-field="category">Kategori</th>
|
|
<th data-field="ef_resource">Sumber Data EF</th>
|
|
<th data-field="value">Nilai</th>
|
|
<th data-field="description">Deskripsi</th>
|
|
<th data-field="status">Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('js')
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$('#activityFilter').select2({
|
|
placeholder: 'Pilih Aktivitas',
|
|
});
|
|
|
|
$('#categoryFilter').select2({
|
|
placeholder: 'Pilih Kategori',
|
|
});
|
|
|
|
|
|
});
|
|
|
|
var datatable = $('#grid-data');
|
|
function filter(e) {
|
|
datatable.ajax.reload();
|
|
|
|
if (e.id === 'activityFilter') {
|
|
var activityCode = $(e).val();
|
|
$.ajax({
|
|
url: '{{ route($route.'.getCategoriesByActivity') }}',
|
|
method: 'GET',
|
|
data: {
|
|
activity_code: activityCode
|
|
},
|
|
success: function(data) {
|
|
var options = '<option>SEMUA KATEGORI</option>';
|
|
$.each(data, function(index, category) {
|
|
options += '<option value="' + category + '">' + category + '</option>';
|
|
});
|
|
|
|
$('#categoryFilter').html(options);
|
|
$('#categoryFilter').val('SEMUA KATEGORI').trigger('change');
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.error('Error fetching categories:', error);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
@endsection
|