feat: edit link bank sampah dan data nasabah
Rohmad Eko Wahyudi
parent
520b0dd717
commit
ae9b43a9b7
|
|
@ -8,163 +8,8 @@
|
||||||
Bank Sampah
|
Bank Sampah
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</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>
|
</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 -->
|
<!-- Modal Validasi Data -->
|
||||||
<dialog id="modal_validasi" class="modal modal-bottom sm:modal-middle">
|
<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">
|
<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) {
|
$('#example').on('click', '.p-2.bg-amber-500', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
// Get row data
|
// Redirect to Profil Edit page
|
||||||
var row = table.row($(this).parents('tr')).data();
|
window.location.href = '/Main/Profil/Edit';
|
||||||
|
|
||||||
// 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();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Validasi button handler
|
// Validasi button handler
|
||||||
|
|
@ -368,55 +188,6 @@
|
||||||
modal_validasi.showModal();
|
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() {
|
function closeValidasiModal() {
|
||||||
window.currentValidationRow = null;
|
window.currentValidationRow = null;
|
||||||
|
|
|
||||||
|
|
@ -14,10 +14,6 @@
|
||||||
<i class="ph ph-download"></i>
|
<i class="ph ph-download"></i>
|
||||||
Download
|
Download
|
||||||
</button>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -43,138 +39,6 @@
|
||||||
</dialog>
|
</dialog>
|
||||||
<!-- /modal download -->
|
<!-- /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="h-6"></div>
|
||||||
|
|
||||||
<div class="card bg-white shadow-sm">
|
<div class="card bg-white shadow-sm">
|
||||||
|
|
@ -267,61 +131,9 @@
|
||||||
$('#example').on('click', '.btn-circle.btn-warning', function (e) {
|
$('#example').on('click', '.btn-circle.btn-warning', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
// Get row data
|
// Redirect to ProfilNasabah Edit page
|
||||||
var row = table.row($(this).parents('tr')).data();
|
window.location.href = '/Main/ProfilNasabah/Edit';
|
||||||
|
|
||||||
// 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();
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
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>
|
</script>
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue