CMSM

ARR RAW DATA

Filter ARR

No.	ID ARR	Sinar	Board Temp	Kelembaban	Last Update
9	arr123414	5.06	25.3	55.86	15-08-2025 21:18:25
10	arr123414	5.1	25.3	56.03	15-08-2025 21:17:23
11	arr123414	5.06	25.3	57.05	15-08-2025 21:16:20
12	arr123414	5.05	25.4	54.24	15-08-2025 21:15:17

1 234 5 6

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">ARR RAW DATA</div>
        <div>
          Filter ARR <select class="rounded-3" id="filterARR" style="padding:3px" aria-label="Filter ARR">
          <option value="all">All</option>
          <option value="arr123413">ARR BL3</option>
          <option value="arr123412">ARR BTU2</option>
          <option value="arr123414">ARR BENDUNG</option>
          </select>
            <a href="{BASE_URL}/cms/{ID_NAV}/insrt/add/{ID_PROTAB}/" type="button" class="btn btn-default d-none"><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="23" dh="id">No.</th>
                <th class="sorting" idp="23" dh="id_arr">ID ARR</th>
                <th class="sorting" idp="23" dh="sinar">Sinar</th>
                <th class="sorting" idp="23" dh="hujan">Hujan</th>
                <th class="sorting" idp="23" dh="board_temp">Board Temp</th>
                <th class="sorting" idp="23" dh="kelembaban">Kelembaban</th>
                <th class="sorting" idp="23" dh="last_update">Last Update</th>
                <th>Action</th></tr></thead>
        <tbody>

<tr class="trtd" data_id="{ID}"><td class="no">{NO}</td>
                <td class="id_arr">{!id_arr!}</td>
                <td class="sinar">{!sinar!}</td>
                <td class="hujan">{!hujan!}</td>
                <td class="board_temp">{!board_temp!}</td>
                <td class="kelembaban">{!kelembaban!}</td>
                <td class="last_update">{!last_update!}</td>
                <td class="action text-center">
                    <button type="button" class="update btn btn-sm btn-act"  data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Update"><i class="fa-regular fa-pen-to-square"></i></button>
                    <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>
<script>
  $.each($('.trtd'),function(){
    let id = $('.id_arr',this).text();
    if(id == 'arr123414') $('.id_arr',this).text('ARR BENDUNG');
    if(id == 'arr123412') $('.id_arr',this).text('ARR BTU2');
    if(id == 'arr123413') $('.id_arr',this).text('ARR BL3');
  });
  
  let idsel=urinext('id_arr');
  console.log(idsel);
  if(idsel) $('#filterARR').val(idsel);
  $('#filterARR').change(function(){
    let v = $(this).val();
    if(v=='all')
    window.location.assign('https://tabotabo.sipasi.net/cms/61');
    else
    window.location.assign('https://tabotabo.sipasi.net/cms/61/filter/id_arr/'+v);

});
  
</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">ARR RAW DATA</div>
    </div>
    <div class="panel-body">
        <table class="listing table table-striped">
            <thead><tr class="trth"><th class="sorting" idp="23" dh="id">No.</th>
                <th class="sorting" idp="23" dh="id_arr">ID ARR</th>
                <th class="sorting" idp="23" dh="sinar">Sinar</th>
                <th class="sorting" idp="23" dh="hujan">Hujan</th>
                <th class="sorting" idp="23" dh="board_temp">Board Temp</th>
                <th class="sorting" idp="23" dh="kelembaban">Kelembaban</th>
                <th class="sorting" idp="23" dh="last_update">Last Update</th>
                <th>Action</th></tr></thead>
        <tbody>

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

List Modul