130 lines
5.0 KiB
PHP
130 lines
5.0 KiB
PHP
@extends('layouts.master')
|
|
|
|
@section('css')
|
|
@endsection
|
|
@section('content')
|
|
<div class="page-content">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header d-flex">
|
|
<a href="{{route($route.'.update')}}" id="btn-add" class="btn btn-primary">
|
|
<i class="mdi mdi-plus"></i> Tambah Data
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="toolbar">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<select name="activity" class="form-control select2 activity @error('activity') is-invalid @enderror select2" id="" required>
|
|
<option value="">- PILIH AKTIFITAS -</option>
|
|
@foreach ( $activity as $dataAct)
|
|
<option {{ $dataAct->MsActivityId == decode_id(@request()->activity) ? 'selected' : '' }} value="{{ encode_id($dataAct->MsActivityId)}}">{{ $dataAct->nama }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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"
|
|
data-query-params="queryParams"
|
|
id="grid-data">
|
|
<thead class="table-secondary text-primary">
|
|
<tr>
|
|
<th data-width="15%" class="text-center" data-field="action">#</th>
|
|
<th data-field="activity">Aktivitas</th>
|
|
<th data-field="kategori">Kategori</th>
|
|
<th data-field="sumberdata">Sumber Data EF</th>
|
|
<th data-field="nilai">Nilai</th>
|
|
<th data-field="status">Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('js')
|
|
<script type="text/javascript">
|
|
var $table = $('#grid-data')
|
|
var $ok = $('#ok')
|
|
$(function() {
|
|
$('.activity').on('change',function(){
|
|
var activity = $(this).val();
|
|
// window.location.href="{{ url('pengaturan/ef?activity=') }}"+activity;
|
|
$table.bootstrapTable('refresh');
|
|
});
|
|
})
|
|
function queryParams(params) {
|
|
$('#toolbar').find('input[name], select').each(function() {
|
|
params[$(this).attr('name')] = $(this).val()
|
|
})
|
|
|
|
return params
|
|
}
|
|
|
|
function ajaxRequest(params) {
|
|
var url = "{{ route($route.'.grid') }}";
|
|
$.get(url + '?' + $.param(params.data)).then(function (res) {
|
|
params.success(res)
|
|
})
|
|
}
|
|
$("#grid-data").on("click", ".remove_data", function() {
|
|
var base_url = $(this).attr('data-href');
|
|
var id = $(this).attr('data-id');
|
|
Swal.fire({
|
|
title: "Hapus Data!",
|
|
text: "Apa anda yakin ingin menghapus data ini ?",
|
|
icon: "warning",
|
|
showCancelButton: true,
|
|
confirmButtonColor: "#DD6B55",
|
|
confirmButtonText: "Ya Hapus Sekarang",
|
|
cancelButtonText: "Tidak"
|
|
}).then((result) => {
|
|
|
|
if (result.isConfirmed) {
|
|
|
|
request = $.ajax({
|
|
url: base_url,
|
|
xhrFields: {
|
|
withCredentials: true
|
|
},
|
|
type: "GET",
|
|
});
|
|
|
|
// Callback handler that will be called on success
|
|
request.done(function(response, textStatus, jqXHR){
|
|
console.log(response);
|
|
alertify.success("Berhasil Menhapus Data");
|
|
$('#grid-data').bootstrapTable('refresh');
|
|
});
|
|
|
|
// Callback handler that will be called on failure
|
|
request.fail(function (jqXHR, textStatus, errorThrown){
|
|
alertify.error("Gagal " + textStatus, errorThrown);
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
return false;
|
|
});
|
|
</script>
|
|
@endsection |