fix: center align checkbox and change button back to save

main-dlh
Regiaaaaaa 2025-11-27 14:49:46 +07:00
parent 6d27a03e78
commit 3976d54f19
1 changed files with 29 additions and 15 deletions

View File

@ -10,10 +10,10 @@
<div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-semibold">Input Checklist Rumah</h2>
<a href="/ChecklistHarian/Index" class="btn bg-white hover:bg-gray-50 rounded-full border border-gray-200">
<span class="icon">arrow_back</span>
Kembali
</a>
<button class="btn btn-primary rounded-full text-white">
<span class="icon me-1">save</span>
Simpan
</button>
</div>
<div class="flex flex-wrap items-center gap-6 mb-6">
@ -38,14 +38,14 @@
<table class="table w-full" id="inputChecklistTable">
<thead class="bg-gray-50">
<tr>
<th>No</th>
<th>Alamat Rumah</th>
<th>RW</th>
<th>Mudah Terurai</th>
<th>Material Daur</th>
<th>B3</th>
<th>Residu</th>
<th>Photo</th>
<th class="text-left">No</th>
<th class="text-left">Alamat Rumah</th>
<th class="text-left">RW</th>
<th class="text-center">Mudah Terurai</th>
<th class="text-center">Material Daur</th>
<th class="text-center">B3</th>
<th class="text-center">Residu</th>
<th class="text-center">Photo</th>
</tr>
</thead>
<tbody></tbody>
@ -113,27 +113,41 @@ $(document).ready(function () {
$('div.dt-scroll-body thead').css('visibility', 'collapse');
},
columns: [
{ data: 'no' },
{ data: 'alamat_rumah' },
{ data: 'rw' },
{
data: 'no',
className: '!align-middle'
},
{
data: 'alamat_rumah',
className: '!align-middle'
},
{
data: 'rw',
className: '!align-middle'
},
{
data: null,
className: '!align-middle !text-center',
render: () => `<input type="checkbox" class="chk-field checkbox checkbox-success checked:text-white" />`
},
{
data: null,
className: '!align-middle !text-center',
render: () => `<input type="checkbox" class="chk-field checkbox checkbox-success checked:text-white" />`
},
{
data: null,
className: '!align-middle !text-center',
render: () => `<input type="checkbox" class="chk-field checkbox checkbox-success checked:text-white" />`
},
{
data: null,
className: '!align-middle !text-center',
render: () => `<input type="checkbox" class="chk-field checkbox checkbox-success checked:text-white" />`
},
{
data: null,
className: '!align-middle !text-center',
render: () => `
<button class="btn btn-sm rounded-full btn-upload bg-gray-200 text-gray-500" disabled>
Upload