fix: center align checkbox and change button back to save
parent
6d27a03e78
commit
3976d54f19
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue