style: change class button action

main-dlh
Yuri Dimas 2025-11-19 14:21:01 +07:00
parent 652e81a922
commit ca1c2132ce
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
2 changed files with 66 additions and 71 deletions

View File

@ -115,9 +115,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Pengantar Proposal", file_upload = "Surat Pengantar Proposal",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -126,9 +126,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Undangan Rapat Warga", file_upload = "Surat Undangan Rapat Warga",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -137,9 +137,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Pemberitahuan Gotong Royong", file_upload = "Surat Pemberitahuan Gotong Royong",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -148,9 +148,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Keputusan Ketua RW", file_upload = "Surat Keputusan Ketua RW",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -159,9 +159,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Edaran Kebersihan", file_upload = "Surat Edaran Kebersihan",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -170,9 +170,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Rekomendasi Usaha", file_upload = "Surat Rekomendasi Usaha",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -181,9 +181,9 @@ namespace BpsRwApp.Controllers
file_upload = "Laporan Kegiatan RW", file_upload = "Laporan Kegiatan RW",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -192,9 +192,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Keterangan Domisili", file_upload = "Surat Keterangan Domisili",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -203,9 +203,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Permohonan Bantuan Dana", file_upload = "Surat Permohonan Bantuan Dana",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -214,9 +214,9 @@ namespace BpsRwApp.Controllers
file_upload = "Surat Pernyataan Kesanggupan", file_upload = "Surat Pernyataan Kesanggupan",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>", status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
}; };
@ -314,9 +314,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 11)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 11)),
jumlah_unit = "507", jumlah_unit = "507",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -324,9 +324,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 9)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 9)),
jumlah_unit = "501", jumlah_unit = "501",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -334,9 +334,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 21)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 21)),
jumlah_unit = "504", jumlah_unit = "504",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -344,9 +344,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 17)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 17)),
jumlah_unit = "502", jumlah_unit = "502",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -354,9 +354,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 18)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 18)),
jumlah_unit = "508", jumlah_unit = "508",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -364,9 +364,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 14)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 14)),
jumlah_unit = "505", jumlah_unit = "505",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -374,9 +374,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 2)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 2)),
jumlah_unit = "506", jumlah_unit = "506",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -384,9 +384,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 22)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 22)),
jumlah_unit = "506", jumlah_unit = "506",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -394,9 +394,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 1)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 1)),
jumlah_unit = "503", jumlah_unit = "503",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
new { new {
@ -404,9 +404,9 @@ namespace BpsRwApp.Controllers
tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 28)), tanggal = ControllerSampleData.FormatTanggal(new DateTime(2023, 4, 28)),
jumlah_unit = "504", jumlah_unit = "504",
aksi = "<div class=\"flex gap-2 \">" + aksi = "<div class=\"flex gap-2 \">" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Detail</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Detail</a>" +
"<a class=\"btn btn-sm btn-outline rounded-full\">Edit</a>" + "<a class=\"btn btn-xs bg-white rounded-full\">Edit</a>" +
"<a class=\"btn btn-sm btn-error btn-outline rounded-full\">Delete</a>" + "<a class=\"btn btn-xs btn-error btn-outline rounded-full\">Delete</a>" +
"</div>" "</div>"
}, },
}; };

View File

@ -78,21 +78,16 @@
{ data: 'luasLahan' }, { data: 'luasLahan' },
{ {
data: 'statusUsulan', data: 'statusUsulan',
render: (data) => ` render: (data) => `<span class="badge badge-success badge-soft badge-sm rounded-full font-medium">${data}</span>`
<span class="badge rounded-full bg-green-100 px-3 py-1 text-xs font-medium text-green-700">
${data}
</span>`
}, },
{ {
data: null, data: null,
className: "text-center", className: "text-center",
render: (data, type, row) => ` render: (data, type, row) => `<div class="flex justify-center gap-2">` +
<div class="flex justify-center gap-2"> `<button class="btn btn-xs bg-white btn-detail rounded-full" data-id="${row.id}">Detail</button>` +
<button class="btn btn-xs btn-outline btn-detail rounded-full border-gray-300 text-gray-700 hover:bg-gray-50" data-id="${row.id}">Detail</button> `<button class="btn btn-xs bg-white btn-edit rounded-full" data-id="${row.id}">Edit</button>` +
<button class="btn btn-xs btn-outline btn-edit rounded-full border-gray-300 text-gray-700 hover:bg-gray-50" data-id="${row.id}">Edit</button> `<button class="btn btn-xs btn-error btn-outline btn-delete rounded-full" data-id="${row.id}">Delete</button>` +
<button class="btn btn-xs btn-outline btn-delete rounded-full border-red-300 text-red-600 hover:bg-red-50" data-id="${row.id}">Delete</button> `</div>`,
</div>
`,
orderable: false, orderable: false,
searchable: false searchable: false
} }