Manager

Back Back Up Advanced Editor

<?php 
	
	if(empty($isEdit)){
		$isEdit=false;
	}
?>
<style>
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: pointer;
    background-color: #19bf19;
}

</style>

<div class="modal fade" id="add_edit_event" role="dialog" aria-labelledby="confirmRequestLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title"><?php echo $isEdit?"Edit":"Add";?> Event</h4>
      </div>
      
          <form id="contactForm" action="<?php echo base_url()."admin/add_edit_event"?>" class="contact-form" method="post" role="form" enctype="multipart/form-data">
	     
	      <div class="modal-body">
                                   <div class="row">
                						
                							<div class="col-md-12">
                       								 <div class="controls">
                            							<div class="row">
							                                <div class="col-md-12">
							                                    
							                                    
							                                
							                                    <div class="form-group">
							                                    	<label class="control-label" for="ev_title"><?php _e("Title"); ?></label>
							                                        <input autocomplete="off"  id="ev_title" type="text" maxlength="100" name="ev_title" class="form-control" placeholder="Event Title *" required="required" data-error="Title is required.">
							                                        <div id="suggesstion-box"></div>
							                                    </div>
							                                    
						                                    	<div class="form-group" id="file_upload_div" style="display: block;">
						                                    	   <p style="color:red">
						                                    	       Image size must be: 360X250 px <br>
						                                    	        Please upload .jpg file
						                                    	   </p>
											                      <label for="file_upload">Add Thumbnail Image *</label>
											                      <input type="file" id="file_upload" name="file_upload"  data-error="Thumbnail Image is required.">
											                    </div>

<div class="form-group">
                                                                      <label for="ev_desc">Event Description </label>
                                                                        <textarea id="ev_desc" name="ev_desc" rows="10" cols="80" required="required" data-error="Description is required.">
                                                                        </textarea>
                
                                                                </div>
							                                    
							                                    
							                                      
                                        						 <div class="form-group">
                                        					      	<label for="comment">Event Date </label>
                                        					      	                  			     	
                                        					      	    <input type="text" maxlength=""  class="form-control" id="ev_date" name="ev_date" placeholder="Event Date *" data-bv-notempty="true" required="required" 	data-bv-notempty-message="<?php  _e("Event Date is required");?>"  required="required" data-error="Date is required.">
                                        					      
                                        					     </div> 				     
                                            				    
														    
							                                 
														      <div class="form-group">
														      	<label class="control-label" for="role"><?php _e("Status"); ?></label>
													      			<select name="status" id="status"  class="form-control"> 
																		<option value="A" >Active</option>
																		<option value="I">Inactive</option>
																	</select>		      	
														     </div>	
							                                 
				                                    
							                                </div>
                           								</div>
                       							    </div>
               							 </div>
                   					
               					</div>	 
	      </div>
	      
	      <div class="modal-footer">
		      	<input type="hidden" name="isEdit" id="isEdit" value="N">     	
		      	<input type="hidden" name="ev_id" id="ev_id" value="">
		        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
		        <button type="submit" name="submit" id="submit" class="btn btn-success" id="confirm">Submit</button>
	      </div>
      </form>
    </div>
  </div>
</div>
<link rel="stylesheet" href="<?php echo base_url();?>/lib/datepicker/datepicker3.css">
<script src="<?php echo base_url();?>/lib/datepicker/bootstrap-datepicker.js"></script>

<?php 
    /*
    <script src="<?php echo base_url();?>lib/ckeditor/ckeditor.js"></script>
    */

$("#ev_date").datepicker({'format':'yyyy-mm-dd'}).on("changeDate",function(ev){ $("#ev_date").datepicker("hide");  });
	$('#add_edit_event').submit(function() {
    	    //if ($.trim($("#title").val()) === "" || $.trim($("#description").val()) === "") {
    	   if ($.trim($("#ev_title").val()) === "") {
    	        alert('Title, Description and date are mandatory fields.');
    	        return false;
    	    }
	});

$(document).ready(function() {
       CKEDITOR.replace('ev_desc');
       $('#contactForm').validator();
	    modalset();
	});
	
  	function modalset() {
		$('#add_edit_event').on('shown.bs.modal', function (event) {
			$(this).find("input,textarea").val('').end();
			  var button = $(event.relatedTarget);
			  tempBtn = button;
			  var ev_id = button.data('ev_id');
			  var edit = button.data('edit');
			  //alert(edit);
			  var modal = $(this);
			  if(edit=='Y'){
				  modal.find('.modal-title').text("Edit Event");
				  $.ajax({
					type:"POST",
					url:"<?php echo base_url()?>admin/getSingleEvent",
					data:{ev_id:ev_id},
					dataType:"json",
					success:function(response) {
					    //alert(response.ev_date);
						modal.find('#ev_id').val(ev_id);
						modal.find('#isEdit').val('Y');
						modal.find('#ev_title').val(response.ev_title);
						//modal.find('#ev_desc').html(response.ev_desc);
						CKEDITOR.instances.ev_desc.setData(response.ev_desc);
						modal.find('#ev_date').val(response.ev_date);
						modal.find('#status').val(response.status);
						modal.find('#submit').text("Update");
					}
				});

} else {
				  modal.find('.modal-title').text("Add Event");
				  modal.find('#ev_id').val(ev_id);
				  modal.find('#isEdit').val('N');
				  modal.find('#ev_title').val('');
				  modal.find('#ev_desc').val('');
				  modal.find('#ev_date').val('');
				  modal.find('#submit').text("Save");
				}
			});

}
</script>