perbaikan ekosisitem

This commit is contained in:
2026-05-05 13:38:06 +07:00
parent 154390319a
commit f5913aa049
13 changed files with 260 additions and 31 deletions
@@ -34,8 +34,21 @@
<option value="date">Date</option>
<option value="datetime">Datetime</option>
<option value="text">Text</option>
<option value="foreign_key">Relasi</option>
</select>
</div>
<div class="mb-6 form-control-validation" id="relasi-form-tabel" style="display: none;">
<label class="form-label" for="add-kolom-relasi-tabel">Tabel Relasi<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="add-kolom-relasi-tabel" name="relasi_tabel" placeholder="Cth: Nama Petani" />
</div>
<div class="mb-6 form-control-validation" id="relasi-form-kolom" style="display: none;">
<label class="form-label" for="add-kolom-relasi-kolom-id">Kolom Relasi (ID)<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="add-kolom-relasi-kolom-id" name="relasi_kolom_id" placeholder="Cth: Nama Petani" />
</div>
<div class="mb-6 form-control-validation" id="relasi-form-kolom-label" style="display: none;">
<label class="form-label" for="add-kolom-relasi-kolom-label">Kolom Relasi (Label)<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="add-kolom-relasi-kolom-label" name="relasi_kolom_label" placeholder="Cth: Nama Petani" />
</div>
<div class="mb-6 form-control-validation">
<label class="form-label" for="add-kolom-validasi">Validasi<span class="text-danger">*</span></label>
<textarea class="form-control" id="add-kolom-validasi" name="validasi" value="1" placeholder="Cth: required"></textarea>
@@ -55,6 +68,18 @@
width: '100%',
});
$('#add-kolom-jenis_data').on('change', function() {
if ($(this).val() === 'foreign_key') {
$('#relasi-form-tabel').show();
$('#relasi-form-kolom').show();
$('#relasi-form-kolom-label').show();
} else {
$('#relasi-form-tabel').hide();
$('#relasi-form-kolom').hide();
$('#relasi-form-kolom-label').hide();
}
});
$.validator.addMethod("snakecase", function(value, element) {
return this.optional(element) || /^[a-z0-9]+(_[a-z0-9]+)*$/.test(value);
}, "Gunakan format snake_case (huruf kecil dan underscore)");
@@ -37,8 +37,21 @@
<option value="date">Date</option>
<option value="datetime">Datetime</option>
<option value="text">Text</option>
<option value="foreign_key">Relasi</option>
</select>
</div>
<div class="mb-6 form-control-validation" id="relasi-form-tabel-update" style="display: none;">
<label class="form-label" for="update-kolom-relasi-tabel">Tabel Relasi<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="update-kolom-relasi-tabel" name="relasi_tabel" placeholder="Cth: Nama Petani" />
</div>
<div class="mb-6 form-control-validation" id="relasi-form-kolom-update" style="display: none;">
<label class="form-label" for="update-kolom-relasi-kolom-id">Kolom Relasi (ID)<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="update-kolom-relasi-kolom-id" name="relasi_kolom_id" placeholder="Cth: Nama Petani" />
</div>
<div class="mb-6 form-control-validation" id="relasi-form-kolom-label-update" style="display: none;">
<label class="form-label" for="update-kolom-relasi-kolom-label">Kolom Relasi (Label)<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="update-kolom-relasi-kolom-label" name="relasi_kolom_label" placeholder="Cth: Nama Petani" />
</div>
<div class="mb-6 form-control-validation">
<label class="form-label" for="update-kolom-validasi">Validasi<span class="text-danger">*</span></label>
<textarea class="form-control" id="update-kolom-validasi" name="validasi" value="1" placeholder="Cth: required"></textarea>
@@ -81,6 +94,19 @@
$('#update-kolom-label').val(res.data.label);
$('#update-kolom-jenis_data').val(res.data.tipe).trigger('change');
$('#update-kolom-validasi').val(res.data.required ? 'required' : '');
if (res.data.tipe === 'foreign_key') {
console.log("Data relasi:", res.data);
$('#update-kolom-relasi-tabel').val(res.data.relasi_tabel);
$('#update-kolom-relasi-kolom-id').val(res.data.relasi_kolom_id);
$('#update-kolom-relasi-kolom-label').val(res.data.relasi_kolom_label);
$('#relasi-form-tabel-update').show();
$('#relasi-form-kolom-update').show();
$('#relasi-form-kolom-label-update').show();
} else {
$('#relasi-form-tabel-update').hide();
$('#relasi-form-kolom-update').hide();
$('#relasi-form-kolom-label-update').hide();
}
offcanvasUpdate.show();
}
});