main
Ilham Wara Nugroho 2026-01-29 12:12:25 +07:00
parent 1d115bb4f5
commit 5bbe76749d
4 changed files with 385 additions and 361 deletions

View File

@ -14,12 +14,56 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h5 class="mb-4"><i class="fal fa-filter"></i>&nbsp;Filter</h5> <h5 class="mb-4"><i class="fal fa-filter"></i>&nbsp;Filter</h5>
<div class="row"> <div class="row" id="pencarian">
<div class="col-md-12 mb-2">
<div class="row">
@if((session('group_alias') == 'administrator') || (session('group_alias') == 'dinas'))
<div class="col-md-3">
<div class="form-group">
<select name="provinsi" class="form-control select2" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kabupaten" class="form-control select2" id="kabupaten">
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
@else
@if(@$kecamatan)
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
@foreach($kecamatan as $dataKec)
<option value="{{encode_id($dataKec->MsKecamatanId)}}">{{$dataKec->name}}</option>
@endforeach
</select>
</div>
</div>
@endif
@endif
</div>
</div>
<div class="col-md-12 mb-2"> <div class="col-md-12 mb-2">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <select name="tingkat" class="form-control select2">
<option value="">-- PILIH TINGKAT --</option> <option value="">-- PILIH TINGKAT --</option>
<option value="1">SD</option> <option value="1">SD</option>
<option value="2">SMP</option> <option value="2">SMP</option>
@ -37,7 +81,7 @@
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <select name="status_sekolah" class="form-control select2">
<option value="">-- PILIH STATUS --</option> <option value="">-- PILIH STATUS --</option>
<option value="Negeri">Negeri</option> <option value="Negeri">Negeri</option>
<option value="Swasta">Swasta</option> <option value="Swasta">Swasta</option>
@ -46,58 +90,7 @@
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <button id="ok" class="btn btn-success btn-block"><i class="fal fa-search"></i>&nbsp;Cari Data</button>
<option value="">-- PILIH LEVEL --</option>
<option value="1"> LEVEL 1</option>
<option value="2"> LEVEL 2</option>
<option value="3"> LEVEL 3</option>
<option value="4"> LEVEL 4</option>
<option value="5"> LEVEL 5</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select class="form-control select2">
<option value="">-- PILIH JENIS USULAN --</option>
<option value="1">Kab/Kota</option>
<option value="2">Provinsi</option>
<option value="3">Nasional</option>
<option value="4">Mandiri</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<select name="provinsi" class="form-control select2" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kabupaten" class="form-control select2" id="kabupaten">
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<button class="btn btn-success btn-block"><i class="fal fa-search"></i>&nbsp;Cari Data</button>
</div> </div>
</div> </div>
</div> </div>
@ -126,6 +119,7 @@
data-sort-order="desc" data-sort-order="desc"
data-page-size="10" data-page-size="10"
data-id-field="id" data-id-field="id"
data-query-params="queryParams"
id="grid-data"> id="grid-data">
<thead class="bg-primary-light text-primary"> <thead class="bg-primary-light text-primary">
<tr> <tr>
@ -173,9 +167,23 @@
<script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script> <script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script>
<script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script> <script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
<script type="text/javascript"> <script type="text/javascript">
var $table = $('#grid-data');
var $ok = $('#ok');
$('.btn-filter').on('click',function(){ $('.btn-filter').on('click',function(){
$('#filter').toggleClass('d-none'); $('#filter').toggleClass('d-none');
}); });
$(function() {
$ok.click(function() {
$table.bootstrapTable('refresh');
})
});
function queryParams(params) {
$('#pencarian').find('input[name], select').each(function() {
params[$(this).attr('name')] = $(this).val()
})
return params
}
$("#grid-data").on("click", ".tolak", function() { $("#grid-data").on("click", ".tolak", function() {
var base_url = $(this).attr('data-href'); var base_url = $(this).attr('data-href');
var id = $(this).attr('data-id'); var id = $(this).attr('data-id');
@ -269,112 +277,112 @@
return false; return false;
}); });
$('select').on("select2:selecting", function(e) { $('select').on("select2:selecting", function(e) {
var selectorOrigin = this.id; var selectorOrigin = this.id;
var id = e.params.args.data.id; var id = e.params.args.data.id;
if(selectorOrigin=='provinsi'){ if(selectorOrigin=='provinsi'){
$('#loading-spinner').show(); $('#loading-spinner').show();
clear('kabupaten'); clear('kabupaten');
selector = 'kabupaten'; selector = 'kabupaten';
url_to = 'kabupaten'; url_to = 'kabupaten';
getSelect(id, selector, url_to); getSelect(id, selector, url_to);
} }
if(selectorOrigin=='kabupaten'){ if(selectorOrigin=='kabupaten'){
$('#loading-spinner').show(); $('#loading-spinner').show();
clear('kecamatan'); clear('kecamatan');
selector = 'kecamatan'; selector = 'kecamatan';
url_to = 'kecamatan'; url_to = 'kecamatan';
getSelect(id, selector, url_to); getSelect(id, selector, url_to);
} }
if(selectorOrigin=='kecamatan'){ if(selectorOrigin=='kecamatan'){
$('#loading-spinner').show(); $('#loading-spinner').show();
clear('sekolah'); clear('sekolah');
selector = 'sekolah'; selector = 'sekolah';
url_to = 'sekolah'; url_to = 'sekolah';
getSelect(id, selector, url_to); getSelect(id, selector, url_to);
} }
}); });
function clear(elementId) { function clear(elementId) {
$('#' + elementId).empty(); $('#' + elementId).empty();
$('#' + elementId).select2(); $('#' + elementId).select2();
} }
function getSelect(id, selectTo, urlTo, selected = "") { function getSelect(id, selectTo, urlTo, selected = "") {
id = id; id = id;
var base_url = "{{url('/')}}"; var base_url = "{{url('/')}}";
//alert(id); //alert(id);
destino = "#" + selectTo; destino = "#" + selectTo;
valor = $('#' + id).find(":selected").val(); valor = $('#' + id).find(":selected").val();
$.ajax({ $.ajax({
method: "POST", method: "POST",
url: base_url + "/get/" + urlTo, url: base_url + "/get/" + urlTo,
xhrFields: { xhrFields: {
withCredentials: true withCredentials: true
}, },
data: { data: {
_token: '{{csrf_token()}}', _token: '{{csrf_token()}}',
id: id id: id
} }
}).done(function(msg) { }).done(function(msg) {
obj = msg.data; obj = msg.data;
if (obj.length > 0) { if (obj.length > 0) {
//Clear the current options //Clear the current options
$(destino).empty(); $(destino).empty();
if(selectTo=='kabupaten'){ if(selectTo=='kabupaten'){
$(destino).append('<option value="">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0"); $(destino).append('<option value="">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0");
$.each(obj, function(index) { $.each(obj, function(index) {
value = obj[index].id; value = obj[index].id;
text = obj[index].name; text = obj[index].name;
$(destino).append('<option value=' + value + '>' + text + '</option>'); $(destino).append('<option value=' + value + '>' + text + '</option>');
});
console.log(selected)
if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
if(selectTo=='kecamatan'){
$(destino).append('<option value="">-PILIH KECAMATAN-</option>').select2("val", "0");
$.each(obj, function(index) {
value = obj[index].id;
text = obj[index].name;
$(destino).append('<option value=' + value + '>' + text + '</option>');
});
console.log(selected)
if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
} else {
if(selectTo=='provinsi'){
$(destino).empty().append('<option value="0">-PILIH PROVINSI-</option>').select2("val", "0");
}
if(selectTo=='kabupaten'){
$(destino).empty().append('<option value="0">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0");
}
if(selectTo=='kecamatan'){
$(destino).empty().append('<option value="0">-PILIH KECAMATAN-</option>').select2("val", "0");
}
}
$('#loading-spinner').hide();
}); });
return false; console.log(selected)
} if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
if(selectTo=='kecamatan'){
$(destino).append('<option value="">-PILIH KECAMATAN-</option>').select2("val", "0");
$.each(obj, function(index) {
value = obj[index].id;
text = obj[index].name;
$(destino).append('<option value=' + value + '>' + text + '</option>');
});
console.log(selected)
if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
} else {
if(selectTo=='provinsi'){
$(destino).empty().append('<option value="0">-PILIH PROVINSI-</option>').select2("val", "0");
}
if(selectTo=='kabupaten'){
$(destino).empty().append('<option value="0">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0");
}
if(selectTo=='kecamatan'){
$(destino).empty().append('<option value="0">-PILIH KECAMATAN-</option>').select2("val", "0");
}
}
$('#loading-spinner').hide();
});
return false;
}
</script> </script>
@endsection @endsection

View File

@ -18,7 +18,7 @@
<div class="col-md-12 mb-2"> <div class="col-md-12 mb-2">
<div class="row"> <div class="row">
@if(session('group_alias') == 'administrator') @if((session('group_alias') == 'administrator') || (session('group_alias') == 'dinas'))
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select name="provinsi" class="form-control select2" id="provinsi"> <select name="provinsi" class="form-control select2" id="provinsi">
@ -170,109 +170,109 @@
return params return params
} }
$('select').on("select2:selecting", function(e) { $('select').on("select2:selecting", function(e) {
var selectorOrigin = this.id; var selectorOrigin = this.id;
var id = e.params.args.data.id; var id = e.params.args.data.id;
if(selectorOrigin=='provinsi'){ if(selectorOrigin=='provinsi'){
$('#loading-spinner').show(); $('#loading-spinner').show();
clear('kabupaten'); clear('kabupaten');
selector = 'kabupaten'; selector = 'kabupaten';
url_to = 'kabupaten'; url_to = 'kabupaten';
getSelect(id, selector, url_to); getSelect(id, selector, url_to);
} }
if(selectorOrigin=='kabupaten'){ if(selectorOrigin=='kabupaten'){
$('#loading-spinner').show(); $('#loading-spinner').show();
clear('kecamatan'); clear('kecamatan');
selector = 'kecamatan'; selector = 'kecamatan';
url_to = 'kecamatan'; url_to = 'kecamatan';
getSelect(id, selector, url_to); getSelect(id, selector, url_to);
} }
if(selectorOrigin=='kecamatan'){ if(selectorOrigin=='kecamatan'){
$('#loading-spinner').show(); $('#loading-spinner').show();
clear('sekolah'); clear('sekolah');
selector = 'sekolah'; selector = 'sekolah';
url_to = 'sekolah'; url_to = 'sekolah';
getSelect(id, selector, url_to); getSelect(id, selector, url_to);
} }
}); });
function clear(elementId) { function clear(elementId) {
$('#' + elementId).empty(); $('#' + elementId).empty();
$('#' + elementId).select2(); $('#' + elementId).select2();
} }
function getSelect(id, selectTo, urlTo, selected = "") { function getSelect(id, selectTo, urlTo, selected = "") {
id = id; id = id;
var base_url = "{{url('/')}}"; var base_url = "{{url('/')}}";
//alert(id); //alert(id);
destino = "#" + selectTo; destino = "#" + selectTo;
valor = $('#' + id).find(":selected").val(); valor = $('#' + id).find(":selected").val();
$.ajax({ $.ajax({
method: "POST", method: "POST",
url: base_url + "/get/" + urlTo, url: base_url + "/get/" + urlTo,
data: { data: {
_token: '{{csrf_token()}}', _token: '{{csrf_token()}}',
id: id id: id
} }
}).done(function(msg) { }).done(function(msg) {
obj = msg.data; obj = msg.data;
if (obj.length > 0) { if (obj.length > 0) {
//Clear the current options //Clear the current options
$(destino).empty(); $(destino).empty();
if(selectTo=='kabupaten'){ if(selectTo=='kabupaten'){
$(destino).append('<option value="">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0"); $(destino).append('<option value="">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0");
$.each(obj, function(index) { $.each(obj, function(index) {
value = obj[index].id; value = obj[index].id;
text = obj[index].name; text = obj[index].name;
$(destino).append('<option value=' + value + '>' + text + '</option>'); $(destino).append('<option value=' + value + '>' + text + '</option>');
});
console.log(selected)
if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
if(selectTo=='kecamatan'){
$(destino).append('<option value="">-PILIH KECAMATAN-</option>').select2("val", "0");
$.each(obj, function(index) {
value = obj[index].id;
text = obj[index].name;
$(destino).append('<option value=' + value + '>' + text + '</option>');
});
console.log(selected)
if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
} else {
if(selectTo=='provinsi'){
$(destino).empty().append('<option value="0">-PILIH PROVINSI-</option>').select2("val", "0");
}
if(selectTo=='kabupaten'){
$(destino).empty().append('<option value="0">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0");
}
if(selectTo=='kecamatan'){
$(destino).empty().append('<option value="0">-PILIH KECAMATAN-</option>').select2("val", "0");
}
}
$('#loading-spinner').hide();
}); });
return false; console.log(selected)
} if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
if(selectTo=='kecamatan'){
$(destino).append('<option value="">-PILIH KECAMATAN-</option>').select2("val", "0");
$.each(obj, function(index) {
value = obj[index].id;
text = obj[index].name;
$(destino).append('<option value=' + value + '>' + text + '</option>');
});
console.log(selected)
if (selected) {
$(destino).val(selected).trigger('change');
selected = "";
}
}
} else {
if(selectTo=='provinsi'){
$(destino).empty().append('<option value="0">-PILIH PROVINSI-</option>').select2("val", "0");
}
if(selectTo=='kabupaten'){
$(destino).empty().append('<option value="0">-PILIH KABUPATEN/KOTA-</option>').select2("val", "0");
}
if(selectTo=='kecamatan'){
$(destino).empty().append('<option value="0">-PILIH KECAMATAN-</option>').select2("val", "0");
}
}
$('#loading-spinner').hide();
});
return false;
}
</script> </script>
@endsection @endsection

View File

@ -14,12 +14,56 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h5 class="mb-4"><i class="fal fa-filter"></i>&nbsp;Filter</h5> <h5 class="mb-4"><i class="fal fa-filter"></i>&nbsp;Filter</h5>
<div class="row"> <div class="row" id="pencarian">
<div class="col-md-12 mb-2">
<div class="row">
@if((session('group_alias') == 'administrator') || (session('group_alias') == 'dinas'))
<div class="col-md-3">
<div class="form-group">
<select name="provinsi" class="form-control select2" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kabupaten" class="form-control select2" id="kabupaten">
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
@else
@if(@$kecamatan)
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
@foreach($kecamatan as $dataKec)
<option value="{{encode_id($dataKec->MsKecamatanId)}}">{{$dataKec->name}}</option>
@endforeach
</select>
</div>
</div>
@endif
@endif
</div>
</div>
<div class="col-md-12 mb-2"> <div class="col-md-12 mb-2">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <select name="tingkat" class="form-control select2">
<option value="">-- PILIH TINGKAT --</option> <option value="">-- PILIH TINGKAT --</option>
<option value="1">SD</option> <option value="1">SD</option>
<option value="2">SMP</option> <option value="2">SMP</option>
@ -37,7 +81,7 @@
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <select name="status_sekolah" class="form-control select2">
<option value="">-- PILIH STATUS --</option> <option value="">-- PILIH STATUS --</option>
<option value="Negeri">Negeri</option> <option value="Negeri">Negeri</option>
<option value="Swasta">Swasta</option> <option value="Swasta">Swasta</option>
@ -46,58 +90,7 @@
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <button id="ok" class="btn btn-success btn-block"><i class="fal fa-search"></i>&nbsp;Cari Data</button>
<option value="">-- PILIH LEVEL --</option>
<option value="1"> LEVEL 1</option>
<option value="2"> LEVEL 2</option>
<option value="3"> LEVEL 3</option>
<option value="4"> LEVEL 4</option>
<option value="5"> LEVEL 5</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select class="form-control select2">
<option value="">-- PILIH JENIS USULAN --</option>
<option value="1">Kab/Kota</option>
<option value="2">Provinsi</option>
<option value="3">Nasional</option>
<option value="4">Mandiri</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<select name="provinsi" class="form-control select2" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kabupaten" class="form-control select2" id="kabupaten">
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<button class="btn btn-success btn-block"><i class="fal fa-search"></i>&nbsp;Cari Data</button>
</div> </div>
</div> </div>
</div> </div>
@ -125,6 +118,7 @@
data-sort-name="ids" data-sort-name="ids"
data-sort-order="desc" data-sort-order="desc"
data-page-size="10" data-page-size="10"
data-query-params="queryParams"
data-id-field="id" data-id-field="id"
id="grid-data"> id="grid-data">
<thead class="bg-primary-light text-primary"> <thead class="bg-primary-light text-primary">
@ -154,9 +148,23 @@
<script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script> <script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script>
<script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script> <script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
<script type="text/javascript"> <script type="text/javascript">
var $table = $('#grid-data');
var $ok = $('#ok');
$('.btn-filter').on('click',function(){ $('.btn-filter').on('click',function(){
$('#filter').toggleClass('d-none'); $('#filter').toggleClass('d-none');
}); });
$(function() {
$ok.click(function() {
$table.bootstrapTable('refresh');
})
});
function queryParams(params) {
$('#pencarian').find('input[name], select').each(function() {
params[$(this).attr('name')] = $(this).val()
})
return params
}
$('select').on("select2:selecting", function(e) { $('select').on("select2:selecting", function(e) {
var selectorOrigin = this.id; var selectorOrigin = this.id;
var id = e.params.args.data.id; var id = e.params.args.data.id;

View File

@ -14,12 +14,56 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h5 class="mb-4"><i class="fal fa-filter"></i>&nbsp;Filter</h5> <h5 class="mb-4"><i class="fal fa-filter"></i>&nbsp;Filter</h5>
<div class="row"> <div class="row" id="pencarian">
<div class="col-md-12 mb-2">
<div class="row">
@if((session('group_alias') == 'administrator') || (session('group_alias') == 'dinas'))
<div class="col-md-3">
<div class="form-group">
<select name="provinsi" class="form-control select2" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kabupaten" class="form-control select2" id="kabupaten">
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
@else
@if(@$kecamatan)
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
@foreach($kecamatan as $dataKec)
<option value="{{encode_id($dataKec->MsKecamatanId)}}">{{$dataKec->name}}</option>
@endforeach
</select>
</div>
</div>
@endif
@endif
</div>
</div>
<div class="col-md-12 mb-2"> <div class="col-md-12 mb-2">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <select name="tingkat" class="form-control select2">
<option value="">-- PILIH TINGKAT --</option> <option value="">-- PILIH TINGKAT --</option>
<option value="1">SD</option> <option value="1">SD</option>
<option value="2">SMP</option> <option value="2">SMP</option>
@ -37,7 +81,7 @@
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <select name="status_sekolah" class="form-control select2">
<option value="">-- PILIH STATUS --</option> <option value="">-- PILIH STATUS --</option>
<option value="Negeri">Negeri</option> <option value="Negeri">Negeri</option>
<option value="Swasta">Swasta</option> <option value="Swasta">Swasta</option>
@ -46,58 +90,7 @@
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"> <div class="form-group">
<select class="form-control select2"> <button id="ok" class="btn btn-success btn-block"><i class="fal fa-search"></i>&nbsp;Cari Data</button>
<option value="">-- PILIH LEVEL --</option>
<option value="1"> LEVEL 1</option>
<option value="2"> LEVEL 2</option>
<option value="3"> LEVEL 3</option>
<option value="4"> LEVEL 4</option>
<option value="5"> LEVEL 5</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select class="form-control select2">
<option value="">-- PILIH JENIS USULAN --</option>
<option value="1">Kab/Kota</option>
<option value="2">Provinsi</option>
<option value="3">Nasional</option>
<option value="4">Mandiri</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<select name="provinsi" class="form-control select2" id="provinsi">
<option value="0">- PILIH PROVINSI -</option>
@foreach($provinsi as $datProv)
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kabupaten" class="form-control select2" id="kabupaten">
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select name="kecamatan" class="form-control select2" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<button class="btn btn-success btn-block"><i class="fal fa-search"></i>&nbsp;Cari Data</button>
</div> </div>
</div> </div>
</div> </div>
@ -126,6 +119,7 @@
data-sort-order="desc" data-sort-order="desc"
data-page-size="10" data-page-size="10"
data-id-field="id" data-id-field="id"
data-query-params="queryParams"
id="grid-data"> id="grid-data">
<thead class="bg-primary-light text-primary"> <thead class="bg-primary-light text-primary">
<tr> <tr>
@ -154,9 +148,23 @@
<script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script> <script src="{{asset('assets/js/datagrid/datatables/datatables.bundle.js')}}"></script>
<script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script> <script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
<script type="text/javascript"> <script type="text/javascript">
var $table = $('#grid-data');
var $ok = $('#ok');
$('.btn-filter').on('click',function(){ $('.btn-filter').on('click',function(){
$('#filter').toggleClass('d-none'); $('#filter').toggleClass('d-none');
}); });
$(function() {
$ok.click(function() {
$table.bootstrapTable('refresh');
})
});
function queryParams(params) {
$('#pencarian').find('input[name], select').each(function() {
params[$(this).attr('name')] = $(this).val()
})
return params
}
$('select').on("select2:selecting", function(e) { $('select').on("select2:selecting", function(e) {
var selectorOrigin = this.id; var selectorOrigin = this.id;
var id = e.params.args.data.id; var id = e.params.args.data.id;