EVOLUTION-NINJA

Edit File: add_vendor.php

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

<section class="content-header">
				<h1> Vendor Details</h1>				
			</section>

<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
			  Add Vendor Details
			</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			  <div class="modal-dialog" role="document">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title" id="myModalLabel">Add Vendor Details</h4>
			      </div>
			      <div class="modal-body">
			        <form id="land_owner" class="form-inline usertype_form" method="post" enctype="multipart/form-data">
						
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Name</label>
								<div class="col-sm-8">
								    <input type="text" class="form-control" name="vendor_name" required="required">    
								</div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Company Name</label>
								<div class="col-sm-8">
								    <input type="text" class="form-control" name="company_name">
								</div>
							</div>
						</div> 
						<div class="row land_owner_aa">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Contact</label>
								<div class="col-sm-4">
								    <input class="form-control" type="text" pattern="^\d{10}" maxlength="10" name="contact1" >    
								</div>
								<div class="col-sm-4">
								    <input class="form-control" type="text" pattern="^\d{10}" maxlength="10" name="contact2">
								</div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Email</label>
								<div class="col-sm-8">
								    <input type="text" class="form-control" name="email" >    
							    </div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Company Address</label>
								<div class="col-sm-8">
								    <textarea class="form-control" name="company_address" ></textarea>    
								</div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">GSTIN</label>
								<div class="col-sm-8">
								    <input type="text" class="form-control" name="gstin">    
								</div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Bank Name</label>
								<div class="col-sm-8">
								    <input type="text" class="form-control" name="bank_name">
								</div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Account No.</label>
								<div class="col-sm-8">
								    <input type="text" class="form-control" name="acc_no" >    
								</div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">IFSC Code</label>
								<div class="col-sm-8">
								    <input type="text" class="form-control" name="ifsc">    
								</div>
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Bank Address</label>
								<div class="col-sm-8">
								    <textarea class="form-control" name="bank_address"></textarea>    
								</div>
								
							</div>
						</div> 
						<div class="row land_owner_a">
							<div class="form-group col-sm-12">
								<label class="col-sm-4">Upload Document</label>
								<div class="col-sm-8">
								    <input type="file" class="form-control" multiple name="file_upload[]">    
								</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_button submit">Submit</button>
							</div>
							<div class="col-sm-4 col-md-4"></div>													
						</div>

</form>
			      </div>
			     
			    </div>
			  </div>
			</div>
					
					<section class="content">	
			<div id="menu1" class="tab-panecol-sm-12 col-md-12 ">

<div id = "jaytab3" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid">
			<div class="grid_div"></div><div class="table-responsive"><table id="list3"></table></div>
			  <div id="pager3"></div>
		     <div id="dialogSelectRow3" title="Warning" style="display:none">
			 <p>Please select row</p>
		  </div>
		</div>

</div>			
			</section> 
					
				</div> 	 -->			
				<div class="col-sm-0 col-md-1"></div>
			</section>

<form id="land_owner" class="form-inline usertype_form_update"  method="post" enctype="multipart/form-data">
<div class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Update Details</h4>
      </div>
      <div class="modal-body edit_details">
       
      </div>
      <div class="modal-footer">
       <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_button submit">Submit</button>
       	</div>
       	<div class="col-sm-4 col-md-4"></div>
       	</div>
	</div>
      
    </div>
  </div>
</div>
</form>
<style type="text/css">

.content-wrapper, .right-side {			
		//min-height:900px !important;
	}	
	
	a {
	 color: inherit; 
	}
	
	.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: 50%;
				    margin-top: -7px !important;
				}
				.ui-jqdialog-content td.navButton {
					padding-top: 12px !important;
				}
				.ui-jqgrid .ui-jqgrid-titlebar
				{
					height: 27px !important;
					background:#AF0100 !important;
					color:white !important;
				}
				.ui-jqgrid-bdiv
				{
					height: 232px !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: hidden;
				}
				
				.agr_appr
				{
				font-weight:bold !important;
				color:#AF0100;
				cursor: pointer; 
				}
				.land_owner_aa input{
					width:30%;
					height: 31px !important;
					margin-bottom: 10px;
					//margin-right: 6px;
				}

</style>
	   
	    <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>			
<script type="text/javascript">

