EVOLUTION-NINJA
Edit File: assign_task_main.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="<?php echo base_url('admin_assets/css/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> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/css/texteditor/froala_editor.css');?>"> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/css/texteditor/froala_style.css');?>"> <script type="text/javascript" src="<?php echo base_url('admin_assets/ticket_assets/js/texteditor/froala_editor.min.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('admin_assets/ticket_assets/js/texteditor/align.min.js');?>"></script> <form id="land_owner" class="form-inline ticket_form assign_task_form" method="post" 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="1" name="priority">High Priority</label> </div> </div> <div class="task-info-text"> <input type="text" class="form-control" placeholder="Things to do" name="task_title"> </div> </div> <div id="editor"> <textarea class="ckeditor" id="content" name="description" required cols="60" rows="10"></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"> <!-- <form class="form-horizontal"> --> <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="link_text" placeholder="Link text"> </div> </div> <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="link" placeholder="Link URL"> </div> </div> <!-- </form> --> </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"> <!-- <form action="./dummy.html" class="dropzone well" id="dropzone"> --> <div class="fallback"> <input name="file[]" type="file" multiple="" /> </div> <!-- </form> --> </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="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"> <input type="hidden" value="<?php echo $this->uri->segment(2);?>" name="client_requirement_id"> <select multiple="" class="select2" name="resposible_person[]" data-placeholder="Click to Choose..."> <?php foreach ($persons as $key => $value) {?> <option value="<?php echo $value->emp_id;?>"><?php echo $value->first_name;?> </option> <?php } ?> </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">Project Name</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> </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>Project Name</label> </div> <div class="col-sm-7 col-lg-8"> <select name="project_name" class="form-control select2" data-placeholder="Click to Choose..."> <?php foreach ($project_lists as $key => $value) {?> <option value="<?php echo $value->account_id;?>"><?php echo $value->account_name;?> </option> <?php } ?> </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=''> <input type='text' name='deadline' class="form-control datetimepicker" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="form-group col-sm-4 col-md-4"> </div> <div class="form-group col-sm-4 col-md-4"> <button type="submit" class="btn btn-primary center-block submit access_add_btn">Submit</button> </div> <div class="form-group col-sm-4 col-md-4"> </div> </div><!--- row1----------------> </form> <script> $(document).ready(function() { $('#datetimepicker').datepicker({ dateFormat: 'dd-mm-yy' }); }); </script> <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> <script> $(function(){ $('#edit').froalaEditor({ iframe: true }) }); </script> <style> .fr-box { margin-top:0px !important; } .fr-toolbar { border-top: initial; } .fr-iframe { min-height: 250px !important; } .fr-box.fr-basic.fr-top .fr-wrapper { box-shadow: initial; } .fr-toolbar { display:none; } .fr-counter { 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; } </style> <script> $(document).ready(function(){ $(".a_click").click(function(){ $(".fr-toolbar").toggle(); }); }); </script> <!------------------------ select ------------------> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/css/bootstrap-duallistbox.min.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/css/bootstrap-multiselect.min.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/ticket_assets/css/select2.min.css');?>" /> <script src="<?php echo base_url('admin_assets/ticket_assets/js/jquery.bootstrap-duallistbox.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/ticket_assets/js/jquery.raty.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/ticket_assets/js/select2.min.js');?>"></script> <script type="text/javascript"> jQuery(function($){ var demo1 = $('select[name="duallistbox_demo1[]"]').bootstrapDualListbox({infoTextFiltered: '<span class="label label-purple label-lg">Filtered</span>'}); var container1 = demo1.bootstrapDualListbox('getContainer'); container1.find('.btn').addClass('btn-white btn-info btn-bold'); /**var setRatingColors = function() { $(this).find('.star-on-png,.star-half-png').addClass('orange2').removeClass('grey'); $(this).find('.star-off-png').removeClass('orange2').addClass('grey'); }*/ $('.rating').raty({ 'cancel' : true, 'half': true, 'starType' : 'i' /**, 'click': function() { setRatingColors.call(this); }, 'mouseover': function() { setRatingColors.call(this); }, 'mouseout': function() { setRatingColors.call(this); }*/ })//.find('i:not(.star-raty)').addClass('grey'); ////////////////// //select2 $('.select2').css('width','200px').select2({allowClear:true}) $('#select2-multiple-style .btn').on('click', function(e){ var target = $(this).find('input[type=radio]'); var which = parseInt(target.val()); if(which == 2) $('.select2').addClass('tag-input-style'); else $('.select2').removeClass('tag-input-style'); }); ////////////////// $('.multiselect').multiselect({ enableFiltering: true, enableHTML: true, buttonClass: 'btn btn-white btn-primary', templates: { button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"><span class="multiselect-selected-text"></span> <b class="fa fa-caret-down"></b></button>', ul: '<ul class="multiselect-container dropdown-menu"></ul>', filter: '<li class="multiselect-item filter"><div class="input-group"><span class="input-group-addon"><i class="fa fa-search"></i></span><input class="form-control multiselect-search" type="text"></div></li>', filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default btn-white btn-grey multiselect-clear-filter" type="button"><i class="fa fa-times-circle red2"></i></button></span>', li: '<li><a tabindex="0"><label></label></a></li>', divider: '<li class="multiselect-item divider"></li>', liGroup: '<li class="multiselect-item multiselect-group"><label></label></li>' } }); /////////////////// //typeahead.js //example taken from plugin's page at: https://twitter.github.io/typeahead.js/examples/ var substringMatcher = function(strs) { return function findMatches(q, cb) { var matches, substringRegex; // an array that will be populated with substring matches matches = []; // regex used to determine if a string contains the substring `q` substrRegex = new RegExp(q, 'i'); // iterate through the pool of strings and for any string that // contains the substring `q`, add it to the `matches` array $.each(strs, function(i, str) { if (substrRegex.test(str)) { // the typeahead jQuery plugin expects suggestions to a // JavaScript object, refer to typeahead docs for more info matches.push({ value: str }); } }); cb(matches); } } $('input.typeahead').typeahead({ hint: true, highlight: true, minLength: 1 }, { name: 'states', displayKey: 'value', source: substringMatcher(ace.vars['US_STATES']), limit: 10 }); /////////////// //in ajax mode, remove remaining elements before leaving page $(document).one('ajaxloadstart.page', function(e) { $('[class*=select2]').remove(); $('select[name="duallistbox_demo1[]"]').bootstrapDualListbox('destroy'); $('.rating').raty('destroy'); $('.multiselect').multiselect('destroy'); }); }); </script> <script type="text/javascript"> $('.assign_task_form').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add_task_main")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { toastr["success"](response.message); $('.assign_task_form')[0].reset(); window.location.href='<?php echo site_url("assign_task_list");?>' } else { toastr["error"](response.message); } } }); }); </script> <?php $this->load->view('includes/admin_footer');?>