EVOLUTION-NINJA

Edit File: add_holiday.php

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

<div class="content-wrapper">   
      <section class="content-header">
          <?php $id = $this->session->userdata('id');?>
           <div class="col-sm-6">
              <h2 style="padding-top: 1%;">Add Holiday</h2>
            </div>
      </section>

<section class="content">
        <div class="row">
          <div class="container" style="padding-top:1%;">
            <form class="form_submit" enctype="multipart/form-data" style="padding-top:1%; !important;">
              <div class="row ">
                <div class="col-sm-12 col-md-6">
                  <label class="col-sm-4">Date</label>
                  <div class="col-sm-12 yes_form"> 
                    <input type="text" class="form-control" name="holiday_date" id="datepick1" required >   
                  </div>
                </div>
                <div class=" col-sm-12 col-md-6">
                  <label class="col-sm-4">Name</label>
                  <div class="col-sm-12 yes_form">
                    <input type="text" class="form-control"  name="name" required >
                  </div>                      
                </div>
              </div>
               <div class="row ">
                <div class=" col-sm-12 col-md-6">
                  <label class="col-sm-4">Description</label>
                  <div class="col-sm-12 yes_form" style="">
                    <textarea class="form-control" rows ="2" name="description" required ></textarea>
                  </div>                      
                </div>
              </div>  
                
              
              <div class="row justify-content-center" style="text-align: center; padding-top: 3%;">
                 <button type="submit" class="btn btn-primary submit">Submit</button>
                 <button type="reset" class="btn cancel">Cancel</button>
              </div>
            </form>
          </div>
        </div> 
      </section> 
      
    </div> 
        <div class="col-sm-11">
            <div id ="jaytab" style="margin-top:3%" class="grid ">
            <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 class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="ModalLabel">Edit Holiday</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-12 col-md-6">
                  <label class="col-sm-4">Date</label>
                  <div class="col-sm-12 yes_form"> 
                    <input type="text" class="form-control date" name="holiday_date" id="datepick1" required >   
                  </div>
                </div>
                <div class=" col-sm-12 col-md-6">
                  <label class="col-sm-4">Name</label>
                  <div class="col-sm-12 yes_form">
                    <input type="text" class="form-control name"  name="name" required >
                  </div>                      
                </div>
              </div>
               <div class="row ">
                <div class=" col-sm-12 col-md-6">
                  <label class="col-sm-4">Description</label>
                  <div class="col-sm-12 yes_form" style="">
                    <textarea class="form-control description" rows ="2" name="description" required ></textarea>
                  </div>                      
                </div>
              </div>

<div class="modal-footer">
                      <button type="submit" class="btn btn-primary update">Submit</button>
                      <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                    </div>
                </form>
              </div>
          </div>
        </div>
    </div>
<link rel="stylesheet" href="<?php echo base_url('assets/css/jquery-ui.css');?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/grid_style.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid.css'); ?>" />  
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap-ui.css'); ?>" />

$('.cancel').click(function(){
      window.location = '<?php echo site_url("add-holiday")?>';
    });

$('#datepick1').datepicker({
    format: "dd-mm-yyyy",
  }).on('changeDate', function(ev){
     $('#datepick1').datepicker('hide');
    });
  $(document).ready(function(){
  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:"Holiday 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
               },

);
}
    
});

$('.form_submit').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-holiday-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(function wait(){
                     window.location = '<?php echo site_url("holiday-details")?>';
                      }, 1000);
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

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

});

</script>

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

.sqpading{
  padding-top: 45px;
  padding-bottom: 45px;
}  
@media only screen and (min-width: 320px) and (max-width: 640px){
    .sqpading{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

</style>