EVOLUTION-NINJA

Edit File: leave_applications.php

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

<div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">HR</a></li>
          <li class="breadcrumb-item"> Leave Applications </li>
        </ol>
        </div> 
      </div> 
      </div>
    </div>
   <div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
            <a href="<?php echo site_url('dashboard');?>"><button type="button" class="btn btn-sm btn-primary">Back</button></a>
        	<a href="<?php echo site_url('apply-leave');?>"><button type="button" class="btn btn-sm btn-primary">Apply Leave</button></a>
            
        	 <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>

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:"Leave Applications",
			//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_approve(id)
{
    swal({

title: "Are you sure?",
        text: "You want to Approve this?",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes!",
        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('leave-approval');?>",
            data : {'leave_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
              {
                toastr["error"](response.message);
                $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
              }    
            }
        });

} 
      else 
      {

$(".sweet-alert").hide();
          $(".sweet-overlay").hide();
           $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
      }

});
}

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

function delete_leave(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-leave');?>",
            data : {'leave_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>

#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>

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