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