$(document).ready(function (){

jQuery("#list3").jqGrid({
		
	 	url:"<?php echo site_url('vendor-list')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','Vendor Name','Company','Phone1','Phone2','Email','Company Address','GSTIN','Bank Name','Acc No','IFSC','Bank Address','VIEW','Edit','Delete'],
		colModel:[
					{name:'id',index:'id', width:50, hidden:true,editable:false,key:true},
					{name:'vendor_name',index:'vendor_name', width:100, editable:false},
					{name:'company_name',index:'company_name', width:100, editable:false},
					{name:'phone_one',index:'phone_one', width:100, editable:false},
					{name:'phone_two',index:'phone_two', width:100, editable:false},
					{name:'email',index:'email', width:100, editable:false},
					{name:'company_address',index:'company_address', width:150, editable:false},
					{name:'gstin',index:'gstin', width:100, editable:false},
					{name:'bank_name',index:'bank_name', width:100, editable:false},
					{name:'account_no',index:'account_no', width:70, editable:false},
					{name:'ifsc_coce',index:'ifsc_coce', width:70, editable:false},
					{name:'bank_address',index:'bank_address', width:150, editable:false},

{name:'upload_files',index:'upload_files',editable:false,editrules:{}, width:150,
		                formatter: function (cellvalue, options, rowObject) {
		                	if(rowObject.upload_files){
		                		var  upload_file=jQuery.parseJSON(rowObject.upload_files);
									console.log(upload_file);
		                		var retVal = '';
		                   	 $.each(upload_file, function(key, val){
		                   	 
		                   		 retVal +='<a href="<?php echo base_url('public/vendor_details_uploads');?>/'+val+'"  target="_blank" ><img width="30px" height="30px" src="<?php echo base_url('vendor_details_uploads');?>/'+val+'" class="profile-pic"/></a>';
			                   	  });
		                   	return retVal;
		                   	  
		                   	
		                	}
		                	else{

return '';
		                	}

}},
					
					 {name:' ',index:' ',editable:false,align: "center",editrules:{required: true},search:false, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="reg_fun($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='EDIT' \>";
					}},	
			
				  		{name:'delete',index:'delete',align: "center",search:false,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:" Vendor Detail 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 reg_fun(rowId)
{
    var user_type_id = rowId.closest('tr').attr('id');
    var app = $("#list3").jqGrid('getRowData',user_type_id);

var id=user_type_id;
		$.ajax({
	                type   : 'post',
	                url    : '<?php echo site_url("get_vendor_details")?>',
	                data   : {'id':id},
	                                          
	                  success:function(response){
	               //   response=jQuery.parseJSON(response);
	                  console.log(response);

if(response.result==0)
	                    {
	                	  toastr["error"](response.message);   
		                  
		                   
	                    }
	                    else
	                    {
							 $('.edit_details').empty();
	                    	 
		                    var con='';
		                    
		                   
						con+='<div class="row land_owner_a">';
							con+='<input type="hidden" class="edit_id" value="'+response.message.id+'" name="edit_id">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Name</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="text" value="'+response.message.vendor_name+'" class="form-control vendor_name_update" name="vendor_name_update">';
								con+='</div>';    
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Company Name</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="text" value="'+response.message.company_name+'" class="form-control company_name_update" name="company_name_update">';
								con+='</div>';
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_aa">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Contact</label>';
								con+='<div class="col-sm-4">';
								con+='<input class="contact1_update" value="'+response.message.phone_one+'" type="text"  name="contact1_update">';
								con+='</div>';
								con+='<div class="col-sm-4">';
								con+='<input class="contact2_update" type="text" value="'+response.message.	phone_two+'"  name="contact2_update">';
								con+='</div>';
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Email</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="text" class="form-control email_update" name="email_update" value="'+response.message.email+'">';
								con+='</div>';    
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Company Address</label>';
								con+='<div class="col-sm-8">';
								con+='<textarea class="form-control company_address_update" name="company_address_update">'+response.message.company_address+'</textarea>';
								con+='</div>';    
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">GSTIN</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="text" value="'+response.message.gstin+'" class="form-control gstin_update" name="gstin_update">';
								con+='</div>';    
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Bank Name</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="text" value="'+response.message.bank_name+'" class="form-control bank_name_update" name="bank_name_update">';
								con+='</div>';
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Account No.</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="text"  value="'+response.message.account_no+'" class="form-control acc_no_update" name="acc_no_update">';
								con+='</div>';
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">IFSC Code</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="text" value="'+response.message.ifsc_coce+'" class="form-control ifsc_update" name="ifsc_update">';
								con+='</div>';
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Bank Address</label>';
								con+='<div class="col-sm-8">';
								con+='<textarea class="form-control bank_address_update" name="bank_address_update">'+response.message.bank_address+'</textarea>';
								con+='</div>';
							con+='</div>';
						con+='</div>';
						con+='<div class="row land_owner_a">';
							con+='<div class="form-group col-sm-12">';
								con+='<label class="col-sm-4">Upload Document</label>';
								con+='<div class="col-sm-8">';
								con+='<input type="file" class="form-control file_upload_update" multiple name="file_upload_update[]">';
								con+='</div>';
								if(response.message.upload_files!=''){
									var files=response.message.upload_files;
									var file=jQuery.parseJSON(files);
									$.each(file, function(key, val){
								
								con+='<a style="color:red;margin-left:36%;" target="_blank" href="<?php echo base_url('public/vendor_details_uploads')?>'+'/'+val+'">Click here to view</a>';
								
							});
								}
								
							con+='</div>';
						con+='</div>';
						
					
									
		             $('.edit_details').append(con); 
	                }
	            }

});
    $("#edit_modal").modal("show");

}

function fun_delete(rowId)
{
	
  var id = rowId.closest('tr').attr('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();
//             test.attr('disabled', 'disabled');
//             test.text("Deleting...");
                $.ajax({          
                        type   : 'post',
                        url    : '<?php echo site_url("delete-vendor-details")?>',
                        data   : {id:id},

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

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

} 
                        else {

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

});
}

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

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

$(".submit_button").attr('disabled', 'disabled');
            $(".submit_button").text("Submitting...");

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("add_vendor_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);
	                    $("#myModal").modal("hide");
	                   $('.usertype_form')[0].reset();
	                    $(".submit_button").text("Submit");    
	                    $(".submit_button").removeAttr('disabled'); 
	                    $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');               
                    }
                    else if(response.result == 2)
                    {
	                    toastr["error"](response.message);                       
		                $(".submit_button").text("Submit"); 
		                $(".submit_button").removeAttr('disabled');                      
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit_button").text("Submit"); 
		                $(".submit_button").removeAttr('disabled');                      
                    }
                   
                }
                
         });
             
     });

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

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

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

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("update-vendor-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);
	                    $('.usertype_form_update')[0].reset();
	                    $(".update_button").text("Submit");    
	                    $(".update_button").removeAttr('disabled');  
	                    $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');               
                    }
                    else if(response.result==2)
                    {
	                    toastr["error"](response.message);    
	                    $(".update_button").text("Submit");
	                    $(".update_button").removeAttr('disabled');                    
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".update_button").text("Submit"); 
		                $(".update_button").removeAttr('disabled');                      
                    }
                   
                }
                
         });
             
     });

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