EVOLUTION-NINJA
Edit File: tickets_status.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> <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> <script src="<?php echo base_url('admin_assets/js/jquery-ui.js');?>"></script> <script src="<?php echo base_url('admin_assets/ckeditor/ckeditor.js');?>"></script> <script src="<?php echo base_url('admin_assets/ckeditor/config.js');?>"></script> <div style="margin-left:10%;width: 1015px;"> <h3 style="text-align:center;">Update Tickets</h3> </div> <form id="land_owner" class="form-inline ticket_form" enctype="multipart/form-data"> <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" <?php if($ticket_data->ticket_priority == 'YES'){echo "checked";}?>>High Priority</label> </div> </div> <input type="hidden" name="ticket_id" value="<?php echo $ticket_data->ticket_id;?>"> <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 if($ticket_data->project_id == $val->account_id){echo "selected";}?>><?php echo $val->account_name;?></option> <?php } ?> </select> </div> <div class="task-info-text"> <input type="text" class="form-control" placeholder="Things to do" value="<?php echo $ticket_data->ticket_title;?>" name="ticket_title" required> </div> </div> <div> <textarea class="ckeditor" id="content" name="content"><?php echo $ticket_data->ticket_description;?></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> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</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" value="<?php echo $ticket_data->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" value="<?php echo $ticket_data->ticket_link_text;?>" placeholder="Link text"> </div> </div> </div> <!-- <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Save</button> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> </div> --> </div> </div> </div> <!-------- End model --------> <!------------------------------------ drag and drop Start ----------> <div id="demo" class="collapse"> <div class="fallback"> <input name="ticket_file" type="file"/> <?php if($ticket_data->ticket_file != "") { ?> <a style="color:red;" target="_blank" href="<?php echo base_url('ticket_uploads');?>/<?php echo $ticket_data->ticket_file;?>"/>Click here to view</a> <?php } ?> </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="dz-details"> <div class="dz-size"> <span data-dz-size=""></span> </div> <div class="dz-filename"> <span data-dz-name=""></span> </div> </div> <div class="dz-progress"> <span class="dz-upload" data-dz-uploadprogress=""></span> </div> <div class="dz-error-message"> <span data-dz-errormessage=""></span> </div> <div class="dz-success-mark"> <span class="fa-stack fa-lg bigger-150"> <i class="fa fa-circle fa-stack-2x white"></i> <i class="fa fa-check fa-stack-1x fa-inverse green"></i> </span> </div> <div class="dz-error-mark"> <span class="fa-stack fa-lg bigger-150"> <i class="fa fa-circle fa-stack-2x white"></i> <i class="fa fa-remove fa-stack-1x fa-inverse red"></i> </span> </div> </div> </div> <div class="task-info"> <label><b>Ticket Status</b></label><select type="text" class="form-control" name="status" required> <option value="OPENED">OPENED</option> <option value="CLOSED">CLOSED</option> </select> </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> <!------------------------------------ drag and drop End ----------> <!-- <div class="task-info-link"> <div class="row row_pad"> <div class="col-sm-3 col-lg-2"> <label style="padding-right:5px;">Responsible person</label> </div> <div class="col-sm-5 col-lg-6"> <select multiple="" class="select2" data-placeholder="Click to Choose..."> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> </select> </div> <div class="col-sm-4 col-lg-4"> <a class="" data-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Created by</a> <a class="" data-toggle="collapse" href="#multiCollapseExample2" role="button" aria-expanded="false" aria-controls="multiCollapseExample2">Participants</a> </div> </div> <div class="row row_pad"> <div class="collapse multi-collapse" id="multiCollapseExample1"> <div class="card card-body"> <div class="col-sm-3 col-lg-2"> <label>Created by</label> </div> <div class="col-sm-7 col-lg-8"> <select multiple="" class="select2" data-placeholder="Click to Choose..."> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> </select> </div> </div> </div> </div> <div class="row row_pad"> <div class="collapse multi-collapse" id="multiCollapseExample2"> <div class="card card-body"> <div class="col-sm-3 col-lg-2"> <label>Participants</label> </div> <div class="col-sm-7 col-lg-8"> <select multiple="" class="form-control select2" data-placeholder="Click to Choose..."> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> </select> </div> </div> </div> </div> <div class="row row_pad"> <div class="col-sm-3 col-lg-2"> <label>Deadline</label> </div> <div class="col-sm-4 col-lg-5"> <div class="form-group"> <div class='input-group date' id='datetimepicker1'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> </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> <style> #menuBarDiv_txtEditor { display:none; } #statusbar_txtEditor { display:none; } .a_click { float: right; font-weight:bold; color:#898989; font-size:17px; cursor: pointer; } .a_click:hover { color:#000; } .row_pad { padding:10px 0px; } .select2-container { width:100% !important; } .task-info-link { background:#F0F5F9; padding:0px 10px; } .task-info-button { padding-top:10px; } .select2-container .select2-search--inline .select2-search__field { { margin-top: 0px !important; } input[type="search"] { margin-bottom: 0px !important; } </style> <script> $(document).ready(function(){ $(".a_click").click(function(){ $("#menuBarDiv_txtEditor").toggle(); }); }); </script> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/new/css/dropzone.min.css');?>" /> <script src="<?php echo base_url('admin_assets/ticket_assets/new/js/dropzone.min.js');?>"></script> <script type="text/javascript"> jQuery(function($){ try { Dropzone.autoDiscover = false; var myDropzone = new Dropzone('#dropzone', { previewTemplate: $('#preview-template').html(), thumbnailHeight: 120, thumbnailWidth: 120, maxFilesize: 0.5, //addRemoveLinks : true, //dictRemoveFile: 'Remove', dictDefaultMessage : '<span class="bigger-150 bolder"><i class="ace-icon fa fa-caret-right red"></i> Drop files</span> to upload \ <span class="smaller-80 grey">(or click)</span> <br /> \ <i class="upload-icon ace-icon fa fa-cloud-upload blue fa-3x"></i>' , thumbnail: function(file, dataUrl) { if (file.previewElement) { $(file.previewElement).removeClass("dz-file-preview"); var images = $(file.previewElement).find("[data-dz-thumbnail]").each(function() { var thumbnailElement = this; thumbnailElement.alt = file.name; thumbnailElement.src = dataUrl; }); setTimeout(function() { $(file.previewElement).addClass("dz-image-preview"); }, 1); } } }); //simulating upload progress var minSteps = 6, maxSteps = 60, timeBetweenSteps = 100, bytesPerStep = 100000; myDropzone.uploadFiles = function(files) { var self = this; for (var i = 0; i < files.length; i++) { var file = files[i]; totalSteps = Math.round(Math.min(maxSteps, Math.max(minSteps, file.size / bytesPerStep))); for (var step = 0; step < totalSteps; step++) { var duration = timeBetweenSteps * (step + 1); setTimeout(function(file, totalSteps, step) { return function() { file.upload = { progress: 100 * (step + 1) / totalSteps, total: file.size, bytesSent: (step + 1) * file.size / totalSteps }; self.emit('uploadprogress', file, file.upload.progress, file.upload.bytesSent); if (file.upload.progress == 100) { file.status = Dropzone.SUCCESS; self.emit("success", file, 'success', null); self.emit("complete", file); self.processQueue(); } }; }(file, totalSteps, step), duration); } } } //remove dropzone instance when leaving this page in ajax mode $(document).one('ajaxloadstart.page', function(e) { try { myDropzone.destroy(); } catch(e) {} }); } catch(e) { //alert('Dropzone.js does not support older browsers!'); } }); </script> <!------------------------ select ------------------> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/new/css/bootstrap-duallistbox.min.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/new/css/bootstrap-multiselect.min.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/new/css/select2.min.css');?>" /> <script src="<?php echo base_url('admin_assets/ticket_assets/new/js/jquery.bootstrap-duallistbox.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/ticket_assets/new/js/jquery.raty.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/ticket_assets/new/js/select2.min.js');?>"></script> <script type="text/javascript"> $(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("update_ticket")?>', 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');?>