This commit is contained in:
2026-07-22 14:39:10 +07:00
10 changed files with 284 additions and 46 deletions
@@ -940,7 +940,7 @@
showConfirmButton: false,
timer: 1500
}).then(() => {
window.location.href = "{{ route('petani.lahan-tanaman.index', ['petani' => $petani->id]) }}";
window.location.href = res.redirect || window.location.href;
});
},
error: function(xhr) {
@@ -977,4 +977,4 @@
});
});
</script>
@endpush
@endpush
@@ -1018,7 +1018,7 @@
showConfirmButton: false,
timer: 1500
}).then(() => {
window.location.href = "{{ route('petani.lahan-tanaman.index', ['petani' => $petani->id]) }}";
window.location.href = res.redirect || window.location.href;
});
},
error: function(xhr) {
@@ -1082,4 +1082,4 @@
initKomoditas();
});
</script>
@endpush
@endpush
@@ -29,6 +29,11 @@
white-space: nowrap !important;
line-height: 1.5 !important;
}
#section-pelatihan,
#section-sertifikasi {
scroll-margin-top: 96px;
}
</style>
@endpush
@@ -51,7 +56,7 @@
<div class="col-md-12">
@include('produktivitas.petani.header', ['petani' => $petani])
<div class="card mb-6">
<div class="card mb-6" id="section-pelatihan">
<div class="card-body pt-12">
<h5 class="pb-4 border-bottom mb-4">
Riwayat Pelatihan
@@ -83,6 +88,7 @@
class="delete-db-form">
@csrf
@method('DELETE')
<input type="hidden" name="redirect_fragment" value="section-pelatihan">
<button type="submit" class="btn btn-outline-danger">
<i class="icon-base ti tabler-trash icon-sm"></i>
@@ -101,6 +107,7 @@
action="{{ route('petani.pendidikan-pelatihan.pelatihan.store', $petani->id) }}"
class="form-repeater-pelatihan">
@csrf
<input type="hidden" name="redirect_fragment" value="section-sertifikasi">
<div data-repeater-list="riwayat_pelatihan">
<div data-repeater-item>
@@ -170,7 +177,7 @@
</div>
{{-- SERTIFIKASI KEAHLIAN --}}
<div class="card mb-6">
<div class="card mb-6" id="section-sertifikasi">
<div class="card-body pt-12">
<h5 class="pb-4 border-bottom mb-4">
Sertifikasi Keahlian
@@ -231,9 +238,10 @@
<form
method="POST"
action="{{ route('petani.pendidikan-pelatihan.sertifikasi.destroy', [$petani->id, $row->id]) }}"
class="delete-db-form">
class="delete-db-form">
@csrf
@method('DELETE')
<input type="hidden" name="redirect_fragment" value="section-sertifikasi">
<button type="submit" class="btn btn-outline-danger">
<i class="icon-base ti tabler-trash icon-sm"></i>
@@ -252,6 +260,7 @@
action="{{ route('petani.pendidikan-pelatihan.sertifikasi.store', $petani->id) }}"
class="form-repeater-sertifikasi">
@csrf
<input type="hidden" name="redirect_fragment" value="section-sertifikasi">
<div data-repeater-list="sertifikasi">
<div data-repeater-item>
@@ -536,4 +545,4 @@ $(function () {
});
});
</script>
@endpush
@endpush
@@ -517,6 +517,57 @@
$(document).ready(function () {
$('#tenaga-kerja, #frekuensi-pemangkasan-komoditas-utama, #frekuensi-pemangkasan-pohon-penaung, #penyerbukan-manual, #pemberian-pupuk, #jenis-pupuk').select2();
function syncTeknikPemangkasanState() {
const tidakPernahMemangkas = $('#frekuensi-pemangkasan-komoditas-utama').val() === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
const $teknikInputs = $('input[name="teknik_pemangkasan[]"]');
const $lainnyaInput = $('#input-teknik-pemangkasan-lainnya');
$teknikInputs
.prop('disabled', tidakPernahMemangkas)
.closest('.form-check')
.toggleClass('opacity-50', tidakPernahMemangkas);
if (tidakPernahMemangkas) {
$teknikInputs.prop('checked', false);
$lainnyaInput.val('');
}
$lainnyaInput.prop('disabled', tidakPernahMemangkas || !$('#teknik-pemangkasan-lainnya').is(':checked'));
}
$('#frekuensi-pemangkasan-komoditas-utama, #teknik-pemangkasan-lainnya').on('change select2:select select2:clear', syncTeknikPemangkasanState);
syncTeknikPemangkasanState();
function syncPemupukanState() {
const tidakPernahMemberiPupuk = $('#pemberian-pupuk').val() === '{{ \App\Enums\PraktikBudidaya\PemberianPupuk::TIDAK_PERNAH->value }}';
const $pemupukanFields = $(
'#jenis-pupuk, ' +
'input[name="frekuensi_pemupukan"], #input-frekuensi-pemupukan-lainnya, ' +
'#estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, ' +
'input[name="waktu_pemberian_pupuk"], #input-waktu-pemberian-pupuk-lainnya, ' +
'input[name="cara_pemberian_pupuk"], #input-cara-pemberian-pupuk-lainnya'
);
$pemupukanFields
.prop('disabled', tidakPernahMemberiPupuk)
.closest('.form-check, .form-control-validation')
.toggleClass('opacity-50', tidakPernahMemberiPupuk);
if (tidakPernahMemberiPupuk) {
$('#jenis-pupuk').val('').trigger('change.select2');
$('input[name="frekuensi_pemupukan"], input[name="waktu_pemberian_pupuk"], input[name="cara_pemberian_pupuk"]').prop('checked', false);
$('#input-frekuensi-pemupukan-lainnya, #estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, #input-waktu-pemberian-pupuk-lainnya, #input-cara-pemberian-pupuk-lainnya').val('');
} else {
$('#input-frekuensi-pemupukan-lainnya').prop('disabled', !$('input[data-target="#input-frekuensi-pemupukan-lainnya"]').is(':checked'));
$('#input-waktu-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-waktu-pemberian-pupuk-lainnya"]').is(':checked'));
$('#input-cara-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-cara-pemberian-pupuk-lainnya"]').is(':checked'));
}
}
$('#pemberian-pupuk').on('change select2:select select2:clear', syncPemupukanState);
syncPemupukanState();
setTimeout(syncPemupukanState, 0);
const $switch = $('input[name="disimpan_untuk_diri_sendiri"]');
const $text = $('#switch-text');
@@ -636,6 +687,35 @@
trigger.addEventListener('change', toggleInput);
toggleInput();
});
const frekuensiPemangkasan = document.getElementById('frekuensi-pemangkasan-komoditas-utama');
const teknikPemangkasanInputs = document.querySelectorAll('input[name="teknik_pemangkasan[]"]');
const teknikPemangkasanLainnya = document.getElementById('input-teknik-pemangkasan-lainnya');
function toggleTeknikPemangkasan() {
const tidakPernahMemangkas = frekuensiPemangkasan && frekuensiPemangkasan.value === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
teknikPemangkasanInputs.forEach(function (input) {
input.disabled = tidakPernahMemangkas;
input.closest('.form-check')?.classList.toggle('opacity-50', tidakPernahMemangkas);
if (tidakPernahMemangkas) {
input.checked = false;
}
});
if (teknikPemangkasanLainnya) {
teknikPemangkasanLainnya.disabled = tidakPernahMemangkas || !document.getElementById('teknik-pemangkasan-lainnya')?.checked;
if (tidakPernahMemangkas) {
teknikPemangkasanLainnya.value = '';
}
}
}
frekuensiPemangkasan?.addEventListener('change', toggleTeknikPemangkasan);
document.getElementById('teknik-pemangkasan-lainnya')?.addEventListener('change', toggleTeknikPemangkasan);
toggleTeknikPemangkasan();
});
</script>
@endpush
@endpush
@@ -39,7 +39,8 @@
<form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
@csrf
@method('PUT')
<div class="card mb-6">
<input type="hidden" name="redirect_fragment" value="section-opt">
<div class="card mb-6" id="section-praktik-pemupukan">
<div class="card-body pt-12">
<h5 class="pb-4 border-bottom mb-4">Persiapan Lahan & Tanaman</h5>
<div class="row">
@@ -541,8 +542,9 @@
<form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
@csrf
@method('PUT')
<input type="hidden" name="redirect_fragment" value="section-biaya-produksi">
<div class="card mb-6">
<div class="card mb-6" id="section-opt">
<div class="card-body pt-12">
<!-- INFORMASI PETANI -->
<h5 class="pb-4 border-bottom mb-4">Pengendalian Organisme Pengganggu Tumbuhan (OPT)</h5>
@@ -1048,7 +1050,8 @@
<form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
@csrf
@method('PUT')
<div class="card mb-6">
<input type="hidden" name="redirect_fragment" value="section-penanganan-panen">
<div class="card mb-6" id="section-biaya-produksi">
<div class="card-body pt-12">
<h5 class="pb-4 border-bottom mb-4">Struktur Biaya Produksi Permusim</h5>
<div class="row">
@@ -1360,7 +1363,8 @@
<form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
@csrf
@method('PUT')
<div class="card mb-6">
<input type="hidden" name="redirect_fragment" value="section-produktivitas">
<div class="card mb-6" id="section-penanganan-panen">
<div class="card-body pt-12">
<h5 class="pb-4 border-bottom mb-4">Penanganan Awal Setelah Panen</h5>
<div class="row">
@@ -1546,7 +1550,7 @@
</div>
</div>
</form>
<div class="card mb-6">
<div class="card mb-6" id="section-produktivitas">
<div class="card-body pt-12">
<h5 class="pb-4 border-bottom mb-4">
Produktivitas Rata-rata 3 Musim Panen Terakhir per Komoditas
@@ -1579,6 +1583,7 @@
<form method="POST" action="{{ route('petani.survey-produktivitas.destroy', [$petani->id, $row->id]) }}">
@csrf
@method('DELETE')
<input type="hidden" name="redirect_fragment" value="section-produktivitas">
<button type="submit" class="btn btn-outline-danger">
<i class="icon-base ti tabler-trash icon-sm"></i>
</button>
@@ -1593,6 +1598,7 @@
action="{{ route('petani.survey-produktivitas.store', $petani->id) }}"
class="form-repeater">
@csrf
<input type="hidden" name="redirect_fragment" value="section-kehilangan-hasil">
<div data-repeater-list="produktivitas_komoditas">
<div data-repeater-item>
@@ -1657,7 +1663,8 @@
<form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
@csrf
@method('PUT')
<div class="card mb-6">
<input type="hidden" name="redirect_fragment" value="section-kehilangan-hasil">
<div class="card mb-6" id="section-kehilangan-hasil">
<div class="card-body pt-12">
<h5 class="pb-4 border-bottom mb-4">Kehilangan Hasil Akibat Organisme Pengganggu Tumbuhan (OPT)</h5>
<div class="row">
@@ -1706,12 +1713,76 @@
</div>
@endsection
@push('scripts-head')
<style>
#section-praktik-pemupukan,
#section-opt,
#section-biaya-produksi,
#section-penanganan-panen,
#section-produktivitas,
#section-kehilangan-hasil {
scroll-margin-top: 96px;
}
</style>
@endpush
@push('scripts')
<script>
'use strict';
$(document).ready(function () {
$('#tenaga-kerja, #frekuensi-pemangkasan-komoditas-utama, #frekuensi-pemangkasan-pohon-penaung, #penyerbukan-manual, #pemberian-pupuk, #jenis-pupuk, #metode-penanganan-hama-penyakit, #intensitas-serangan, #waktu-kemunculan-terparah, #frekuensi-sanitasi-lahan, #penanganan-sisa-buah-ranting, #penanganan-gulma, #kondisi-pengelolaan-air-irigasi, #kebutuhan-air-permusim, #pemahaman-manfaat-konservasi, #dasar-penentuan-panen, #praktik-sortasi, #bentuk-sortasi, #estimasi-kehilangan-akibat-opt, #tingkat-reject, #tindakan-hasil-reject, #estimasi-kehilangan-akibat-hama, #komoditas-id').select2();
function syncTeknikPemangkasanState() {
const tidakPernahMemangkas = $('#frekuensi-pemangkasan-komoditas-utama').val() === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
const $teknikInputs = $('input[name="teknik_pemangkasan[]"]');
const $lainnyaInput = $('#input-teknik-pemangkasan-lainnya');
$teknikInputs
.prop('disabled', tidakPernahMemangkas)
.closest('.form-check')
.toggleClass('opacity-50', tidakPernahMemangkas);
if (tidakPernahMemangkas) {
$teknikInputs.prop('checked', false);
$lainnyaInput.val('');
}
$lainnyaInput.prop('disabled', tidakPernahMemangkas || !$('#teknik-pemangkasan-lainnya').is(':checked'));
}
$('#frekuensi-pemangkasan-komoditas-utama, #teknik-pemangkasan-lainnya').on('change select2:select select2:clear', syncTeknikPemangkasanState);
syncTeknikPemangkasanState();
function syncPemupukanState() {
const tidakPernahMemberiPupuk = $('#pemberian-pupuk').val() === '{{ \App\Enums\PraktikBudidaya\PemberianPupuk::TIDAK_PERNAH->value }}';
const $pemupukanFields = $(
'#jenis-pupuk, ' +
'input[name="frekuensi_pemupukan"], #input-frekuensi-pemupukan-lainnya, ' +
'#estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, ' +
'input[name="waktu_pemberian_pupuk"], #input-waktu-pemberian-pupuk-lainnya, ' +
'input[name="cara_pemberian_pupuk"], #input-cara-pemberian-pupuk-lainnya'
);
$pemupukanFields
.prop('disabled', tidakPernahMemberiPupuk)
.closest('.form-check, .form-control-validation')
.toggleClass('opacity-50', tidakPernahMemberiPupuk);
if (tidakPernahMemberiPupuk) {
$('#jenis-pupuk').val('').trigger('change.select2');
$('input[name="frekuensi_pemupukan"], input[name="waktu_pemberian_pupuk"], input[name="cara_pemberian_pupuk"]').prop('checked', false);
$('#input-frekuensi-pemupukan-lainnya, #estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, #input-waktu-pemberian-pupuk-lainnya, #input-cara-pemberian-pupuk-lainnya').val('');
} else {
$('#input-frekuensi-pemupukan-lainnya').prop('disabled', !$('input[data-target="#input-frekuensi-pemupukan-lainnya"]').is(':checked'));
$('#input-waktu-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-waktu-pemberian-pupuk-lainnya"]').is(':checked'));
$('#input-cara-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-cara-pemberian-pupuk-lainnya"]').is(':checked'));
}
}
$('#pemberian-pupuk').on('change select2:select select2:clear', syncPemupukanState);
syncPemupukanState();
setTimeout(syncPemupukanState, 0);
const $switch = $('input[name="disimpan_untuk_diri_sendiri"]');
const $text = $('#switch-text');
@@ -1822,6 +1893,35 @@
toggleInput();
});
const frekuensiPemangkasan = document.getElementById('frekuensi-pemangkasan-komoditas-utama');
const teknikPemangkasanInputs = document.querySelectorAll('input[name="teknik_pemangkasan[]"]');
const teknikPemangkasanLainnya = document.getElementById('input-teknik-pemangkasan-lainnya');
function toggleTeknikPemangkasan() {
const tidakPernahMemangkas = frekuensiPemangkasan && frekuensiPemangkasan.value === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
teknikPemangkasanInputs.forEach(function (input) {
input.disabled = tidakPernahMemangkas;
input.closest('.form-check')?.classList.toggle('opacity-50', tidakPernahMemangkas);
if (tidakPernahMemangkas) {
input.checked = false;
}
});
if (teknikPemangkasanLainnya) {
teknikPemangkasanLainnya.disabled = tidakPernahMemangkas || !document.getElementById('teknik-pemangkasan-lainnya')?.checked;
if (tidakPernahMemangkas) {
teknikPemangkasanLainnya.value = '';
}
}
}
frekuensiPemangkasan?.addEventListener('change', toggleTeknikPemangkasan);
document.getElementById('teknik-pemangkasan-lainnya')?.addEventListener('change', toggleTeknikPemangkasan);
toggleTeknikPemangkasan();
const biayaProduksiFields = [
'upah-tenaga-kerja',
'biaya-bibit',
@@ -1991,4 +2091,4 @@ $(function () {
});
});
</script>
@endpush
@endpush