resto-dhepot/resources/views/pages/admin/jenis_menu/js.blade.php

126 lines
4.8 KiB
PHP

@push('scripts')
<script src="{{ asset('assets/datatables/datatables.min.js') }}"></script>
<script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('assets/plugins/toastr/toastr.min.js') }}"></script>
<script>
$(document).ready(function() {
$('#tabelku').DataTable({
processing: true,
serverSide: true,
ajax: "{{ route('jenis-menu.getDataMenu') }}",
columns: [{
data: 'nomor',
name: 'nomor',
orderable: true,
className: 'text-center'
},
{
data: 'kode_kelompok_kategori',
name: 'kode_kelompok_kategori'
},
{
data: 'nama_kelompok_kategori',
name: 'nama_kelompok_kategori'
},
{
data: 'kategori_produk',
name: 'kategori_produk'
},
{
data: 'ubah',
name: 'ubah',
className: 'text-center'
},
]
})
})
</script>
<script>
$('.select2').select2();
function saveMenu() {
document.getElementById('btn-simpan-jenis-menu').disabled = true;
document.getElementById('btn-simpan-jenis-menu').innerText = "Loading...";
var url = $('#formJenisMenu').data('url');
var method = $('#formJenisMenu').data('method');
var data = {
_token: "{{ csrf_token() }}",
kategori_produk: $('#kategori_produk').val(),
kode_kelompok_kategori: $('#kode_kelompok_kategori').val(),
nama_kelompok_kategori: $('#nama_kelompok_kategori').val(),
};
$.ajax({
url: url,
method: method,
data: data,
success: function(result) {
if (result.errors) {
toastr.error(result.errors, 'Gagal', {
timeOut: 2000
});
document.getElementById('btn-simpan-jenis-menu').disabled = false;
document.getElementById('btn-simpan-jenis-menu').innerText = "Simpan";
} else {
toastr.success(result.message, 'Berhasil', {
timeOut: 2000
});
$('#modal-produk').modal('hide');
$('#formJenisMenu')[0].reset();
document.getElementById('btn-simpan-jenis-menu').disabled = false;
document.getElementById('btn-simpan-jenis-menu').innerText = "Simpan";
// console.log(result);
setTimeout(function() {
window.location.reload(1);
}, 1000);
}
},
error: function(xhr, status, error) {
toastr.error(xhr.responseJSON.message, 'Error', {
timeOut: 3000
});
document.getElementById('btn-simpan-jenis-menu').disabled = false;
document.getElementById('btn-simpan-jenis-menu').innerText = "Simpan";
}
});
}
function tambahJenisMenu() {
$('#formJenisMenu')[0].reset();
$('#kategori_produk').val('').trigger('change');
$('#modal-produk').modal('show');
$('#title-form-menu').text("Tambah Jenis Menu");
let formJenisMenu = document.getElementById('formJenisMenu');
formJenisMenu.setAttribute('data-url', "{{ route('jenis-menu.store') }}"); // Setting URL or Route
formJenisMenu.setAttribute('data-method', "post");
}
function editJenisMenu(id) {
$('#modal-produk').modal('show');
$('#title-form-menu').text("Ubah Jenis Menu");
let formJenisMenu = document.getElementById('formJenisMenu');
formJenisMenu.setAttribute('data-url', "{{ route('jenis-menu.update', '') }}/" + id); // Setting URL or Route
formJenisMenu.setAttribute('data-method', "put");
$.ajax({
url: "{{ route('jenis-menu.show', '') }}/" + id,
method: "GET",
success: function(response) {
console.log(response);
$('#kategori_produk').val(response.kategori_produk_id).trigger('change');
$('#kode_kelompok_kategori').val(response.kode_kelompok_kategori);
$('#nama_kelompok_kategori').val(response.nama_kelompok_kategori);
},
error: function(xhr, status, error) {
toastr.error(xhr.responseJSON.message, 'Error', {
timeOut: 3000
});
}
})
}
</script>
@endpush