feat(data bank sampah) : add button download and button validation
Kevin Hendrawan
parent
c7919c8006
commit
98c8212ebb
|
|
@ -24,8 +24,8 @@ namespace BankSampahApp.Controllers.Main
|
||||||
kategori = "Warga",
|
kategori = "Warga",
|
||||||
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
||||||
aksi = "<div class=\"flex gap-2\">" +
|
aksi = "<div class=\"flex gap-2\">" +
|
||||||
|
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
|
||||||
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></i></a>" +
|
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></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 text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
"<a href=\"#\" class=\"btn btn-circle btn-error text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
||||||
"</div>",
|
"</div>",
|
||||||
},
|
},
|
||||||
|
|
@ -38,8 +38,8 @@ namespace BankSampahApp.Controllers.Main
|
||||||
kategori = "Warga",
|
kategori = "Warga",
|
||||||
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
||||||
aksi = "<div class=\"flex gap-2\">" +
|
aksi = "<div class=\"flex gap-2\">" +
|
||||||
|
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
|
||||||
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></i></a>" +
|
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></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 text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
"<a href=\"#\" class=\"btn btn-circle btn-error text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
||||||
"</div>",
|
"</div>",
|
||||||
},
|
},
|
||||||
|
|
@ -52,8 +52,8 @@ namespace BankSampahApp.Controllers.Main
|
||||||
kategori = "Warga",
|
kategori = "Warga",
|
||||||
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
||||||
aksi = "<div class=\"flex gap-2\">" +
|
aksi = "<div class=\"flex gap-2\">" +
|
||||||
|
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
|
||||||
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></i></a>" +
|
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></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 text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
"<a href=\"#\" class=\"btn btn-circle btn-error text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
||||||
"</div>",
|
"</div>",
|
||||||
},
|
},
|
||||||
|
|
@ -66,8 +66,8 @@ namespace BankSampahApp.Controllers.Main
|
||||||
kategori = "Warga",
|
kategori = "Warga",
|
||||||
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
|
||||||
aksi = "<div class=\"flex gap-2\">" +
|
aksi = "<div class=\"flex gap-2\">" +
|
||||||
|
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
|
||||||
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></i></a>" +
|
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></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 text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
"<a href=\"#\" class=\"btn btn-circle btn-error text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
||||||
"</div>",
|
"</div>",
|
||||||
},
|
},
|
||||||
|
|
@ -80,8 +80,8 @@ namespace BankSampahApp.Controllers.Main
|
||||||
kategori = "Warga",
|
kategori = "Warga",
|
||||||
status= "<div class=\"badge badge-error badge-soft rounded-full\">Belum Disetujui</div>",
|
status= "<div class=\"badge badge-error badge-soft rounded-full\">Belum Disetujui</div>",
|
||||||
aksi = "<div class=\"flex gap-2\">" +
|
aksi = "<div class=\"flex gap-2\">" +
|
||||||
|
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
|
||||||
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></i></a>" +
|
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></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 text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
"<a href=\"#\" class=\"btn btn-circle btn-error text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
||||||
"</div>",
|
"</div>",
|
||||||
},
|
},
|
||||||
|
|
@ -94,8 +94,8 @@ namespace BankSampahApp.Controllers.Main
|
||||||
kategori = "Warga",
|
kategori = "Warga",
|
||||||
status= "<div class=\"badge badge-error badge-soft rounded-full\">Belum Disetujui</div>",
|
status= "<div class=\"badge badge-error badge-soft rounded-full\">Belum Disetujui</div>",
|
||||||
aksi = "<div class=\"flex gap-2\">" +
|
aksi = "<div class=\"flex gap-2\">" +
|
||||||
|
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
|
||||||
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></i></a>" +
|
"<a href=\"/Main/Profil/Index\" class=\"btn btn-circle btn-info text-white btn-sm\"><i class=\"ph ph-eye\"></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 text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
"<a href=\"#\" class=\"btn btn-circle btn-error text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
|
||||||
"</div>",
|
"</div>",
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -10,144 +10,14 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
|
<button type="button" class="btn bg-bank-sampah-primary-500 rounded-full text-white">Downloads</button>
|
||||||
<button class="btn btn-sm rounded-full bg-white" onclick="modal_filter.showModal()">
|
<button class="btn btn-sm rounded-full bg-white" onclick="modal_filter.showModal()">
|
||||||
<i class="ph ph-funnel-simple"></i>
|
<i class="ph ph-funnel-simple"></i>
|
||||||
Filter
|
Filter
|
||||||
</button>
|
</button>
|
||||||
<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>
|
</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 Bank Sampah</h3>
|
|
||||||
<form id="formTambah" onsubmit="submitForm(event)">
|
|
||||||
<input type="hidden" id="edit_mode" value="false">
|
|
||||||
<div class="flex flex-col gap-2">
|
|
||||||
<!-- Row 1 -->
|
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<fieldset class="fieldset">
|
|
||||||
<legend class="fieldset-legend">
|
|
||||||
Nama Bank Sampah
|
|
||||||
<span class="text-red-500">*</span>
|
|
||||||
</legend>
|
|
||||||
<input type="text" id="nama" class="input w-full" placeholder="Nama Bank Sampah" required />
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<fieldset class="fieldset">
|
|
||||||
<legend class="fieldset-legend">
|
|
||||||
Kabupaten
|
|
||||||
<span class="text-red-500">*</span>
|
|
||||||
</legend>
|
|
||||||
<select id="kabupaten" class="select w-full" required>
|
|
||||||
<option value="" disabled selected>Pilih Kabupaten</option>
|
|
||||||
<option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
|
|
||||||
<option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
|
|
||||||
<option value="Kota Adm Jakarta Selatan">Kota Adm Jakarta Selatan</option>
|
|
||||||
<option value="Kota Adm Jakarta Utara">Kota Adm Jakarta Utara</option>
|
|
||||||
<option value="Kota Adm Jakarta Pusat">Kota Adm Jakarta Pusat</option>
|
|
||||||
</select>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Row 2 -->
|
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<fieldset class="fieldset">
|
|
||||||
<legend class="fieldset-legend">
|
|
||||||
Kecamatan
|
|
||||||
<span class="text-red-500">*</span>
|
|
||||||
</legend>
|
|
||||||
<input type="text" id="kecamatan" class="input w-full" placeholder="Kecamatan" required />
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<fieldset class="fieldset">
|
|
||||||
<legend class="fieldset-legend">
|
|
||||||
Kelurahan
|
|
||||||
<span class="text-red-500">*</span>
|
|
||||||
</legend>
|
|
||||||
<input type="text" id="kelurahan" class="input w-full" placeholder="Kelurahan" required />
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Row 3 -->
|
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<fieldset class="fieldset">
|
|
||||||
<legend class="fieldset-legend">
|
|
||||||
Jenis Bank Sampah
|
|
||||||
<span class="text-red-500">*</span>
|
|
||||||
</legend>
|
|
||||||
<select id="jenis" class="select w-full" required>
|
|
||||||
<option value="" disabled selected>Pilih Jenis</option>
|
|
||||||
<option value="BSU">BSU</option>
|
|
||||||
<option value="BSI">BSI</option>
|
|
||||||
</select>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<fieldset class="fieldset">
|
|
||||||
<legend class="fieldset-legend">
|
|
||||||
Kategori Bank Sampah
|
|
||||||
<span class="text-red-500">*</span>
|
|
||||||
</legend>
|
|
||||||
<select id="kategori" class="select w-full" required>
|
|
||||||
<option value="" disabled selected>Pilih Kategori</option>
|
|
||||||
<option value="Warga">Warga</option>
|
|
||||||
<option value="Sekolah">Sekolah</option>
|
|
||||||
<option value="Perusahaan">Perusahaan</option>
|
|
||||||
</select>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Row 4 -->
|
|
||||||
<div class="grid grid-cols-1 gap-6">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<fieldset class="fieldset">
|
|
||||||
<legend class="fieldset-legend">
|
|
||||||
Status
|
|
||||||
<span class="text-red-500">*</span>
|
|
||||||
</legend>
|
|
||||||
<select id="status" class="select w-full" required>
|
|
||||||
<option value="" disabled selected>Pilih Status</option>
|
|
||||||
<option value="Disetujui">Disetujui</option>
|
|
||||||
<option value="Belum Disetujui">Belum Disetujui</option>
|
|
||||||
</select>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Buttons -->
|
|
||||||
<div class="flex gap-3 justify-end">
|
|
||||||
<button type="button" class="px-8 py-2.5 bg-white rounded-full -outline-offset-1 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 Filter -->
|
<!-- Modal Filter -->
|
||||||
<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
|
<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
|
||||||
<div class="modal-box w-full sm:max-w-sm">
|
<div class="modal-box w-full sm:max-w-sm">
|
||||||
|
|
@ -177,6 +47,31 @@
|
||||||
<option value="Belum Disetujui">Belum Disetujui</option>
|
<option value="Belum Disetujui">Belum Disetujui</option>
|
||||||
</select>
|
</select>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
<fieldset class="fieldset">
|
||||||
|
<legend class="fieldset-legend">
|
||||||
|
Kabupaten / Kota
|
||||||
|
</legend>
|
||||||
|
<select id="kabupaten" class="select w-full" required>
|
||||||
|
<option value="" disabled selected>Pilih salah satu</option>
|
||||||
|
<option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
|
||||||
|
<option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
|
||||||
|
<option value="Kota Adm Jakarta Selatan">Kota Adm Jakarta Selatan</option>
|
||||||
|
<option value="Kota Adm Jakarta Utara">Kota Adm Jakarta Utara</option>
|
||||||
|
<option value="Kota Adm Jakarta Pusat">Kota Adm Jakarta Pusat</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset class="fieldset">
|
||||||
|
<legend class="fieldset-legend">Kecamatan</legend>
|
||||||
|
<select id="filterKecamatan" class="select w-full">
|
||||||
|
<option value="">Pilih salah satu</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset class="fieldset">
|
||||||
|
<legend class="fieldset-legend">Kelurahan</legend>
|
||||||
|
<select id="filterKelurahan" class="select w-full">
|
||||||
|
<option value="">Pilih salah satu</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
<div class="modal-action">
|
<div class="modal-action">
|
||||||
<button type="button" class="btn btn-outline rounded-full" onclick="modal_filter.close()">Tutup</button>
|
<button type="button" class="btn btn-outline rounded-full" onclick="modal_filter.close()">Tutup</button>
|
||||||
<button type="submit" class="btn bg-bank-sampah-primary-500 rounded-full text-white">Terapkan</button>
|
<button type="submit" class="btn bg-bank-sampah-primary-500 rounded-full text-white">Terapkan</button>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue