base_list.pt 4.4 KB
<html metal:use-macro="load: ./base3.1.pt">
<span metal:fill-slot="scripts">
  <script>
     var btn_view='<button id="btn_view" class="btn btn btn-general" type="button">'+
             '<i class="fa fa-fw fa-eye"></i>&nbsp;View</button>';
     var btn_add='<button id="btn_add" class="btn btn btn-success" type="button">'+
             '<i class="fa fa-fw fa-plus"></i>&nbsp;Tambah</button>';
     var btn_edit='	<button id="btn_edit"   class="btn btn btn-warning" type="button">'+
              '<i class="fa fa-fw fa-edit"></i>&nbsp;Edit</button>';
     var btn_edit_no_id='	<button id="btn_edit_no_id"   class="btn btn btn-warning" type="button">'+
              '<i class="fa fa-fw fa-edit"></i>&nbsp;Edit</button>';
     var btn_delete='<button id="btn_delete" class="btn btn btn-danger"  type="button">'+
              '<i class="fa fa-fw fa-trash-o"></i>&nbsp;Hapus</button>';
     var btn_csv='<button id="btn_csv"  class="btn btn btn-primary" type="button">'+
              '<i class="fa fa-fw fa-file"></i>&nbsp;CSV</button>';
     var btn_pdf='<button id="btn_pdf"  class="btn btn btn-primary" type="button">'+
              '<i class="fa fa-fw fa-file"></i>&nbsp;PDF</button>';
     var btn_close='<button id="btn_close"  class="btn btn btn-warning" type="button">'+
              '<i class="fa fa-fw fa-undo"></i>&nbsp;Tutup</button>';
  </script>
  <script metal:define-slot="scripts"></script>
  <script>
     var language = {
        "search"  : "Cari: ",
        "paginate":{
            "first"   : '<span class="glyphicon glyphicon-step-backward"></span> ',
            "last"    : '<span class="glyphicon glyphicon glyphicon-step-forward"></span> ',
            "previous": '<span class="glyphicon glyphicon-backward"></span>  ',
            "next"    : '<span class="glyphicon glyphicon-forward"></span>  ',
        },
        "lengthMenu": " _MENU_ baris "
     };

     $(document).ready(function () {
        oTable = $('#table1').DataTable({
          dom           : '<"row"<"col-md-8"<"toolbar">Bl><"col-md-4"fr>>tip',
          processing    : true,
          serverSide    : true,
          ajax          : oTableUrl,
          stateSave     : true,
          scrollCollapse: true,
          sort          : true,
          info          : false,
          filter        : true,
          autoWidth     : false,
          paginate      : true,
          paginationType: "full_numbers",

          lengthMenu: [
              [10, 25, 50, 100],
              [10, 25, 50, 100]
          ],
          columnDefs: columnDefs,
          columns: columns,
          "language": language,
        });

        var tb = tb_array.join(' ');
        $("div.toolbar").html(tb);
        $("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');

        $('#table1 tbody').on('click', 'tr', function () {
          if ($(this).hasClass('selected')) {
              $(this).removeClass('selected');
          } else {
              var aData = oTable.row( this ).data();
              oTable.$('tr.selected').removeClass('selected');
              $(this).addClass('selected');
              mID = aData.id;
              console.log(mID);
              oTable.$('tr.row_selected').removeClass('row_selected');
              $(this).addClass('row_selected');
          }
        });

        $("#btn_close").click(function () {
          window.location = '${home}';
          return false;
        });

        $('#btn_add').click(function () {
            window.location = oTableUri+'/add';
        });

        $('#btn_edit').click(function () {
            if (mID) window.location = oTableUri+'/'+mID+'/edit';
            else alert('Pilih Baris yang akan di edit');
        });

        $('#btn_edit_no_id').click(function () {
            window.location = oTableUri+'/edit';
        });

        $('#btn_delete').click(function () {
            if (mID) window.location = oTableUri+'/'+mID+'/delete';
            else alert('Pilih Baris yang akan di hapus');
        });

        $('#btn_csv').click(function () {
            url = oTableUri+"/csv/rpt";
            window.open(url);
        });

        $('#btn_pdf').click(function () {
            url = oTableUri+"/pdf/rpt";
            window.open(url);
        });
        $('#btn_view').click(function () {
            if (mID) window.location = oTableUri+'/'+mID+'/view';
            else alert('Pilih Baris yang akan di lihat');
        });
     });
  </script>
</span>
</html>