feat: edit link bank sampah dan data nasabah
Rohmad Eko Wahyudi
parent
520b0dd717
commit
ae9b43a9b7
|
|
@ -8,163 +8,8 @@
|
|||
Bank Sampah
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="btn btn-sm rounded-full bg-green-800 text-white hover:bg-green-900" onclick="modal_tambah.showModal()">
|
||||
<i class="ph ph-plus"></i>
|
||||
Tambah Data
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Tambah/Edit Data -->
|
||||
<dialog id="modal_tambah" class="modal modal-bottom sm:modal-middle">
|
||||
<div class="modal-box w-full max-w-3xl p-6 bg-white rounded-2xl">
|
||||
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Pemilahan</h3>
|
||||
<form id="formTambah" onsubmit="submitForm(event)">
|
||||
<input type="hidden" id="edit_mode" value="false">
|
||||
<div class="flex flex-col gap-6">
|
||||
<!-- Row 1 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Tanggal Pemilahan
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<input type="date" id="tgl_pemilahan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] focus:outline-2 focus:outline-green-800" required />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Nama Bank Sampah
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="nama_bank_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Nama Bank Sampah</option>
|
||||
<option value="Berkah Sampah" class="text-slate-800">Berkah Sampah</option>
|
||||
<option value="Pelangi Persada" class="text-slate-800">Pelangi Persada</option>
|
||||
<option value="Eco Makmur" class="text-slate-800">Eco Makmur</option>
|
||||
<option value="Griya Daur Ulang" class="text-slate-800">Griya Daur Ulang</option>
|
||||
<option value="Bank Sampah Induk" class="text-slate-800">Bank Sampah Induk</option>
|
||||
<option value="Ceria Hijau" class="text-slate-800">Ceria Hijau</option>
|
||||
<option value="Hijau Lestari" class="text-slate-800">Hijau Lestari</option>
|
||||
<option value="Sahabat Bumi" class="text-slate-800">Sahabat Bumi</option>
|
||||
<option value="Bersih Sejahtera" class="text-slate-800">Bersih Sejahtera</option>
|
||||
<option value="Karya Mandiri" class="text-slate-800">Karya Mandiri</option>
|
||||
<option value="Bumi Asri" class="text-slate-800">Bumi Asri</option>
|
||||
<option value="Lestari Alam" class="text-slate-800">Lestari Alam</option>
|
||||
<option value="Mandiri Sejahtera" class="text-slate-800">Mandiri Sejahtera</option>
|
||||
<option value="Cahaya Bersih" class="text-slate-800">Cahaya Bersih</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 2 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Nama Penanggung Jawab
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<input type="text" id="nama_penanggung_jawab" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Penanggung Jawab" required />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Jenis Sampah
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="jenis_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih jenis sampah</option>
|
||||
<option value="Rumput" class="text-slate-800">Rumput</option>
|
||||
<option value="Plastik" class="text-slate-800">Plastik</option>
|
||||
<option value="Kertas" class="text-slate-800">Kertas</option>
|
||||
<option value="Logam" class="text-slate-800">Logam</option>
|
||||
<option value="Kaca" class="text-slate-800">Kaca</option>
|
||||
<option value="Kardus" class="text-slate-800">Kardus</option>
|
||||
<option value="Botol Plastik" class="text-slate-800">Botol Plastik</option>
|
||||
<option value="Kaleng" class="text-slate-800">Kaleng</option>
|
||||
<option value="Tekstil" class="text-slate-800">Tekstil</option>
|
||||
<option value="Styrofoam" class="text-slate-800">Styrofoam</option>
|
||||
<option value="Elektronik" class="text-slate-800">Elektronik</option>
|
||||
<option value="Baterai" class="text-slate-800">Baterai</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 3 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Kategori Sampah
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="kategori_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih kategori</option>
|
||||
<option value="Organik" class="text-slate-800">Organik</option>
|
||||
<option value="Anorganik" class="text-slate-800">Anorganik</option>
|
||||
<option value="B3" class="text-slate-800">B3</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Jumlah (Kg)
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<input type="number" id="jumlah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Jumlah (Kg)" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 4 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Asal Sampah
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<input type="text" id="asal_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Asal Sampah" required />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Status Validasi
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="status_validasi" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih status</option>
|
||||
<option value="Disetujui" class="text-slate-800">Disetujui</option>
|
||||
<option value="Belum Disetujui" class="text-slate-800">Belum Disetujui</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 5 -->
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Catatan
|
||||
</label>
|
||||
<textarea id="catatan" class="px-3.5 py-4 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 h-32 resize-none focus:outline-2 focus:outline-green-800" placeholder="Catatan"></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Buttons -->
|
||||
<div class="flex gap-3 justify-end">
|
||||
<button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
|
||||
Batal
|
||||
</button>
|
||||
<button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
|
||||
Simpan
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
<!-- /modal tambah/edit -->
|
||||
|
||||
<!-- Modal Validasi Data -->
|
||||
<dialog id="modal_validasi" class="modal modal-bottom sm:modal-middle">
|
||||
<div class="modal-box w-full max-w-[591px] p-6 bg-white rounded-2xl inline-flex flex-col justify-center items-end gap-6">
|
||||
|
|
@ -320,33 +165,8 @@
|
|||
$('#example').on('click', '.p-2.bg-amber-500', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Get row data
|
||||
var row = table.row($(this).parents('tr')).data();
|
||||
|
||||
// Set edit mode
|
||||
$('#edit_mode').val('true');
|
||||
$('#modal_title').text('Edit Data Pemilahan');
|
||||
|
||||
// Convert date format from "15 Mar 2024" to "2024-03-15"
|
||||
var tglPemilahan = convertDateToInput(row.tgl_pemilahan);
|
||||
|
||||
// Populate form with row data
|
||||
$('#tgl_pemilahan').val(tglPemilahan);
|
||||
$('#nama_bank_sampah').val(row.nama_bank_sampah);
|
||||
$('#nama_penanggung_jawab').val(row.nama_penanggung_jawab);
|
||||
$('#jenis_sampah').val(row.jenis_sampah);
|
||||
$('#kategori_sampah').val(row.kategori_sampah);
|
||||
$('#jumlah').val(row.jumlah);
|
||||
$('#asal_sampah').val(row.asal_sampah);
|
||||
|
||||
// Extract status from HTML badge
|
||||
var statusText = $(row.status_validasi).text().trim();
|
||||
$('#status_validasi').val(statusText);
|
||||
|
||||
$('#catatan').val(row.catatan);
|
||||
|
||||
// Open modal
|
||||
modal_tambah.showModal();
|
||||
// Redirect to Profil Edit page
|
||||
window.location.href = '/Main/Profil/Edit';
|
||||
});
|
||||
|
||||
// Validasi button handler
|
||||
|
|
@ -368,55 +188,6 @@
|
|||
modal_validasi.showModal();
|
||||
});
|
||||
});
|
||||
|
||||
// Function to convert date format "15 Mar 2024" to "2024-03-15"
|
||||
function convertDateToInput(dateStr) {
|
||||
const monthMap = {
|
||||
'Jan': '01', 'Feb': '02', 'Mar': '03', 'Apr': '04',
|
||||
'Mei': '05', 'Jun': '06', 'Jul': '07', 'Agt': '08',
|
||||
'Sep': '09', 'Okt': '10', 'Nov': '11', 'Des': '12'
|
||||
};
|
||||
|
||||
const parts = dateStr.split(' ');
|
||||
const day = parts[0].padStart(2, '0');
|
||||
const month = monthMap[parts[1]];
|
||||
const year = parts[2];
|
||||
|
||||
return `${year}-${month}-${day}`;
|
||||
}
|
||||
|
||||
function closeModal() {
|
||||
// Reset form
|
||||
$('#formTambah')[0].reset();
|
||||
$('#edit_mode').val('false');
|
||||
$('#modal_title').text('Tambah Data Pemilahan');
|
||||
|
||||
// Close modal
|
||||
modal_tambah.close();
|
||||
}
|
||||
|
||||
function submitForm(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var isEditMode = $('#edit_mode').val() === 'true';
|
||||
|
||||
// TODO: Implement form submission logic
|
||||
Swal.fire({
|
||||
title: 'Berhasil!',
|
||||
text: isEditMode ? 'Data berhasil diperbarui' : 'Data berhasil ditambahkan',
|
||||
icon: 'success',
|
||||
confirmButtonText: 'OK',
|
||||
buttonsStyling: false,
|
||||
customClass: {
|
||||
confirmButton: 'btn bg-green-800 text-white hover:bg-green-900 px-4 py-2 rounded-full',
|
||||
},
|
||||
}).then(() => {
|
||||
closeModal();
|
||||
|
||||
// Reload table
|
||||
table.ajax.reload();
|
||||
});
|
||||
}
|
||||
|
||||
function closeValidasiModal() {
|
||||
window.currentValidationRow = null;
|
||||
|
|
|
|||
|
|
@ -14,10 +14,6 @@
|
|||
<i class="ph ph-download"></i>
|
||||
Download
|
||||
</button>
|
||||
<button class="btn btn-sm w-full sm:w-auto rounded-full bg-green-800 text-white hover:bg-green-900" onclick="modal_tambah.showModal()">
|
||||
<i class="ph ph-plus"></i>
|
||||
Tambah Data
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -43,138 +39,6 @@
|
|||
</dialog>
|
||||
<!-- /modal download -->
|
||||
|
||||
<!-- Modal Tambah/Edit Data -->
|
||||
<dialog id="modal_tambah" class="modal modal-bottom sm:modal-middle">
|
||||
<div class="modal-box w-full max-w-3xl p-6 bg-white rounded-2xl">
|
||||
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Nasabah</h3>
|
||||
<form id="formTambah" onsubmit="submitForm(event)">
|
||||
<input type="hidden" id="edit_mode" value="false">
|
||||
<div class="flex flex-col gap-6">
|
||||
<!-- Row 1 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Nama Nasabah
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Nasabah" required />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Kabupaten
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="kabupaten" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih Kabupaten</option>
|
||||
<option value="Kota Adm Jakarta Timur" class="text-slate-800">Kota Adm Jakarta Timur</option>
|
||||
<option value="Kota Adm Jakarta Barat" class="text-slate-800">Kota Adm Jakarta Barat</option>
|
||||
<option value="Kota Adm Jakarta Selatan" class="text-slate-800">Kota Adm Jakarta Selatan</option>
|
||||
<option value="Kota Adm Jakarta Utara" class="text-slate-800">Kota Adm Jakarta Utara</option>
|
||||
<option value="Kota Adm Jakarta Pusat" class="text-slate-800">Kota Adm Jakarta Pusat</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 2 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Kecamatan
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="kecamatan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih Kecamatan</option>
|
||||
<option value="Cipayung" class="text-slate-800">Cipayung</option>
|
||||
<option value="Matraman" class="text-slate-800">Matraman</option>
|
||||
<option value="Kramat Jati" class="text-slate-800">Kramat Jati</option>
|
||||
<option value="Pulogadung" class="text-slate-800">Pulogadung</option>
|
||||
<option value="Cakung" class="text-slate-800">Cakung</option>
|
||||
<option value="Jatinegara" class="text-slate-800">Jatinegara</option>
|
||||
<option value="Pasar Rebo" class="text-slate-800">Pasar Rebo</option>
|
||||
<option value="Makasar" class="text-slate-800">Makasar</option>
|
||||
<option value="Duren Sawit" class="text-slate-800">Duren Sawit</option>
|
||||
<option value="Pulo Gadung" class="text-slate-800">Pulo Gadung</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Kelurahan
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="kelurahan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih Kelurahan</option>
|
||||
<option value="Kebon Jeruk" class="text-slate-800">Kebon Jeruk</option>
|
||||
<option value="Pancoran" class="text-slate-800">Pancoran</option>
|
||||
<option value="Kembangan" class="text-slate-800">Kembangan</option>
|
||||
<option value="Senen" class="text-slate-800">Senen</option>
|
||||
<option value="Kebayoran Baru" class="text-slate-800">Kebayoran Baru</option>
|
||||
<option value="Menteng" class="text-slate-800">Menteng</option>
|
||||
<option value="Tanah Abang" class="text-slate-800">Tanah Abang</option>
|
||||
<option value="Gambir" class="text-slate-800">Gambir</option>
|
||||
<option value="Cempaka Putih" class="text-slate-800">Cempaka Putih</option>
|
||||
<option value="Kemayoran" class="text-slate-800">Kemayoran</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 3 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
ID Bangunan
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<input type="text" id="id_bangunan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="ID Bangunan (contoh: BSU 4567890)" required />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Jenis Nasabah
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="jenis" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih jenis nasabah</option>
|
||||
<option value="Perorangan" class="text-slate-800">Perorangan</option>
|
||||
<option value="Organisasi" class="text-slate-800">Organisasi</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 4 -->
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6">
|
||||
Status Validasi
|
||||
<span class="text-red-500 text-sm font-semibold">*</span>
|
||||
</label>
|
||||
<select id="status" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required>
|
||||
<option value="" class="text-gray-400">Pilih status</option>
|
||||
<option value="Disetujui" class="text-slate-800">Disetujui</option>
|
||||
<option value="Tidak Disetujui" class="text-slate-800">Tidak Disetujui</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Buttons -->
|
||||
<div class="flex flex-col sm:flex-row gap-3 justify-end">
|
||||
<button type="button" class="w-full sm:w-auto px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
|
||||
Batal
|
||||
</button>
|
||||
<button type="submit" class="w-full sm:w-auto px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
|
||||
Simpan
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
<!-- /modal tambah/edit -->
|
||||
|
||||
<div class="h-6"></div>
|
||||
|
||||
<div class="card bg-white shadow-sm">
|
||||
|
|
@ -267,61 +131,9 @@
|
|||
$('#example').on('click', '.btn-circle.btn-warning', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Get row data
|
||||
var row = table.row($(this).parents('tr')).data();
|
||||
|
||||
// Set edit mode
|
||||
$('#edit_mode').val('true');
|
||||
$('#modal_title').text('Edit Data Nasabah');
|
||||
|
||||
// Populate form with row data
|
||||
$('#nama').val(row.nama);
|
||||
$('#kabupaten').val(row.kabupaten);
|
||||
$('#kecamatan').val(row.kecamatan);
|
||||
$('#kelurahan').val(row.kelurahan);
|
||||
$('#id_bangunan').val(row.id_bangunan);
|
||||
$('#jenis').val(row.jenis);
|
||||
|
||||
// Extract status from HTML badge
|
||||
var statusText = $(row.status).text().trim();
|
||||
$('#status').val(statusText);
|
||||
|
||||
// Open modal
|
||||
modal_tambah.showModal();
|
||||
// Redirect to ProfilNasabah Edit page
|
||||
window.location.href = '/Main/ProfilNasabah/Edit';
|
||||
});
|
||||
});
|
||||
|
||||
function closeModal() {
|
||||
// Reset form
|
||||
$('#formTambah')[0].reset();
|
||||
$('#edit_mode').val('false');
|
||||
$('#modal_title').text('Tambah Data Nasabah');
|
||||
|
||||
// Close modal
|
||||
modal_tambah.close();
|
||||
}
|
||||
|
||||
function submitForm(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var isEditMode = $('#edit_mode').val() === 'true';
|
||||
|
||||
// TODO: Implement form submission logic
|
||||
Swal.fire({
|
||||
title: 'Berhasil!',
|
||||
text: isEditMode ? 'Data berhasil diperbarui' : 'Data berhasil ditambahkan',
|
||||
icon: 'success',
|
||||
confirmButtonText: 'OK',
|
||||
buttonsStyling: false,
|
||||
customClass: {
|
||||
confirmButton: 'btn bg-green-800 text-white hover:bg-green-900 px-4 py-2 rounded-full',
|
||||
},
|
||||
}).then(() => {
|
||||
closeModal();
|
||||
|
||||
// Reload table
|
||||
table.ajax.reload();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue