fix:form and data sample

main
Kevin Hendrawan 2025-12-12 00:18:32 +07:00
parent 6d448d3abf
commit bb7474ecf8
3 changed files with 133 additions and 150 deletions

View File

@ -15,160 +15,111 @@ namespace BankSampahApp.Controllers.Master
{ {
var data = new[] var data = new[]
{ {
new {
jenis_lokasi = "Bank Sampah",
kota = "Jakarta Pusat",
kecamatan = "Tanah Abang",
kelurahan = "Cideng",
rw = "002",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new { new {
jenis_lokasi = "Maggot", jenis_lokasi = "Maggot",
kota = "Jakarta Selatan", nama_lokasi = "Jakarta Selatan",
kecamatan = "Mampang Prapatan", kecamatan = "Kebayoran Lama",
kelurahan = "Kuningan Barat", kelurahan = "Pondok Pinang",
rw = "004", detail_alamat = "Jl. Pinang Mas No. 12",
aksi = "<div class=\"flex gap-2\">" + rt = 4,
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
jenis_lokasi = "Composting",
kota = "Jakarta Timur",
kecamatan = "Matraman",
kelurahan = "Palmeriam",
rw = "006",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
jenis_lokasi = "Bank Sampah",
kota = "Jakarta Utara",
kecamatan = "Tanjung Priok",
kelurahan = "Sunter Agung",
rw = "005",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
jenis_lokasi = "Maggot",
kota = "Jakarta Barat",
kecamatan = "Cengkareng",
kelurahan = "Kapuk",
rw = "003", rw = "003",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
jenis_lokasi = "Composting", jenis_lokasi = "Maggot",
kota = "Jakarta Selatan", nama_lokasi = "Jakarta Timur",
kecamatan = "Kebayoran Baru", kecamatan = "Duren Sawit",
kelurahan = "Gunung", kelurahan = "Klender",
detail_alamat = "Jl. Puskesmas Raya No. 88",
rt = 12,
rw = "006",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
jenis_lokasi = "Komposting",
nama_lokasi = "Jakarta Pusat",
kecamatan = "Kemayoran",
kelurahan = "Gunung Sahari Selatan",
detail_alamat = "Jl. Garuda No. 14",
rt = 6,
rw = "001", rw = "001",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
},
new {
jenis_lokasi = "Bank Sampah",
kota = "Jakarta Timur",
kecamatan = "Duren Sawit",
kelurahan = "Pondok Bambu",
rw = "007",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
}, },
new { new {
jenis_lokasi = "Maggot", jenis_lokasi = "Maggot",
kota = "Jakarta Pusat", nama_lokasi = "Jakarta Utara",
kecamatan = "Kemayoran", kecamatan = "Tanjung Priok",
kelurahan = "Serdang", kelurahan = "Sunter Agung",
rw = "008", detail_alamat = "Jl. Danau Sunter Utara Blok C1",
aksi = "<div class=\"flex gap-2\">" + rt = 3,
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
jenis_lokasi = "Composting",
kota = "Jakarta Barat",
kecamatan = "Grogol Petamburan",
kelurahan = "Tomang",
rw = "009", rw = "009",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
jenis_lokasi = "Bank Sampah", jenis_lokasi = "Komposting",
kota = "Jakarta Selatan", nama_lokasi = "Jakarta Selatan",
kecamatan = "Setiabudi", kecamatan = "Setiabudi",
kelurahan = "Karet Kuningan", kelurahan = "Karet Kuningan",
rw = "010", detail_alamat = "Jl. Karet Kuningan No. 21",
rt = 9,
rw = "004",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
jenis_lokasi = "Maggot", jenis_lokasi = "Maggot",
kota = "Jakarta Utara", nama_lokasi = "Jakarta Timur",
kecamatan = "Koja",
kelurahan = "Tugu Utara",
rw = "011",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
jenis_lokasi = "Composting",
kota = "Jakarta Timur",
kecamatan = "Cipayung", kecamatan = "Cipayung",
kelurahan = "Setu", kelurahan = "Setu",
rw = "012", detail_alamat = "Jl. Raya Setu No. 8",
rt = 5,
rw = "003",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
},
new {
jenis_lokasi = "Bank Sampah",
kota = "Jakarta Barat",
kecamatan = "Kembangan",
kelurahan = "Meruya Utara",
rw = "013",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
}, },
new { new {
jenis_lokasi = "Maggot", jenis_lokasi = "Maggot",
kota = "Jakarta Selatan", nama_lokasi = "Jakarta Pusat",
kecamatan = "Pasar Minggu", kecamatan = "Senen",
kelurahan = "Pejaten Timur", kelurahan = "Kramat",
rw = "014", detail_alamat = "Jl. Kramat Lontar No. 42",
rt = 13,
rw = "007",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new {
jenis_lokasi = "Komposting",
nama_lokasi = "Jakarta Utara",
kecamatan = "Penjaringan",
kelurahan = "Pluit",
detail_alamat = "Jl. Pluit Karang Timur No. 7",
rt = 2,
rw = "001",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
}; };
var response = new var response = new

View File

@ -84,7 +84,7 @@
<legend class="fieldset-legend"> <legend class="fieldset-legend">
Keterangan Kegiatan<span class="text-red-500">*</span> Keterangan Kegiatan<span class="text-red-500">*</span>
</legend> </legend>
<textarea id="keterangan_kegiatan" rows="4" readonly class="textarea textarea-bordered w-full"></textarea> <textarea id="keterangan_kegiatan" rows="4" required class="textarea textarea-bordered w-full"></textarea>
</fieldset> </fieldset>
</div> </div>

View File

@ -41,7 +41,7 @@
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-6">
<!-- Field Nama --> <!-- Field Jenis Lokasi -->
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -49,29 +49,24 @@
</legend> </legend>
<select id="jenis_lokasi" class="select w-full select2" required> <select id="jenis_lokasi" class="select w-full select2" required>
<option value="" disabled selected>Pilih Jenis Lokasi</option> <option value="" disabled selected>Pilih Jenis Lokasi</option>
<option value="">Bank Sampah</option> <option>Komposting</option>
<option value="">Composting</option> <option>Maggot</option>
<option value="">Maggot</option>
</select> </select>
</fieldset> </fieldset>
</div> </div>
<!-- Field Nama Lokasi -->
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Nama Lokasi<span class="text-red-500">*</span>
</legend>
<input type="text" id="nama_lokasi" class="input w-full" placeholder="Nama Lokasi" required />
</fieldset>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<div class="flex flex-col"> <!-- Field Kecamatan -->
<fieldset class="fieldset">
<legend class="fieldset-legend">
Kota<span class="text-red-500">*</span>
</legend>
<select id="kota" class="select w-full select2" required>
<option value="" disabled selected>Pilih salah satu</option>
<option value="">Jakarta Barat</option>
<option value="">Jakarta Pusat</option>
<option value="">Jakarta Selatan</option>
<option value="">Jakarta Timur</option>
<option value="">Jakarta Utara</option>
</select>
</fieldset>
</div>
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -92,6 +87,8 @@
</select> </select>
</fieldset> </fieldset>
</div> </div>
<!-- Field Kelurahan -->
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -112,6 +109,28 @@
</select> </select>
</fieldset> </fieldset>
</div> </div>
<!-- Field RT -->
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
RT<span class="text-red-500">*</span>
</legend>
<select id="rw" class="select w-full select2" required>
<option value="" disabled selected>Pilih salah satu</option>
<option value="001">001</option>
<option value="002">002</option>
<option value="003">003</option>
<option value="004">004</option>
<option value="005">005</option>
<option value="006">006</option>
<option value="007">007</option>
<option value="008">008</option>
<option value="009">009</option>
<option value="010">010</option>
</select>
</fieldset>
</div>
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -134,6 +153,15 @@
</div> </div>
</div> </div>
<!-- Field Detail Alamat -->
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Detail Alamat<span class="text-red-500">*</span>
</legend>
<textarea id="detail_alamat" rows="4" required placeholder="Detail Alamat" class="textarea textarea-bordered w-full"></textarea>
</fieldset>
</div>
<!-- Buttons --> <!-- Buttons -->
@ -165,10 +193,12 @@
<tr> <tr>
<th class="w-[10%]">No</th> <th class="w-[10%]">No</th>
<th class="w-[15%]">Jenis Lokasi</th> <th class="w-[15%]">Jenis Lokasi</th>
<th class="w-[20%]">Kota</th> <th class="w-[15%]">Nama Lokasi</th>
<th class="w-[20%]">Kecamatan</th> <th class="w-[10%]">Kecamatan</th>
<th class="w-[15%]">Kelurahan</th> <th class="w-[10%]">Kelurahan</th>
<th class="w-[10%]">RT</th>
<th class="w-[10%]">RW</th> <th class="w-[10%]">RW</th>
<th class="w-[10%]">Detail Alamat</th>
<th class="w-[10%]">Aksi</th> <th class="w-[10%]">Aksi</th>
</tr> </tr>
</thead> </thead>
@ -199,10 +229,12 @@
columns: [ columns: [
{ data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false }, { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
{ data: 'jenis_lokasi' }, { data: 'jenis_lokasi' },
{ data: 'kota' }, { data: 'nama_lokasi' },
{ data: 'kecamatan' }, { data: 'kecamatan' },
{ data: 'kelurahan' }, { data: 'kelurahan' },
{ data: 'rt' },
{ data: 'rw' }, { data: 'rw' },
{ data: 'detail_alamat' },
{ data: 'aksi', orderable: false, searchable: true }, { data: 'aksi', orderable: false, searchable: true },
] ]
}); });