Untitled

 avatar
unknown
javascript
a year ago
5.4 kB
6
Indexable
 $('#edit-fakultas-select').select2({
            placeholder: "--Pilih Fakultas--",
            allowClear: true,
            dropdownParent: $('#edit_mata_kuliah_modal'),
            ajax: {
                url: "{{ route('fakultas.getAllFakultas') }}",
                type: "GET",
                dataType: 'json',
                data: function(params) {
                    console.log(params)
                    return {
                        search: params.term
                    }
                },
                processResults: function(data) {
                    return {
                        results: $.map(data.data, function(item) {
                            return {
                                text: item.nama_fakultas,
                                id: item.id
                            }
                        })
                    }
                },
                cache: true
            }
        })

        $('#edit-prodi-select').select2({
            placeholder: "--Pilih Prodi--",
            allowClear: true,
            dropdownParent: $('#edit_mata_kuliah_modal'),
            ajax: {
                url: "{{ route('prodi.getAllProdi') }}",
                type: "GET",
                dataType: 'json',
                data: function(params) {
                    var fakultas = $('#edit-fakultas-select').val();
                    console.log(fakultas)
                    return {
                        search: params.term,
                        fakultas: fakultas
                    }
                },
                processResults: function(data) {
                    if ($('#edit-fakultas-select').val() == null) {
                        // jika fakultas belum dipilih, maka tidak akan menampilkan data prodi
                        return {
                            results: []
                        }
                    } else {
                        return {
                            results: $.map(data.data, function(item) {
                                return {
                                    text: item.nama_prodi,
                                    id: item.id
                                }
                            })
                        }
                    }
                },
                cache: true
            }
        })

        $('#edit_form').on('submit', function(e) {
            e.preventDefault();
            var form = $(this);
            var url = form.attr('action');
            var type = form.attr('method');
            var data = form.serialize();

            $.ajax({
                url: url,
                type: type,
                data: data,
                dataType: 'json',
                beforeSend: function() {
                    $('#add_mata_kuliah_modal_form').find('button[type="submit"]').addClass('btn-loading');
                },
                success: function(response) {
                    // kembalikan tombol submit seperti semula
                    $('#add_mata_kuliah_modal_form').find('button[type="submit"]').removeClass('btn-loading');
                    if (response.success) {
                        // reset modal
                        $('#add_mata_kuliah_modal_form')[0].reset();
                        $('#add_mata_kuliah_modal').modal('hide');

                        window.location.reload();
                    } else {
                        $('#modal-danger').modal('show');
                        $('#modal-danger').find('#message').html(response.message);
                    }
                }
            })
        })

        $('.edit_mata_kuliah').on('click', function(e) {
            e.preventDefault();
            var id = $(this).data('id');
            console.log(id)
            $.ajax({
                url: "{{ route('mata_kuliah.show', '') }}/" + id,
                type: 'GET',
                dataType: 'json',
                success: function(response) {
                    if (response.success) {
                        $('#edit_mata_kuliah_modal').modal('show');
                        $('#edit_mata_kuliah_modal').find('#id').val(response.data.id);
                        $('#edit_mata_kuliah_modal').find('#kode_mk').val(response.data.kode_mk);
                        $('#edit_mata_kuliah_modal').find('#nama_mk').val(response.data.nama_mk);
                        $('#edit_mata_kuliah_modal').find('#sks').val(response.data.sks);

                        var fakultas_id = response.data.prodi.fakultas.id;
                        var fakultas_text = response.data.prodi.fakultas.nama_fakultas;
                        var prodi_id = response.data.prodi.id;
                        var prodi_text = response.data.prodi.nama_prodi;

                        var newOption = new Option(fakultas_text, fakultas_id, false, false);
                        $('#edit-fakultas-select').append(newOption).trigger('change');

                        var newOption = new Option(prodi_text, prodi_id, false, false);
                        $('#edit-prodi-select').append(newOption).trigger('change');


                    } else {
                        $('#modal-danger').modal('show');
                        $('#modal-danger').find('#message').html(response.message);
                    }
                }
            })
        })
Editor is loading...
Leave a Comment