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:
@@ -131,18 +131,6 @@
|
||||
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: {
|
||||
title: 'Dokumen Pendukung',
|
||||
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: {
|
||||
title: 'Action',
|
||||
render: (item, data) => {
|
||||
@if(auth()->user()->roles()->first()->name === "administrator" || auth()->user()->roles()->first()->name === "pemohon-eo")
|
||||
if (data.status === 'pending') {
|
||||
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>
|
||||
</a>
|
||||
</div>`;
|
||||
|
||||
Reference in New Issue
Block a user