CMSM

Rencana Pola Tanam

Add Data

No.	Nama Data	Nama RTTD	Tgl. Rencana MT	Tgl. Pelaksanaan	Jumlah Petak	Luas Layanan	Dijalankan	Action
9	Sample RTTD Tabo Tabo		16-01-2024	2024-08-01	147	7447.90	Tidak	Lihat Neraca

1 23

Use custom template

<div class="panel">
    <div class="panel-header d-flex align-items-center px-2">
        <div class="icon fn-6"><i class="fa-regular fa-list fa-lg"></i></div>
        <div class="title flex-grow-1">Rencana Pola Tanam</div>
        <div>
            <a href="{BASE_URL}/cms/{ID_NAV}/insrt/add/{ID_PROTAB}/" type="button" class="btn btn-default"><i class="fa-solid fa-plus-large"></i> Add Data </a>
        </div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="10" dh="id">No.</th>
                <th class="sorting" idp="10" dh="nama">Nama Data</th>
               <th class="sorting" idp="10" dh="nama_rttd">Nama RTTD</th>
                <th class="sorting" idp="10" dh="tgl_rencana">Tgl. Rencana MT</th>
                <th class="sorting" idp="10" dh="tgl_pelaksanaan">Tgl. Pelaksanaan</th>
                <th class="sorting" idp="10" dh="jumlah_petak text-center">Jumlah Petak</th>
                <th class="sorting" idp="10" dh="luas_layanan">Luas Layanan</th>                
                <th class="sorting" idp="10" dh="dijalankan">Dijalankan</th>

<th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="nama">{!nama!}</td>
               <td class="nama_rttd">{!nama_rttd!}</td>
                <td class="tgl_rencana">{!tgl_rencana!}</td>
                <td class="tgl_pelaksanaan">{!tgl_pelaksanaan!}</td>
                <td class="jumlah_petak text-center">{!jumlah_petak!}</td>
                <td class="luas_layanan">{!luas_layanan!}</td>
                <td class="dijalankan">{!dijalankan!}</td>
                <td class="action text-start">
                    <a href="{BASE_URL}cms/40/rpt/{ID}/" class="detail btn btn-sm btn-act" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="detail"><i class="fa-regular fa-magnifying-glass-plus"></i> Lihat Neraca</a>
                    <button type="button" class="delete btn btn-sm btn-act" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="delete"><i class="fa-regular fa-trash-can"></i></button>
                </td></tr>
      
        
        </tbody>
        </table></div>
   <div class="panel-footer p-2"><div class="text-center">{!PAGING!}</div></div>
</div>
<style>
  .bg-running{ background-color:#f0ffbf !important;}
</style>
<script>
  $.each($('.trtd'), function(a,b){
    	let run = $('.dijalankan',b).text();
    	
    	if(run=='Ya'){
     		$('button.delete',b).remove();
            $('td',b).addClass('bg-running fw-bold');
    	}
  });
</script>

<div class="panel">
    <div class="panel-header d-flex align-items-center px-2">
        <div class="icon fn-6"><i class="fa-regular fa-list fa-lg"></i></div>
        <div class="title flex-grow-1">Rencana Pola Tanam</div>
        <div>
            <a href="{BASE_URL}/cms/{ID_NAV}/insrt/add/{ID_PROTAB}/" type="button" class="btn btn-default"><i class="fa-solid fa-plus-large"></i> Add Data </a>
        </div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="10" dh="id">No.</th>
                <th class="sorting" idp="10" dh="nama">Nama</th>
                <th class="sorting" idp="10" dh="nama_rttd">Nama RTTD</th>
                <th class="sorting" idp="10" dh="tgl_rencana">Tgl. Rencana MT</th>
                <th class="sorting" idp="10" dh="jumlah_petak">Jumlah Petak</th>
                <th class="sorting" idp="10" dh="luas_layanan">Luas Layanan</th>
                <th class="sorting" idp="10" dh="tgl_pelaksanaan">Tgl. Pelaksanaan</th>
                <th class="sorting" idp="10" dh="keterangan">Keterangan</th>
                <th class="sorting" idp="10" dh="dijalankan">Dijalankan</th>
                <th class="sorting" idp="10" dh="tanggal_dibuat">Tgl. Dibuat</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="nama">{!nama!}</td>
                <td class="nama_rttd">{!nama_rttd!}</td>
                <td class="tgl_rencana">{!tgl_rencana!}</td>
                <td class="jumlah_petak text-center">{!jumlah_petak!}</td>
                <td class="luas_layanan">{!luas_layanan!}</td>
                <td class="tgl_pelaksanaan">{!tgl_pelaksanaan!}</td>
                <td class="keterangan">{!keterangan!}</td>
                <td class="dijalankan">{!dijalankan!}</td>
                <td class="tanggal_dibuat">{!tanggal_dibuat!}</td>
                <td class="action text-center">
                    <button type="button" class="detail btn btn-sm btn-act" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="detail"><i class="fa-regular fa-magnifying-glass-plus"></i></button>
                    <button type="button" class="delete btn btn-sm btn-act" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="delete"><i class="fa-regular fa-trash-can"></i></button>
                </td></tr>
      
        
        </tbody>
        </table></div>
   <div class="panel-footer p-2"><div class="text-center">{!PAGING!}</div></div>
</div>

Title
SubTitle
Table Property
Sub From
On Click
Optional Setting
Icon
Hidden

List Modul