EVOLUTION-NINJA

Edit File: site_details.php

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

<section class="content-header">
				<h1><?php echo $site_type->site_dimension1.'*'.$site_type->site_dimension2;?>  sites list </h1>				
			</section>

<table class="table table-striped table-hover sites_table" style="">
			                    <thead>
			                      <tr class="default" >                  
			                        <th class="col-xs-1">Sl No</th>
			                        <th class="col-xs-1">Dimension</th>
			                        <th class="col-xs-2">Site no.</th>
			                        <th class="">Facing</th>
			                        <th class="">Comment</th>
			                        <th class="col-xs-3">Description</th>
			                        <th class="col-xs-1">Action</th>
			                      </tr>
			                    </thead>

</table>
						</div>
												
					</div>

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

<div class="modal fade" id="add_desc_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">Add site description</h4>
        </div>

<div class="modal-body">
         
         <form id="land_owner" class="form-inline add_description_form" enctype="multipart/form-data">
					
			<input type="hidden" class="form-control col-sm-8 site_id_pk" name="site_id" required="required">
						
			<div class="row land_owner_a">
				<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Site number</label>
					<input type="number" min="0" class="form-control col-sm-8" name="site_number" required="required">
				</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Facing</label>
					<input type="text" class="form-control col-sm-8" name="facing" 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">Comment</label>
					<input type="text" class="form-control col-sm-8" name="comment">
				</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Description</label>
					<textarea class="form-control col-sm-8" rows="" cols="31" name="description"></textarea>
				</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">Submit</button>
				</div>
				<div class="col-sm-4 col-md-4"></div>													
			</div>

</form>

</div>

</div>
    </div>
  </div>

<div class="modal fade" id="edit_desc_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 site description</h4>
        </div>

<div class="modal-body">
         
         <form id="land_owner" class="form-inline update_form" enctype="multipart/form-data">
					
			<input type="hidden" class="form-control col-sm-8 site_id_pk" name="site_id" required="required">
						
			<div class="row land_owner_a">
				<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Site number</label>
					<input type="number" min="0" class="form-control col-sm-8 site_number" name="site_number" required="required">
				</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Facing</label>
					<input type="text" class="form-control col-sm-8 facing" name="facing" 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">Comment</label>
					<input type="text" class="form-control col-sm-8 comment" name="comment">
				</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Description</label>
					<textarea class="form-control col-sm-8 description" rows="" cols="31" name="description"></textarea>
				</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">Submit</button>
				</div>
				<div class="col-sm-4 col-md-4"></div>													
			</div>

</form>

</div>

</div>
    </div>
  </div>
<style type="text/css">

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

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

$(document).ready(function(){

var site_type_id = '<?php echo $site_type_id;?>';

var datatable;
	var tbody = $('#table_body');
		datatable = $('.sites_table').DataTable({
			"scrollY": 350,
			"scrollX": true
		});
	
	SitesList();

function SitesList()
	{
		tbody.empty();
    	var table_row = [];

$.ajax({
                type   : 'post',
                url    : '<?php echo site_url("sites-list")?>', 
                data   : {site_type_id:site_type_id},                                        
              	success:function(response){
            //   	response=jQuery.parseJSON(response);
              	console.log(response);

if(response.result==1)
                    {
                    	var slno  = 1;
    					var index = 1;

$.each(response.sites_list,function(idx,vx){
					    var row = [];
					    row.push(slno);

row.push('<?php echo $site_type->site_dimension1.'*'.$site_type->site_dimension2;?>');

row.push(vx.site_number);
				            row.push(vx.facing);
				            row.push(vx.comment);
				            row.push(vx.description);
				            
				            var table_content = '';

table_content += '<div style="float:left;">';
				            if(vx.site_number == "0")
				            {
				            	table_content += '<a class="add" site_id="'+vx.site_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-plus"></span></a>';				
				            }	
				            else
				            {
				            	table_content += '<a class="edit" site_number ="'+vx.site_number+'" facing="'+vx.facing+'" comment="'+vx.comment+'" description="'+vx.description+'" site_id="'+vx.site_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-edit"></span></a>';				
				            }			               
				            
				            table_content += '<a class="delete" site_type_id="'+vx.site_type_id+'" site_id="'+vx.site_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>';
				            table_content += '</div>'
				            
				            row.push(table_content);   
				            table_row.push(row);
				            slno++;
				            index ++;
					    
					    });

datatable.clear();
			            datatable.rows.add(table_row).draw();
			            datatable.draw();

$(".sites_table").on("click", ".delete", function(){

var site_id      = $(this).attr('site_id'); 
			            	var site_type_id = $(this).attr('site_type_id');       
				            var test = $(this);
				            var row  = $(this).closest('tr');
				            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-single-site")?>',
				                                data   : {site_id:site_id,site_type_id:site_type_id},

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

if(response.result == 1) 
				                                    {
				                                       toastr["success"](response.message);
				                                       SitesList();
				                                    }
				                                }
				                            });

} 
				                                else {

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

});
			            });

$(".sites_table").on("click", ".add", function(){

var site_id = $(this).attr('site_id'); 
			            	$(".site_id_pk").val(site_id);
                            $("#add_desc_modal").modal("show");
			            	
			            });

$(".sites_table").on("click", ".edit", function(){

var site_id     = $(this).attr('site_id'); 
			            	var site_number = $(this).attr('site_number');
			            	var facing      = $(this).attr('facing');
			            	var comment     = $(this).attr('comment');
			            	var description = $(this).attr('description');

$(".site_id_pk").val(site_id);
			            	$(".site_number").val(site_number);
			            	$(".facing").val(facing);
			            	$(".comment").val(comment);
			            	$(".description").val(description);
                            $("#edit_desc_modal").modal("show");
			            	
			            });	  
                    }         
                }
                
         });
	}

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

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

$(".submit").text("Submitting...");

$.ajax({

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

if(response.result==1)
                    {
                    	$("#add_desc_modal").modal("hide");
                    	SitesList();
	                    toastr["success"](response.message);
	                    $('.add_description_form')[0].reset();
	                    $(".submit").text("Submit");                    
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit").text("Submit");                       
                    }
                   
                }
                
         });
             
     });

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

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

$(".submit").text("Updating...");

$.ajax({

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

if(response.result==1)
                    {
                    	$("#edit_desc_modal").modal("hide");
                    	SitesList();
	                    toastr["success"](response.message);
	                    $('.update_form')[0].reset();
	                    $(".submit").text("Submit");                    
                    }
                    else if(response.result==2)
                    {
	                    toastr["error"](response.message);    
	                    $(".submit").text("Submit");                    
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit").text("Submit");                       
                    }
                   
                }
                
         });
             
     });

});

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