EVOLUTION-NINJA

Edit File: new_project_form.php

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

<section class="content-header">
				<h1> Create project </h1>				
			</section>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Download</label>
								
								<button type="button" class="btn btn-sm btn-primary excel_format_btn">Excel format</button>
							</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" name="project_name" required="required">
						
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Nick Name</label>
								 <input  type="text" class="form-control col-sm-8" name="nick_name" required>
						</div>

</div> 
												
					 	<div class="row land_owner_a">
					 	
					    	<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Land owner / Developer</label>
								<select class="form-control" name="land_owner">
								    <option value="">Select</option>
									
									<?php
									foreach($owners as $value)
									{
										?>
											<option value="<?php echo $value->owner_id;?>"><?php echo $value->name;?></option>

<?php
									}
									?>
								</select>
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Land owner / Developer Address</label>
								<textarea type="text" class="form-control col-sm-8"  name="land_owner_address"></textarea>
							</div>

</div>  
						
						<div class="row land_owner_a">
							
											
						</div>

<div class="row land_owner_a">
						    
                            <div class="form-group col-sm-12 col-md-6">
                            	<label class="col-sm-4">Project Ownership</label>
                            		<select class="form-control marketing" onchange="owner_hide()" name="marketing">
                            			<option value="">Select</option>
                            			<option value="Owner">Owner</option>
                            			<option value="Confirming Party">Confirming Party</option>
                            		</select>
                            </div>
                            <div class="form-group col-sm-12 col-md-6 owner_name">
                            	<label class="col-sm-4">Project Ownership Name</label>
                            	<select class="form-control" name="project_ownership">
                            	    <option value="">Select</option>
                            		
                            		<?php
                            		foreach($project_owners as $value)
                            		{
                            			?>
                            				<option value="<?php echo $value->id;?>"><?php echo $value->project_ownership;?></option>
                            
                            			<?php
                            		}
                            		?>
                            	</select>
                            	
                            </div>
                            <div class="form-group col-sm-12 col-md-6 party_name">
								<label class="col-sm-4 col-md-4">Confirming Party Name</label>
								 <input  type="text" class="form-control col-sm-8 confirming_party_name" name="confirming_party_name" >
							</div>
                            </div>
						<div class="row land_owner_a">

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">No of Years</label>
								<input type="text" class="form-control col-sm-8" name="no_of_years" required="required">
							</div>
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Maintenance Per Sqft</label>
								<input type="text" class="form-control col-sm-8" name="per_sq_ft" 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 col-md-4">Approved plan</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="approved_plan_image">
							</div>
						
							
						    <div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Upload excel</label>
								 <input  type="file" name="excel_file" id="file" class="file-chooser__input col-sm-8 text-center center-block well well-sm">
							</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">Conversion order</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="conversion_order_image[]" multiple>
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Handled By</label>
								
								 <select class="form-control" name="handled_by">
									<option value="">Select</option>
									<?php
									foreach($users as $value)
									{
										?>
											<option value="<?php echo $value->user_id;?>"><?php echo $value->username;?></option>

<?php
									}
									?>
								</select>
							</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">Release order</label>
							 	<input  type="file" class="col-sm-8 text-center center-block well well-sm" name="release_order_image">						
							</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">Create Project</button>
							</div>
							<div class="col-sm-4 col-md-4"></div>													
						</div>

</form>

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

.content-wrapper, .right-side {			
		min-height:1200px !important;
	}	
	
	a {
	 color: inherit; 
	}
	.sqft_row input{
		width: 100% !important;
	}

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

$(".excel_format_btn").click(function(){
	var content = '';
       content +='<thead><tr><th>Sl No</th><th>SITE NO</th><th>NORTH (in mtrs)</th><th>SOUTH (in mtrs)</th><th>EAST(IN MTRS)</th><th>WEST (IN MTRS)</th><th>TOTAL IN  SQ MTRS</th><th>TOTAL IN SFT</th><th>EAST FACING</th><th>WEST FACING</th><th>NORTH FACING</th><th>SOUTH FACING</th><th>STATUS</th></tr></thead>';
       $('.excel_format_table').append(content);

$("#excel_format_table").table2excel({
            exclude: ".noExl",
            name: "Excel Document Name",
            filename: "site_excel_format",
            fileext: ".xls",
            exclude_img: true,
            exclude_links: true,
            exclude_inputs: true
            });  
});

