64 lines
2.1 KiB
JavaScript
64 lines
2.1 KiB
JavaScript
let filterState = {};
|
|
$(document).ready(function(){
|
|
const jenisMenuAwal = $("#tabJenisMenu .nav-link.active").data("filter")
|
|
filterState ={
|
|
jenis_menu: jenisMenuAwal,
|
|
search:'',
|
|
per_page: 50,
|
|
}
|
|
|
|
fetchMenu(filterState)
|
|
|
|
$('#tabJenisMenu .nav-link').on('click', function(e){
|
|
e.preventDefault();
|
|
const jenis = $(this).data('filter')
|
|
$('#tabJenisMenu .nav-link').removeClass('active text-success').addClass('text-black');
|
|
|
|
$(this).closest('.nav-link').removeClass('text-black').addClass('active text-success');
|
|
|
|
datePicker.clear();
|
|
document.getElementById('tanggalTerpilihLabel').classList.add('d-none'); // Sembunyikan label
|
|
document.getElementById('tanggalTerpilihLabel').textContent = '';
|
|
document.getElementById('resetTanggal').classList.add('d-none');
|
|
filterState.jenis_menu = jenis
|
|
fetchMenu(filterState)
|
|
})
|
|
$(".alert-link").on('click', function(e){
|
|
e.preventDefault();
|
|
$('#tabJenisMenu .nav-link').removeClass('active text-success').addClass('text-black');
|
|
$('#tabJenisMenu .nav-link[data-filter="konsultasi" ]').removeClass('text-black').addClass('active text-success');
|
|
|
|
if (typeof datePicker !== 'undefined') {
|
|
datePicker.clear();
|
|
}
|
|
|
|
filterState.jenis_menu = 'konsultasi';
|
|
|
|
document.getElementById('tanggalTerpilihLabel').classList.add('d-none'); // Sembunyikan label
|
|
document.getElementById('tanggalTerpilihLabel').textContent = '';
|
|
document.getElementById('resetTanggal').classList.add('d-none');
|
|
|
|
fetchMenu(filterState);
|
|
})
|
|
|
|
let searchTimout;
|
|
$('#searchMenu').on('input', function(){
|
|
clearTimeout(searchTimout);
|
|
const keyword = $(this).val();
|
|
|
|
searchTimout = setTimeout(() => {
|
|
filterState.search = keyword;
|
|
fetchMenu(filterState)
|
|
}, 300)
|
|
})
|
|
|
|
|
|
})
|
|
|
|
function changePerPage(select) {
|
|
const newPerPage = parseInt(select.value);
|
|
filterState.per_page = newPerPage
|
|
fetchMenu(filterState)
|
|
}
|
|
|