Probindo/database-pertani-web
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

solve praktik budidaya

Browse Source
This commit is contained in:
Syaharani
2026-07-22 13:27:35 +07:00
parent e02a34a527
commit 4c66d72dc5
4 changed files with 238 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/produktivitas/petani/praktik-budidaya/add.blade.php
+81 -1
View File
@@ -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
resources/views/produktivitas/petani/praktik-budidaya/edit.blade.php
+107 -7
View File
@@ -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