EVOLUTION-NINJA

Edit File: add_tickets.php

<?php $this->load->view('includes/admin_header');?>
 <link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>">
 <script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script>

<div style="margin-left:10%;width: 1015px;">
    <h3 style="text-align:center;">Add Tickets</h3>
</div>

<div class="middle_work">
    <div class="container">
      <div class="task-info">
        <div class="task-info-head">
          <div class="task-info-checkbox">
            <div class="checkbox">
              <label><input type="checkbox" value="YES" name="ticket_priority">High Priority</label>
            </div>
          </div>
          
          <div class="yes_form">
            <select class="form-control select_list" name="project_id" required style="width: 30%;">
                <option value="">Select Project</option>
                <?php 
                foreach($projects as $val)
                {
                  ?>
                    <option value="<?php echo $val->account_id;?>"><?php echo $val->account_name;?></option>
                  <?php
                }

?>
              </select>
          </div>

<div class="task-info-text">
            <input type="text" class="form-control" placeholder="Things to do" name="ticket_title" required>
          </div>
        </div>  
        
        
        <div>
          <textarea class="ckeditor" id="content" name="content"></textarea> 
        </div>
      
        <div class="task-info-button">
          <p>
            <a class="" data-toggle="collapse" data-target="#demo" role="button"><i class="fa fa-paperclip" aria-hidden="true"></i></a>
            <a class="" data-toggle="modal" data-target="#myModal" role="button"><i class="fa fa-quote-right" aria-hidden="true"></i></a>
            <span class="a_click">A</span>
          </p>
        </div>
        
        
        <div class="modal fade" id="myModal" role="dialog">
          <div class="modal-dialog">
            
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Link</h4>
              </div>
              <div class="modal-body">
               
                  <div class="form-group">
                    <label class="control-label col-sm-2">Link:</label>
                    <div class="col-sm-9">
                      <input type="text" class="form-control" name="ticket_link" placeholder="Link URL">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-sm-2">Text:</label>
                    <div class="col-sm-9">
                      <input type="text" class="form-control" name="ticket_link_text" placeholder="Link text">
                    </div>
                  </div>
           
              </div>
             
            </div>
          </div>
        </div> 
        
        
        <div id="demo" class="collapse">
          
            <div class="fallback">
              <input name="ticket_file" type="file"/>
            </div>
          
        </div>
        
        <div id="preview-template" class="hide">
          <div class="dz-preview dz-file-preview">
            <div class="dz-image">
              <img data-dz-thumbnail="" />
            </div>

<div class="row">
          <div class="col-md-5"></div>
          <button type="submit" class="btn btn-primary center-block submit submit_button">Submit</button>
        </div>

</div>
    </div>
  </div>
</form>
  
<style>
  .middle_work
  {
    padding-top:20px;
    padding-bottom:20px;
  }
  .task-info-head
  {
    border-bottom: 1px solid #edeef0;
    padding-bottom: 15px;
  }
  .task-info-checkbox
  {
    float:right;
  }
  
  .task-info-text
  {
    overflow:hidden;
  }
  .task-info-text > .form-control
  {
    width: 100%;
    height: 32px;
    border: 1px solid transparent;
    outline: 0;
    font-size: 25px;
    box-shadow: initial;
  }
  
  .task-info-button p a 
  {
    font-size: 16px;
    color: #898989;
    margin-right: 15px;
    cursor: pointer;
  }
  
  .task-info-button p a:hover
  {
    color: #000;
    text-decoration:none;
  }
  
  .task-info-button
  {
    border-bottom: 1px solid #edeef0;
    margin-bottom: 15px;
  }
  .task-info-link  a
  {
    color:#898989;
    padding:0px 10px;
  }
  .task-info-link a:hover
  {
    color:#000;
    text-decoration:none;
  }
  
  .select2-container--default .select2-selection--multiple {
  {
    border-radius: initial !important;
  }
  
  
  
  
</style>

$(document).ready(function(){

for ( instance in CKEDITOR.instances )
    CKEDITOR.instances[instance].updateElement();

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

formdata = new FormData($(this)[0]);
         formdata.append('content', CKEDITOR.instances['content'].getData());
        
            $(".submit_button").attr('disabled', 'disabled');
            $(".submit_button").text("Submitting...");

for ( instance in CKEDITOR.instances )
       CKEDITOR.instances[instance].updateElement();

$.ajax({

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

if(response.result==1)
                    {
                      toastr["success"](response.message);
                      $('.ticket_form')[0].reset();
                      CKEDITOR.instances['content'].setData('');
                      $(".submit_button").text("Submit");    
                      $(".submit_button").removeAttr('disabled');                
                    }
                    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');                      
                    }
                   
                }
                
         });
             
     });

});
  </script>

<?php $this->load->view('includes/admin_footer');?>