294 lines
15 KiB
PHP
294 lines
15 KiB
PHP
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_kotor">Kode Rekening</label>
|
|
<select id="id_sps" name="id_sps" style="width:100%" class="form-control sps_search"></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="jenis">Jenis Dana</label>
|
|
<select id="jenis_dana" name="jenis_dana" class="form-control form-control-sm jenis_dana" required>
|
|
@php foreach (getJenisDana() as $jenisDana) { @endphp
|
|
<option value="{{ $jenisDana }}">{{ $jenisDana }}</option>
|
|
@php } @endphp
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="jenis">Sub Jenis Dana</label>
|
|
<select id="sub_jenis_dana" name="sub_jenis_dana" class="form-control sub_jenis_dana" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="jenis">Jenis Belanja</label>
|
|
<select id="jenis" name="jenis" class="form-control jenis_belanja_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sub_jenis">Sub Jenis Belanja</label>
|
|
<select id="sub_jenis" name="sub_jenis" class="form-control sub_jenis_belanja_search"></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="prog">Program</label>
|
|
<select name="prog" class="form-control prog_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="skpd">SKPD</label>
|
|
<select name="skpd" class="form-control skpd_search" required></select>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="keg">Kegiatan</label>
|
|
<select name="keg" class="form-control keg_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Sub Kegiatan</label>
|
|
<select name="sk" class="form-control sk_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="rsk">Rinci Sub Kegiatan</label>
|
|
<select name="rsk" class="form-control rsk_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="anggaran">Anggaran</label>
|
|
<input type="text" class="form-control form-control-sm number-separator-indo" name="anggaran">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="anggaran">Alokasi Anggaran</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="alokasi_anggaran" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Volume</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="vol" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Unit</label>
|
|
<select id="unit" name="unit" class="form-control form-control-sm" required placeholder="Unit Realisasi">
|
|
<?php foreach ($unitSatuan as $satuan) { ?>
|
|
<option value="{{ $satuan->nama_satuan }}">{{ $satuan->nama_satuan }}</option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
<div id="div_jml_rencana_kontrak" class="form-group" style="display: none;">
|
|
<label class="col-form-label label-align" for="sk">Jumlah Rencana Kontrak</label>
|
|
<input type="number" class="form-control form-control-sm" name="jml_rencana_kontrak" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="divDAU" class="mb-3 p-3" style="background: whitesmoke; border:1px solid #dfdfdf; display:none; ">
|
|
<h5>RINCIAN PELAPORAN PERSYARATAN SALUR DAU</h5>
|
|
<hr>
|
|
<div id="div-rinci-dau">
|
|
<div class="data-dau row">
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Sumber Dana Anggaran DAU </label>
|
|
<select class="form-control form-control-sm" id="periode_anggaran" name="dau[periode_anggaran][]">
|
|
<option value="DAU Tahun Berjalan" name="dau[periode_anggaran][]">DAU Tahun Berjalan</option>
|
|
<option value="Sisa DAU Tahun Sebelumnya" name="dau[periode_anggaran][]">Sisa DAU Tahun
|
|
Sebelumnya</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Jenis Output (Berdasarkan PMK)</label>
|
|
<select name="dau[deskripsi][]" class="form-control rinci_dau" required></select>
|
|
<input name="dau[deskripsi_name][]" class="txt_rinci_dau" type="hidden">
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Anggaran</label>
|
|
<input type="text" class="form-control form-control-sm number-separator-indo anggaran-dau"
|
|
name="dau[anggaran][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Volume</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="dau[volume][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Unit</label>
|
|
<input class="form-control form-control-sm dau-satuan" name="dau[unit][]" readonly required
|
|
placeholder="Unit Realisasi">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button id="btnAddRinciDAU" type="button" class="btn btn-primary"><i class="fa fa-plus"></i> Tambah Rincian</button>
|
|
</div>
|
|
{{-- <button id="btn_save_realisasi_pendapatan" type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i>
|
|
Simpan</button> --}}
|
|
|
|
@section('scripts')
|
|
<script type="text/javascript">
|
|
var cekInputKontrak = (dat) => {
|
|
if (dat == "Fisik") {
|
|
$("#div_jml_rencana_kontrak").show();
|
|
$("input[name=jml_rencana_kontrak]").prop("required", true);
|
|
} else {
|
|
$("#div_jml_rencana_kontrak").hide();
|
|
$("input[name=jml_rencana_kontrak]").val(0);
|
|
$("input[name=jml_rencana_kontrak]").prop("required", false);
|
|
}
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
|
|
$("#divDAU").hide();
|
|
$("#divDAU input, #divDAU select").prop("disabled", true);
|
|
$("#periode_anggaran").prop("disabled", true);
|
|
|
|
|
|
$('select[name=jenis]').on('select2:select', function (e) {
|
|
var data = e.params.data;
|
|
subJenisBelanja(data.id);
|
|
})
|
|
|
|
$('select[name=jenis_dana]').on('change', function (e) {
|
|
$("#sub_jenis_dana").val('').trigger('change');
|
|
$("#jenis").val('').trigger('change');
|
|
$("#sub_jenis").val('').trigger('change');
|
|
subJenisDana($(this).val());
|
|
jenisBelanja($(this).val());
|
|
$("input[name=alokasi_anggaran]").prop("disabled", false);
|
|
$("input[name=vol]").prop("disabled", false);
|
|
$("select[name=unit]").prop("disabled", false);
|
|
$("select[name=periode_anggaran]").prop("disabled", false);
|
|
$("#divDAU").hide();
|
|
$("#divDAU input").prop("disabled", true);
|
|
if ($(this).val() == "DAU") {
|
|
$("#divDAU").show();
|
|
$("input[name=alokasi_anggaran]").prop("disabled", true);
|
|
$("input[name=vol]").prop("disabled", true);
|
|
$("select[name=unit]").prop("disabled", true);
|
|
$("#divDAU input, #divDAU select").prop("disabled", false);
|
|
$("select[name=periode_anggaran]").prop("disabled", false);
|
|
}
|
|
})
|
|
|
|
$('select[name=sub_jenis_dana]').on('select2:select', function (e) {
|
|
let data = e.params.data;
|
|
cekInputKontrak(data.text);
|
|
})
|
|
|
|
$("#btnAddRinciDAU").on("click", () => {
|
|
// $("#div-rinci-dau").append(
|
|
const rowHtml = `
|
|
<div class="data-dau row">
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Sumber Dana Anggaran DAU</label>
|
|
<select class="form-control form-control-sm" name="dau[periode_anggaran][]">
|
|
<option value="DAU Tahun Berjalan" name="dau[periode_anggaran][]">DAU Tahun Berjalan</option>
|
|
<option value="Sisa DAU Tahun Sebelumnya" name="dau[periode_anggaran][]">Sisa DAU Tahun Sebelumnya</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Jenis Output (Berdasarkan PMK)</label>
|
|
<select name="dau[deskripsi][]" class="form-control rinci_dau" required></select>
|
|
<input class="txt_rinci_dau" name="dau[deskripsi_name][]" type="hidden">
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Anggaran</label>
|
|
<input type="text" class="form-control form-control-sm number-separator-indo anggaran-dau" name="dau[anggaran][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Volume</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="dau[volume][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Unit</label>
|
|
<input class="form-control form-control-sm dau-satuan" name="dau[unit][]" readonly required placeholder="Unit Realisasi">
|
|
</div>
|
|
<div class="col-1 align-self-center">
|
|
<button type="button" class="btn btn-danger hapusRinciDau mt-3">x</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
const $newRow = $(rowHtml);
|
|
$("#div-rinci-dau").append($newRow);
|
|
|
|
populateJenisOutput($newRow.find('.rinci_dau'));
|
|
dauRinci();
|
|
});
|
|
|
|
$('#sub_jenis_dana').on('change', function () {
|
|
// Find every generated row's dropdown and update them all
|
|
$('.rinci_dau').each(function () {
|
|
populateJenisOutput($(this));
|
|
});
|
|
});
|
|
|
|
$(document).on("click", ".hapusRinciDau", function () {
|
|
$(this).closest(".data-dau").remove()
|
|
})
|
|
|
|
$(document).on('select2:select', '.rinci_dau', function (e) {
|
|
let data = e.params.data;
|
|
let idx = $(".rinci_dau").index($(this));
|
|
$($(".txt_rinci_dau")[idx]).val(data.text);
|
|
$.ajax({
|
|
url: "{{ url("/item-search-dau-rinci-detail") }}",
|
|
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
|
|
type: "json",
|
|
method: "POST",
|
|
data: {
|
|
'id': data.id
|
|
},
|
|
success: function (datax) {
|
|
$($(".dau-satuan")[idx]).val(datax.satuan);
|
|
}
|
|
})
|
|
})
|
|
|
|
});
|
|
|
|
function populateJenisOutput($targetDropdown) {
|
|
let subJenisDana = $("#sub_jenis_dana").val();
|
|
// let searchGroup = "DAU";
|
|
$targetDropdown.empty().append('<option value="">Pilih Deskripsi</option>');
|
|
|
|
if (!subJenisDana) return;
|
|
|
|
$.ajax({
|
|
url: "{{ url("/item-search-dau-rinci-detail") }}",
|
|
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
|
|
type: "json",
|
|
method: "POST",
|
|
data: {
|
|
'sub_jenis_dana': subJenisDana
|
|
},
|
|
success: function (data) {
|
|
data.forEach(function (item) {
|
|
$targetDropdown.append('<option value="' + item.id + '">' + item.deskripsi + '</option>');
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
var cekInputDAU = function () {
|
|
if ($("#jenis_dana").val() == "DAU") {
|
|
let jmlAnggaran = 0;
|
|
for (let x = 0; x < $(".anggaran-dau").length; x++) {
|
|
jmlAnggaran += parseFloat(replaceValue($($(".anggaran-dau")[x]).val()));
|
|
}
|
|
|
|
if (jmlAnggaran != parseFloat(replaceValue($("input[name=anggaran]").val()))) {
|
|
Swal.fire("Info", "Jumlah Anggaran yang diinput tidak sesuai!", "error")
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
</script>
|
|
@endsection
|