EVOLUTION-NINJA

Edit File: material_master.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="#">Civil</a></li>
          <li class="breadcrumb-item"> Metrial </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">

<button class="add_material btn btn-primary">Add Material Details</button>

<div class="col-sm-1"></div>
            <div class="col-sm-10">
              <div id="jaytab3" style="margin-top:6%;" >
                <div class="grid_div"></div>
                <table id="list2">
                </table>
                <div id="pager3"></div>
                <div id="dialogSelectRow3" title="Warning" style="display:none">
                <p>Please select row</p>
                </div>
              </div>
            </div>
            <div class="col-sm-5"></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" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="ModalLabel">Edit Material Details</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 up_id" name="up_id" >
                  <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group" >
                          <label for="exampleInputUsername1">Material</label>
                          <input type="text" class="form-control material" name="material" required >
                      </div>
                    </div>
                     <div class="col-sm-6">
                      <div class="form-group" >
                        <label for="exampleInputUsername1">Unit</label>
                        <input type="text" class="form-control unit" name="unit" required>
                      </div>
                    </div>
                    
                  </div>
                  <div class="row">
                   
                     <div class="col-sm-6">
                      <div class="form-group" >
                          <label for="exampleInputUsername1">Amount</label>
                          <input type="text" class="form-control amount" name="amount" required>
                        </div>
                    </div>
                   
                    <div class="col-sm-6">
                      <div class="form-group" >
                          <label for="exampleInputUsername1">Material GST(%)</label>
                          <input type="text" class="form-control material_type" name="material_type" 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>

<div class="modal fade" id="add_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="ModalLabel">Material Details</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>

<div class="row">
                  <div class="col-sm-6">
                    <div class="form-group" >
                      <label for="exampleInputUsername1">Material</label>
                      <input type="text" class="form-control material" name="material" required >
                    </div>
                  </div>
                 <div class="col-sm-6">
                    <div class="form-group" >
                      <label for="exampleInputUsername1">Unit</label>
                      <input type="text" class="form-control unit" name="unit" required >
                    </div>
                  </div>
                </div>
                <div class="row">
                  
                  <div class="col-sm-6">
                    <div class="form-group" >
                        <label for="exampleInputUsername1">Amount</label>
                        <input type="text" class="form-control amount" name="amount" required >
                    </div> 
                  </div>
                   <div class="col-sm-6">
                    <div class="form-group" >
                      <label for="exampleInputUsername1">Material GST(%)</label>
                      <input type="text" class="form-control material_type" name="material_type" required >
                    </div> 
                  </div>
                </div>

<div class="modal-footer">
                  <button type="submit" class="btn btn-primary submit">Submit</button>
                  <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>

$('.add_material').click(function()
  {
    $('#add_modal').modal('show');

})

$('#add_material').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-material-details")?>',
              data   : formdata,
              contentType: false,
              processData: false,
                                      
              success:function(response)
              {
                response=jQuery.parseJSON(response);
                console.log(response);
                  if(response.result==1)
                  { 
                    $('#add_material')[0].reset();
                    $(".submit").text("Submit");
                    toastr["success"](response.message);
                    location.reload();
                  } 
                  else 
                  {
                    toastr["error"](response.message);      
                    $(".submit").text("Submit"); 
                    $(".submit").removeAttr('disabled'); 
                  }
              }
            });
        } 
        else 
        {
          $(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        }
      });

});

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:"Material 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
               },

);
}

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

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

formdata = new FormData($(this)[0]);
        $.ajax({
          type   : 'post',
          url    : '<?php echo site_url('update-material-details');?>',
          data   : formdata,
          contentType: false,
          processData: false,                          
            success:function(response){
            response=jQuery.parseJSON(response);
            console.log(response);
            if(response.result==1)
              {
                $('.update_form')[0].reset();
                $(".update").text("Update");
                $("#edit_modal").modal("hide");
                toastr["success"](response.message);
                location.reload();
                  /*setTimeout(function wait(){
                    window.location = '<?php echo site_url("employee-list")?>';
                  }, 1000);*/
              }                     
              else 
              {
                toastr["error"](response.message);      
                $(".update").text("Update"); 
                $(".update").removeAttr('disabled');                      
              }
          }    
      });

});

function fun_delete(rowId)
{
  var id = rowId.closest('tr').attr('id');
  var id = 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({
          
          url:"<?php echo site_url("delete-material-details")?>",
          type:"POST",
          data:{id:id},
          success:function(response) {
            response=jQuery.parseJSON(response);
                console.log(response);

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

});  
        
         } 
        else {

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

});
}

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