EVOLUTION-NINJA

Edit File: payment_list.php

<?php $this->load->view('includes/header.php')?>

<div id ="jaytab" style="margin-top:3%" class="grid table-responsive">
          <table id="list2"></table>
          <div id="pager2"></div>
          <div id="dialogSelectRow" title="Warning" style="display:none">
            <p>Please select row</p>
          </div>
        </div>

</div>
      </div>
    </div>
  </div>
</div>

#pager2_left
{
  display: none !important;
}

#pager2_center
{
  padding-left: 350px !important;
}     
.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
#FrmGrid_list2
{
  width: 100% !important;
}
.ui-jqdialog .ui-jqdialog-titlebar
{
  height: 29px !important;
  background-color: #001a00;
  color: white;
  padding-left: 10px;
}
.fm-button
{
  height: 21px !important;
  padding: 1px;         
  margin-right: 10px !important;
  height: 21px !important;            
    width: 43%;
    margin-top: -7px !important;
}
.ui-jqdialog-content td.navButton {
  padding-top: 12px !important;
}
.ui-jqgrid .ui-jqgrid-titlebar
{
  height: 27px !important;
  /*background:#1e7ad7 !important;*/
  color:white !important;
}
.ui-jqgrid-bdiv
{
  height: auto !important;
  
}
.ui-widget-overlay
{
  z-index:0 !important;
}
.ui-widget-header
{
/*background: #1e7ad7 !important;*/
}
.ui-jqgrid-hdiv ui-state-default
{
//width: 873px !important; 
cursor: default!important
}
ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight 
{
border: 1px solid #fed22f;
background: #ffe45c;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
  font-weight: bold;
  color: black;
}
.ui-jqgrid .ui-jqgrid-bdiv {
//overflow-y: scroll;
//overflow-x: scroll ;
//width: 100% !important;
}

.ui-jqgrid-htable{
  //width: 100% !important;
}
#list2{
  //width: 100% !important;
}
.ui-jqgrid-hdiv {
  //width: 100% !important;
}

@media only screen and (min-width:320px) and (max-width:640px)
{
  #jaytab {
    width: 1100px !important;
    overflow-x: scroll !important;
  }
  .ui-jqgrid ui-widget ui-widget-content ui-corner-all {
    //width: 900px !important;
  }
  .ui-jqgrid-view  {
    //width: 900px !important;
  }
  .ui-jqgrid-hdiv {
    //width: 900px !important;
  }
  .ui-jqgrid-htable {
    width: 900px !important;
  }
  .ui-jqgrid-bdiv {
    width: 900px !important;
  }
  #list2 {
    width: 900px !important;
  }
  #pager2 {
    width: 900px !important;
  }
  .subgrid-data {
    width: 1100px !important;
    overflow-x: scroll !important;
  }
  .table-responsive {
    border: transparent;
  }
  .ui-jqgrid {
    background-color: #ecf0f5;
    border: 1px solid #ecf0f5 !important;
    border-radius: 0px !important;
  }
  #myTable {
        overflow-x: scroll;
        width: 1200px;
  }
}
@media only screen and (min-width:641px) and (max-width:991px)
{
  #jaytab {
    width: 1100px !important;
    overflow-x: scroll !important;
  }
  .ui-jqgrid ui-widget ui-widget-content ui-corner-all {
    //width: 900px !important;
  }
  .ui-jqgrid-view  {
    width: 900px !important;
  }
  .ui-jqgrid-hdiv {
    width: 900px !important;
  }
  .ui-jqgrid-htable {
    width: 900px !important;
  }
  .ui-jqgrid-bdiv {
    width: 900px !important;
  }
  #list2 {
    width: 900px !important;
  }
  #pager2 {
    width: 900px !important;
  }
  .subgrid-data {
    width: 1100px !important;
    overflow-x: scroll !important;
  }
  .table-responsive {
    border: transparent;
  }
  .ui-jqgrid {
    background-color: #ecf0f5;
    border: 1px solid #ecf0f5 !important;
    border-radius: 0px !important;
  }
    
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {
  border: 1px solid #555;
}
.table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #555;
}
table.table-bordered th:last-child, table.table-bordered td:last-child {
  border-right: 1px solid #555;
}

</style>

CallGrid();

rowNum:20,
          rowTotal: 2000,
          rowList : [20,30],
          rownumbers: true,
          //rownumWidth: 60,
          pager:"#pager2", 
          sortname:'id', 
          viewrecords: true,
          gridview: true,
          autowidth: true,
          sortorder:"asc",
          shrinkToFit: true,
          loadonce:true,
          autoencode: true,
      caption:"Plot Payment List",
      //Subgrid1...
        subGrid: false,

});

$("#list2").jqGrid("setLabel", "rn", "SL");
    $("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list2").jqGrid('navGrid','#pager2',
      {edit:false,add:false,del:false,search:false,refreshstate:"current"},
      { },
          { },
          { }, 
      {
          sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
            closeOnEscape: true, 
              multipleSearch: true, 
              closeAfterSearch: true,
              closeAfterDelete:true,
              closeAfterEdit:true
               },

);
}

/*function fun_edit(rowId)
{
  var id = rowId;
  window.location.href  = '<?php echo site_url('edit-salary');?>/'+id;          
}*/

function delete_salary(id)
{
    swal({

title: "Are you sure of deleting?",
    text: "You will not be able to recover this employee salary data !",
    type: "warning",   showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!",
    cancelButtonText: "No, cancel plz!",
    closeOnConfirm: false,
    closeOnCancel: false 
    },
    function(isConfirm){

if (isConfirm) 
        { 
            $(".sweet-alert").hide();
            $(".sweet-overlay").hide();
            $.ajax({
            type : 'post',
            url  : "<?php echo site_url('delete-plot-payment-list');?>",
            data : {'sal_id':id},
           success:function(response) {
           response=jQuery.parseJSON(response);
            console.log(response);
            if(response.result==1){

toastr["success"](response.message);
                $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
            }

}
      });

} 
        else 
        {
            $(".sweet-alert").hide();
            $(".sweet-overlay").hide();
        }
  });
       
}

</script>

<?php $this->load->view('includes/footer.php')?>