EVOLUTION-NINJA

Edit File: dues_list.php

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

<div class="row land_owner_a">
    		<div class="form-group col-sm-12 col-md-4">
    			<label class="col-sm-4 ">Project</label>
    			<select class="form-control col-sm-8 bg_project" name="project" id="sel1">
    			    <option value="">All</option>
    				<?php 
    				foreach($projects as $val)
    				{
    				?>
    					<option value="<?php echo $val->project_id;?>"><?php echo $val->project_name;?></option>
    				<?php
    				}
    				?>
    			</select>
    		</div>
    	</div>
    	
    	<div id="menu1" class="tab-panecol-sm-12 col-md-12 menu1" style="display:none;">
            <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>
        
        <div id="menu2" class="tab-panecol-sm-12 col-md-12 menu2" style="display:none;">
            <div class="col-sm-1"></div>
    		<div id = "jaytab4" style="margin-top:3%;" class="col-sm-10 grid">
    			<div class="grid_div"></div><table id="list4"></table>
    			  <div id="pager4"></div>
    		     <div id="dialogSelectRow4" title="Warning" style="display:none">
    			 <p>Please select row</p>
    		  </div>
    		</div>
        </div>

</section>

</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()
{
    $('.menu1').show();
    
    $('.menu2').hide();
    
   jQuery("#list3").jqGrid({
    		
    	 	url:"<?php echo site_url('get-dues-all-list')?>",	 
    		 mtype : "post", 	 
    		datatype: "json", 
    	    colNames:['SI','Project','Site number','Customer','Dimension','Reg Date','Remarks'],
    		colModel:[
    					{name:'booking_id',index:'booking_id', width:50, hidden:true,editable:false,key:true},
    					{name:'project_name',index:'project_name', width:200, editable:false},
    					{name:'site_number',index:'site_number', width:150, editable:false},
    					{name:'customer_name',index:'customer_name', width:250, editable:false},
    					{name:'dimension',index:'dimension', width:150, editable:false},
    					{name:'registration_date',index:'registration_date',formatter: 'date', formatoptions: { srcformat: 'Y-m-d', newformat: 'd-m-Y'}, width:200, editable:false},
    					{name:'remarks',index:'remarks', width:250, editable:false},
    	
    			  
    	      	    ],
    	      	  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:" Due 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 }
    		);

$("#list3").navButtonAdd('#pager3',
    				{ 	caption:"Change Status", 
    					buttonicon:"ui-icon-pencil", 
    					onClickButton: change_status,
    					position: "last", 
    					title:"", 
    					cursor: "pointer",
    					id:"client_edit_new"
    				} 
    		);	
		
      		$("#list3").navButtonAdd('#pager3',
     				{ 	caption:"Print", 
    					buttonicon:"ui-icon-print", 
     					onClickButton:print_page,
     					position: "last", 
    					title:"", 
     					cursor: "pointer",
    					id:"client_delete_new"
     				} 
    		);	
     		$("#list3").navButtonAdd('#pager3',
    				{ 	caption:"Export", 
    					buttonicon:"", 
    					onClickButton: export_page,
    					position: "last", 
    					title:"", 
    					cursor: "pointer",
    					id:"client_delete"
    				} 
    		);	 
});

$('.bg_project').change(function(){
    
    $('.menu2').show();
    
    $('.menu1').hide();
    
        var project_id = $('.bg_project :selected').val();
        
            load_date_grid();
          	function load_date_grid()
          	{
          
              	$("#list4").setGridParam(
              	{
    	            url:"<?php echo site_url('get-dues-list')?>?project="+project_id,	  
    	            page:1
    			}).trigger("reloadGrid");//Reload grid trigger
    			$("#list4").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
    			return false
          	}
            jQuery("#list4").jqGrid({
    		
    	 	url:"<?php echo site_url('get-dues-list')?>?project="+project_id,	 
    		 mtype : "post", 	 
    		datatype: "json", 
    	    colNames:['SI','Project','Site number','Customer','Dimension','Reg Date','Remarks'],
    		colModel:[
    					{name:'booking_id',index:'booking_id', width:50, hidden:true,editable:false,key:true},
    					{name:'project_name',index:'project_name', width:200, editable:false},
    					{name:'site_number',index:'site_number', width:150, editable:false},
    					{name:'customer_name',index:'customer_name', width:250, editable:false},
    					{name:'dimension',index:'dimension', width:150, editable:false},
    					{name:'registration_date',index:'registration_date',formatter: 'date', formatoptions: { srcformat: 'Y-m-d', newformat: 'd-m-Y'}, width:200, editable:false},
    					{name:'remarks',index:'remarks', width:250, editable:false},
    	
    			  
    	      	    ],
    	      	  rowNum:20,
    		      	rowTotal: 2000,
    		      	rowList : [10,20,30,50,100,500,1000],
    		      	rownumbers: true,
    		      	rownumWidth: 40,
    		      	pager:"#pager4", 
    		      	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:" Due List",
    			
    		});

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

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

$("#list4").jqGrid('navGrid','#pager4',
    			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
    			{ },
    	        { },
    	        { }, 
    			{
    		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
    		        closeOnEscape: true, 
    		        	multipleSearch: true, 
    		         	closeAfterSearch: true }
    		);

$("#list4").navButtonAdd('#pager4',
    				{ 	caption:"Change Status", 
    					buttonicon:"ui-icon-pencil", 
    					onClickButton: change_status,
    					position: "last", 
    					title:"", 
    					cursor: "pointer",
    					id:"client_edit_new"
    				} 
    		);	
		
      		$("#list4").navButtonAdd('#pager4',
     				{ 	caption:"Print", 
    					buttonicon:"ui-icon-print", 
     					onClickButton:print_page,
     					position: "last", 
    					title:"", 
     					cursor: "pointer",
    					id:"client_delete_new"
     				} 
    		);	
     		$("#list4").navButtonAdd('#pager4',
    				{ 	caption:"Export", 
    					buttonicon:"", 
    					onClickButton: export_page,
    					position: "last", 
    					title:"", 
    					cursor: "pointer",
    					id:"client_delete"
    				} 
    		);

});

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

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

if(response.result == 1) 
                          {
                             toastr["success"](response.message);
                             //PaymentList();
                             $("#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-new-project")?>',
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
              //response=jQuery.parseJSON(response);
              console.log(response);

if(response.result == 1)
                {
                	$("#edit_modal").modal("hide");
                	//NewProjectsList();
                    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 if(response.result == 3)
                {
                    toastr["error"](response.message);    
                    $(".submit").text("Submit");   
                    $(".submit").removeAttr('disabled');                 
                }
                else 
                {
                    toastr["error"](response.message);                       
	                $(".submit").text("Submit"); 
	                $(".submit").removeAttr('disabled');                      
                }
               
            }
            
     });
         
 });

</script>
		<style type="text/css">
			
				.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;
				}
        #list4_rn{
          width: 39px !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;
				}
				.content-wrapper, .right-side {
                    min-height: 1750px !important;
                }
				
			</style>

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