Update tampilan status dan aksi pada halaman pembatalan

- Menambahkan kelas `flex justify-center` pada render status untuk memastikan tampilan sejajar di tengah.
- Menambahkan atribut `title="Detail Pembatalan"` pada tombol aksi untuk memberikan informasi tambahan.
This commit is contained in:
Daeng Deni Mardaeni
2024-12-23 16:16:27 +07:00
parent f358d3ea9e
commit ab21e31633

View File

@@ -131,18 +131,6 @@
alasan_pembatalan: { alasan_pembatalan: {
title: 'Alasan Pembatalan' title: 'Alasan Pembatalan'
}, },
status: {
title: 'Status',
render: (item, data) => {
if (data.status === 'pending') {
return `<span class="badge badge-sm badge-warning">Pending</span>`;
} else if (data.status === 'approved') {
return `<span class="badge badge-sm badge-success">Diterima</span>`;
} else if (data.status === 'rejected') {
return `<span class="badge badge-sm badge-danger">Ditolak</span>`;
}
}
},
file_pembatalan: { file_pembatalan: {
title: 'Dokumen Pendukung', title: 'Dokumen Pendukung',
render: (item, data) => { render: (item, data) => {
@@ -154,13 +142,25 @@
} }
} }
}, },
status: {
title: 'Status',
render: (item, data) => {
if (data.status === 'pending') {
return `<span class="badge badge-sm badge-warning flex justify-center">Pending</span>`;
} else if (data.status === 'approved') {
return `<span class="badge badge-sm badge-success flex justify-center">Diterima</span>`;
} else if (data.status === 'rejected') {
return `<span class="badge badge-sm badge-danger flex justify-center">Ditolak</span>`;
}
}
},
actions: { actions: {
title: 'Action', title: 'Action',
render: (item, data) => { render: (item, data) => {
@if(auth()->user()->roles()->first()->name === "administrator" || auth()->user()->roles()->first()->name === "pemohon-eo") @if(auth()->user()->roles()->first()->name === "administrator" || auth()->user()->roles()->first()->name === "pemohon-eo")
if (data.status === 'pending') { if (data.status === 'pending') {
return `<div class="flex flex-nowrap justify-center"> return `<div class="flex flex-nowrap justify-center">
<a class="btn btn-sm btn-outline btn-warning" href="pembatalan/${data.id}/edit"> <a class="btn btn-sm btn-outline btn-warning" href="pembatalan/${data.id}/edit" title="Detail Pembatalan">
<i class="ki-filled ki-eye"></i> <i class="ki-filled ki-eye"></i>
</a> </a>
</div>`; </div>`;