EVOLUTION-NINJA

Edit File: leave_details.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="#">Accounts</a></li>
          <li class="breadcrumb-item"><a href="#">Masters</a></li>
          <li class="breadcrumb-item"><a href="#">HR</a></li>
          <li class="breadcrumb-item"> Leave Details </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">
          <form id="add_leave_details" class="form_submit">
            <div class="col-xs-12">
              
                <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom:10px;">
                  <div class="col-sm-12 col-md-3">
                    <span style="font-size:25px;">Add Leave Details</span>
                      
                  </div>
                </div>
                
                <br>
                
                <div class="row">
                  <div class=" col-sm-12 col-xs-12 col-md-4">
                    <label class="col-sm-12">Yearly CL<span style="color:red">*</span></label>
                    <div class="col-sm-12 ">
                      <input type="text" name="yearly_cl" class="form-control"  required>
                    </div>                      
                  </div> 
                  <div class=" col-sm-12 col-xs-12 col-md-4">
                    <label class="col-sm-12">Yearly ML<span style="color:red">*</span></label>
                    <div class="col-sm-12 ">
                      <input type="text" name="yearly_ml" class="form-control"  required>
                    </div>
                  </div>  
                   <div class=" col-sm-12 col-xs-12 col-md-4">
                    <label class="col-sm-12">week Off<span style="color:red">*</span></label>
                    <div class="col-sm-12">
                      <input type="text" name="week_off" class="form-control" required>
                    </div>                      
                  </div>
                </div>
                
                <br>

<div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
                  <div class="col-sm-12 col-md-2">
                    
                  </div>
                  <div class="col-sm-7"></div>
                  <div class="col-sm-3">
                    <button type="submit" class="btn btn-primary">Save</button>
                    <button type="reset" class="btn">Cancel</button>
                  </div>
                </div>
            </div>
          </form>

<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 class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="ModalLabel">Edit Item Group</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
              <div class="modal-body">
               <form class="forms-sample update_form">
                <input type="hidden" class="form-control id" name="id"/>

<div class="row">
                  <div class=" col-sm-6">
                    <label>Yearly CL<span style="color:red">*</span></label>
                    <div>
                      <input type="text" name="yearly_cl" class="form-control edit_yearly_cl"  required>
                    </div>                      
                  </div> 
                  <div class=" col-sm-6">
                    <label>Yearly ML<span style="color:red">*</span></label>
                    <div>
                      <input type="text" name="yearly_ml" class="form-control edit_yearly_ml"  required>
                    </div>
                  </div>  
                </div>
                <div class="row">
                  <div class=" col-sm-6">
                    <label >week Off<span style="color:red">*</span></label>
                    <div>
                      <input type="text" name="week_off" class="form-control edit_week_off" required>
                    </div>                      
                  </div>
                </div>
                
                <div class="modal-footer">
                  <button type="submit" class="btn btn-primary update">Update</button>
                  <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                </div>

</form>

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

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
</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:"Leave Details 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
               },

);
}

$('#add_leave_details').submit(function(e){  
  e.preventDefault();
      formdata = new FormData($(this)[0]);
      swal({

title: "Are you sure?",
        text: "You want to Save 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('Add-leave-details');?>",
                data : formdata,
                contentType: false,
                processData: false,
                success:function(response) {
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result==1)
                  {
                    toastr["success"](response.message);
                    setTimeout(1000);
                    location.reload();
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

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

function edit_leave_details(id)
{
    $.ajax({
    type : 'post',
    url  : "<?php echo site_url('Edit-leave-details');?>",
    data : {'id':id},
    success:function(response) {
      response=jQuery.parseJSON(response);
      console.log(response);
      if(response.result==1)
      {
        $('#edit_modal').modal('show');
        $('.id').val(response.message.id);
        $('.edit_yearly_cl').val(response.message.yearly_cl);
        $('.edit_yearly_ml').val(response.message.yearly_ml);
        $('.edit_week_off').val(response.message.week_off);
      }

}
  });
  
}

$('.update_form').submit(function(e)
  {    
        e.preventDefault();

$("#loading").show();

formdata = new FormData($(this)[0]);

$(".update").attr('disabled', 'disabled');
        $(".update").text("Updating...");

$.ajax({

type   : 'post',
            url    : '<?php echo site_url("update-leave-details")?>',
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
              response=jQuery.parseJSON(response);
              console.log(response);

if(response.result==1)
                {
                  $("#edit_modal").modal("hide");
                  toastr["success"](response.message);
                  $('.update_form')[0].reset();
                  $(".update").text("Submit");    
                  $(".update").removeAttr('disabled');   
                 // location.reload();      
                  $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
                }
                else if(response.result == 2)
                {
                  toastr["error"](response.message);                       
                  $(".update").text("Submit"); 
                  $(".update").removeAttr('disabled');                      
                }
                else 
                {
                  toastr["error"](response.message);                       
                  $(".update").text("Submit"); 
                  $(".update").removeAttr('disabled');                      
                }
               
            }
            
      });
             
    });
function delete_leave_details(id)
{
    swal({

title: "Are you sure?",
    text: "You will not be able to recover this 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-details');?>",
        data : {'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')?>