EVOLUTION-NINJA

Edit File: land_owners_list.php

<?php echo view('includes/header');?>

<section class="content-header">
				<h1> Land Owners </h1>				
			</section>

<section class="content">				
				<div id="menu1" class="tab-panecol-sm-12 col-md-12 ">
    <div class="col-sm-1"></div>
	<div id = "jaytab3" style="margin-top:3%;" class="col-sm-10 grid">
			<div class="grid_div"></div><table id="list3"></table>
			  <div id="pager3"></div>
		     <div id="dialogSelectRow3" title="Warning" style="display:none">
			 <p>Please select row</p>
		  </div>
		</div>
  </div>
			</section> 			
  
  <div class="modal fade" id="edit_modal" role="dialog">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Update land owner details</h4>
        </div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Contact No</label>
					<input type="text" min="0" class="form-control col-sm-8 mobile" pattern="[789][0-9]{9}" maxlength="10" min="0" name="mobile" required="required">
				</div>
			</div> 
						
		 	<div class="row land_owner_a">

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Project name</label>
					<input type="text" class="form-control col-sm-8 project_name" name="project_name">
				</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">PAN / Aadhar No</label>
					<input type="text" class="form-control col-sm-8 pan_or_adhar" name="pan_or_adhar">
				</div>
														
			</div>  
			
			<div class="row land_owner_a">

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-md-4">ID Proof attach</label>
					 <input  type="file" class="col-sm-8 text-center center-block well well-sm id_proof_image" name="id_proof_image">
				</div>	
					
			</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Address</label>
					<textarea class="form-control col-sm-8 address wd-60" rows="" cols="31" name="address"></textarea>
				</div>	
			</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-md-4">ID Proof image</label>
					 <div class="id_proof_image"></div>
				</div>	
							
			</div> 
			
			<div class="row land_owner_a">
				<div class="col-sm-4 col-md-4"></div>
				<div class="col-sm-4 col-md-4">
					<button type="submit" class="btn btn-primary center-block submit">Update</button>
				</div>
				<div class="col-sm-4 col-md-4"></div>													
			</div>

</form>

</div>

</div>
    </div>
  </div>
      
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	    
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/jqgrid/css/ui.jqgrid.css'); ?>" />
						
		<script src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>

.content-wrapper, .right-side {			
		//min-height:900px !important;
	}	
	
	a {
	 color: inherit; 
	}

</style>
				
<script type="text/javascript">

function some_function() {
        console.log("Edit button clicked!");
    }

$(document).ready(function (){

jQuery("#list3").jqGrid({
		
	 	url:"<?php echo site_url('land-owners-list')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','Owner','Project','Email','Contact','Address','Pan/Adhar','Edit','Delete'],
		colModel:[
					{name:'owner_id',index:'owner_id', width:50, hidden:true,editable:false,key:true},
					{name:'name',index:'name', width:100, editable:false},
					{name:'project_name',index:'project_name', width:100, editable:false},
					{name:'email',index:'email', width:150, editable:false},
					{name:'mobile',index:'mobile', width:75, editable:false},
					{name:'address',index:'address', width:300, editable:false},
					{name:'pan_or_adhar_number',index:'pan_or_adhar_number', width:100, editable:false},
					 {name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="fun($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
							 
						return "<input type='button' value='EDIT' onclick='some_function' data-toggle='modal' data-target='#edit_modal' \>";
						
			}},	
			  {name:'delete',index:'delete',align: "center",editable:false,editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="fun_delete($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
			return "<input type='button'  value='DELETE'  \>";
			  }},    
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager3", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:" Land Owner List",
			
		});

$("#list3").jqGrid("setLabel", "rn", "SL");

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

$("#list3").jqGrid('navGrid','#pager3',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);
		function change_status() {
 		$("#list3").navButtonAdd('#pager3',
				{ 	caption:"Change Status", 
					buttonicon:"ui-icon-pencil", 
					onClickButton: change_status,
					position: "last", 
					title:"", 
					cursor: "pointer",
					id:"client_edit_new"
				} 
		);	
	}
	function print_page() {
  		$("#list3").navButtonAdd('#pager3',
 				{ 	caption:"Print", 
					buttonicon:"ui-icon-print", 
 					onClickButton:print_page,
 					position: "last", 
					title:"", 
 					cursor: "pointer",
					id:"client_delete_new"
 				} 
		);	}

function export_page() {
 		$("#list3").navButtonAdd('#pager3',
				{ 	caption:"Export", 
					buttonicon:"", 
					onClickButton: export_page,
					position: "last", 
					title:"", 
					cursor: "pointer",
					id:"client_delete"
				} 
		);	
		}	
 			
	});

function fun(rowId)
{
   var id = rowId.closest('tr').attr('id');

$.ajax({
        
        url:"<?php echo site_url("edit-land-owner")?>",
        type:"POST",
        data:{owner_id:id},
        success:function(response) {
            //response=jQuery.parseJSON(response);
					console.log(response);

if(response.result == 1) 
                {
                	$(".owner_id_pk").val(response.land_owners_details.owner_id);
                	$(".name").val(response.land_owners_details.name);
                	$(".project_name").val(response.land_owners_details.project_name);
                	$(".mobile").val(response.land_owners_details.mobile);
                	$(".pan_or_adhar").val(response.land_owners_details.pan_or_adhar_number);
                	$(".email").val(response.land_owners_details.email);
                	$(".address").val(response.land_owners_details.address);

if(response.land_owners_details.id_proof_image != "")
		            {
		            	$(".id_proof_image").html('<img src ="<?php echo base_url("land_owners_images");?>/'+response.land_owners_details.id_proof_image+'" style="width:80px;height:70px"/>');
		            }

$("#edit_modal").modal("show");
                    $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                }
            }
	            });  
}

function fun_delete(rowId)
{
	
  var id = rowId.closest('tr').attr('id'); 
  var owner_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({          
                      type   : 'post',
                      url    : '<?php echo base_url("delete-land-owner")?>',
                      data   : {owner_id:owner_id},

success:function(response) {
                      //response=jQuery.parseJSON(response);
							console.log(response);

if(response.result == 1) 
                          {
                             toastr["success"]("Deleted successfully");
                             //$("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
                             $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                          }
                      }
                  });

} 
                      else {

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

});

}

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

$(".submit").attr('disabled', 'disabled');
     $(".submit").text("Updating...");
		
        $.ajax({

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

if(response.result==1)
                {
                	$("#edit_modal").modal("hide");

$("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');// 
                    toastr["success"](response.message);
                    $('.update_form')[0].reset();
                    $(".submit").text("Submit"); 
                    $(".submit").removeAttr('disabled');
                                      
                }
                else if(response.result==2)
                {
                    toastr["error"](response.message);    
                    $(".submit").text("Submit");
                    $(".submit").removeAttr('disabled');                    
                }
                else 
                {
                    toastr["error"](response.message);                       
	                $(".submit").text("Submit");   
	                $(".submit").removeAttr('disabled');                    
                }
               
            }
            
     });
         
 });

$(document).ready(function(){

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

});

</script>