diff --git a/Views/Edukasi/Index.cshtml b/Views/Edukasi/Index.cshtml index 4e7d282..9913d69 100644 --- a/Views/Edukasi/Index.cshtml +++ b/Views/Edukasi/Index.cshtml @@ -76,20 +76,21 @@
Jenis Edukasi * - +
-
- Upload Dokumen * - + Upload Dokumen * +

Ukuran maksimal 5MB.

-
- Link Konten * - + Link Konten * +
@@ -133,16 +134,17 @@ -
- Upload Dokumen * - + Upload Dokumen * +

Ukuran maksimal 5MB.

-
- Link Konten * + @@ -239,7 +241,49 @@ modal_edit.close(); } + // Toggle fields based on jenis edukasi selection + function toggleFields(mode) { + const jenisValue = mode === 'tambah' ? $('#jenis_tambah').val() : $('#edit_jenis').val(); + const prefix = mode === 'tambah' ? 'tambah' : 'edit'; + const isTambah = mode === 'tambah'; + + // show fields + $(`#dokumen_${prefix}_field, #link_${prefix}_field`).show(); + + // set field requirement + const setRequired = (field, isRequired) => { + $(`#${field}_${prefix}`).prop('required', isRequired); + $(`#${field}_${prefix}_required`).toggle(isRequired); + }; + + if (jenisValue === 'Dokumen') { + setRequired('dokumen', isTambah); + setRequired('link', false); + } else if (jenisValue === 'LinkKonten') { + setRequired('dokumen', false); + setRequired('link', true); + } else { + setRequired('dokumen', isTambah); + setRequired('link', isTambah); + } + } + + function toggleFieldsTambah() { + toggleFields('tambah'); + } + + function toggleFieldsEdit() { + toggleFields('edit'); + } + $(document).ready(function () { + toggleFieldsTambah(); + toggleFieldsEdit(); + + // Trigger changes jenis edukasi + $('#jenis_tambah').on('change', toggleFieldsTambah); + $('#edit_jenis').on('change', toggleFieldsEdit); + table = new DataTable('#edukasi-table', { ajax: '@Url.Action("Table", "Edukasi")', scrollX: true,