$(document).ready(function(){
    
    $(".party_name").hide();

$.fn.uploader = function( options ) {
     var settings = $.extend({
       MessageAreaText: "No files selected.",
       MessageAreaTextWithFiles: "File List:",
       DefaultErrorMessage: "Unable to open this file.",
       BadTypeErrorMessage: "We cannot accept this file type at this time.",
       acceptedFileTypes: ['csv', 'rtf', 'xls', 'xlsx']
     }, options );
  
     var uploadId = 1;
     //update the messaging 
      $('.file-uploader__message-area p').text(options.MessageAreaText || settings.MessageAreaText);
     
     //create and add the file list and the hidden input list
     var fileList = $('<ul class="file-list"></ul>');
     var hiddenInputs = $('<div class="hidden-inputs hidden"></div>');
     $('.file-uploader__message-area').after(fileList);
     $('.file-list').after(hiddenInputs);
     
    //when choosing a file, add the name to the list and copy the file input into the hidden inputs
     $('.file-chooser__input').on('change', function(){
        var file = $('.file-chooser__input').val();
        var fileName = (file.match(/([^\\\/]+)$/)[0]);

//clear any error condition
       $('.file-chooser').removeClass('error');
       $('.error-message').remove();
       
       //validate the file
       var check = checkFile(fileName);
       if(check === "valid") {
         
         // move the 'real' one to hidden list 
        // $('.hidden-inputs').append($('.file-chooser__input')); 
       
         //insert a clone after the hiddens (copy the event handlers too)
         //$('.file-chooser').append($('.file-chooser__input').clone({ withDataAndEvents: true})); 
       
         //add the name and a remove button to the file-list
         $('.file-list').append('<li style="display: none;"><span class="file-list__name">' + fileName + '</span><button class="removal-button" data-uploadid="'+ uploadId +'"></button></li>');
         $('.file-list').find("li:last").show(800);
        
         //removal button handler
         $('.removal-button').on('click', function(e){
           e.preventDefault();
         
           //remove the corresponding hidden input
           $('.hidden-inputs input[data-uploadid="'+ $(this).data('uploadid') +'"]').remove(); 
         
           //remove the name from file-list that corresponds to the button clicked
           $(this).parent().hide("puff").delay(10).queue(function(){$(this).remove();});
           
           //if the list is now empty, change the text back 
           if($('.file-list li').length === 0) {
             $('.file-uploader__message-area').text(options.MessageAreaText || settings.MessageAreaText);
           }
         });
       
         //so the event handler works on the new "real" one
        // $('.hidden-inputs .file-chooser__input').removeClass('file-chooser__input').attr('data-uploadId', uploadId); 
       
         //update the message area
         $('.file-uploader__message-area').text(options.MessageAreaTextWithFiles || settings.MessageAreaTextWithFiles);
         
         uploadId++;
         
       } else {
         //indicate that the file is not ok
         $('.file-chooser').addClass("error");
         var errorText = options.DefaultErrorMessage || settings.DefaultErrorMessage;
         
         if(check === "badFileName") {
           errorText = options.BadTypeErrorMessage || settings.BadTypeErrorMessage;
         }
         
        // $('.file-chooser__input').after('<p class="error-message">'+ errorText +'</p>');
       }
     });
     
     var checkFile = function(fileName) {
       var accepted          = "invalid",
           acceptedFileTypes = this.acceptedFileTypes || settings.acceptedFileTypes,
           regex;

for ( var i = 0; i < acceptedFileTypes.length; i++ ) {
         regex = new RegExp("\\." + acceptedFileTypes[i] + "$", "i");

if ( regex.test(fileName) ) {
           accepted = "valid";
           break;
         } else {
           accepted = "badFileName";
         }
       }

return accepted;
    };
  };

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

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

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

if (!$("input[name='site_type']:checked").val()) 
            {
	           	toastr["error"]("Select site type");                       
		        $(".submit").text("Submit");
		        $(".submit").removeAttr('disabled');
	        }
	        else
	        {
	        	$.ajax({
                type   : 'post',
                url    : '<?php echo site_url("add-project")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                  //response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
	                    toastr["success"](response.message);
	                    $('.project_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>
	
<?php echo view('includes/footer');?>