EVOLUTION-NINJA
Edit File: ticket_task.php
<?php $this->load->view('includes/admin_header');?> <link rel="stylesheet" type="text/css" href="<?php echo base_url('admin_assets/css1/main.css');?>"/> <link rel="stylesheet" type="text/css" href="<?php echo base_url('admin_assets/css1/font-awesome.min.css');?>" /> <link rel='shortcut icon' type='image/x-icon' href='<?php echo base_url('admin_assets/images1/fav_icon.png');?>' /> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <section class="row my_nav"> <div class="cf"> <div class="navigation"> <nav> <a href="javascript:void(0)" class="smobitrigger ion-navicon-round"><span>Menu</span></a> <ul class="mobimenu"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dashboard</a> <ul class="dropdown-menu multi-column-dropdown" id="dd-menu"> <li><a class="logs" href="<?php echo base_url('/ticket-dashboard'); ?>">Dashboard</a></li> <li><a class="teams" href="<?php echo base_url('/agents-directory'); ?>">Agent Directory</a></li> <li><a class="users" href="<?php echo base_url('/ticket-profile'); ?>">My Profile</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Users</a> <ul class="dropdown-menu multi-column-dropdown" id="dd-menu"> <li><a class="teams" href="<?php echo base_url('tickets-user'); ?>">User Directory</a></li> <li><a class="departments" href="<?php echo base_url('/tickets-organisation'); ?>">Organizations</a></li> </ul> </li> <li class="act"><a href="<?php echo base_url('/ticket-task'); ?>">Tasks</a></li> <li class="dropdown"> <a href="<?php echo base_url('/open-ticket');?>" class="dropdown-toggle" data-toggle="dropdown">Tickets</a> <ul class="dropdown-menu multi-column-dropdown" id="dd-menu"> <li><a class="ticket" href="<?php echo base_url('/open-ticket');?>">Tickets</a></li> <li><a class="newTicket" href="<?php echo base_url('/new-ticket'); ?>">New Ticket</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Knowledgebase</a> <ul class="dropdown-menu multi-column-dropdown" id="dd-menu"> <li><a class="kb" href="<?php echo base_url('/faq'); ?>">FAQs</a></li> <li><a class="faq-categories" href="<?php echo base_url('/category-faq'); ?>">Categories</a></li> <li><a class="canned" href="<?php echo base_url('/canned-faq'); ?>">Canned Responses</a></li> </ul> </li> </ul> </nav> </div> </div> </section> <section class="row my_dropdown"> <ul> <li class="dd_act"><a class="ticket" href="<?php echo base_url('/overdue-ticket'); ?>">Open(<?php echo $open; ?>)</a></li> <li><a class="newTicket" data-toggle="modal" href="#myModal">New Task</a></li> </ul> </section> <section class="row my_user"> <div class="col-sm-8"> <form class="navbar-form search" role="search" method="post"> <div class="input-group add-on"> <input class="form-control input-sm" placeholder="Search" name="srch-term" id="srch-term" type="text"> <div class="input-group-btn"> <button class="btn btn-primary btn-sm" type="submit"><i class="glyphicon glyphicon-search"></i></button> </div> </div> </form> </div> <div class="col-sm-4"> <div class="btn_sort"> <div class="dropdown"> <button class="btn dropdown-toggle" type="button" data-toggle="dropdown"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> Sort <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="javascript:void(0);" onclick="sort(1);">Most Recently Created</a></li> <li><a href="javascript:void(0);" onclick="sort(2);">Most Recently Updated</a></li> <li><a href="javascript:void(0);" onclick="sort(3);">Due Soon</a></li> <li><a href="javascript:void(0);" onclick="sort(4);">Task Number</a></li> <li><a href="javascript:void(0);" onclick="sort(5);">Longest Thread</a></li> </ul> </div> </div> </div> </section> <section class="row user_table"> <h3><i class="fa fa-refresh" aria-hidden="true" style="color:#0a0;"></i> Open Tasks</h3> <div class=""> <table class="table table_agents table-bordered table-hover table-striped table_display"> <thead> <tr> <th>SLNO</th> <th>Number</th> <th>Date Created</th> <th>Title</th> <th>Description</th> <th>Visibility Description</th> <th>Assignee</th> <th>Due date</th> <th>Due time</th> </tr> </thead> <tbody class="body_data"> </tbody> </table> </div> </section> </div> <p style="text-align:center;padding:10px 15px;">Copyright © 2006-2019 Jayblues Support All Rights Reserved.</p> </section> <style> </style> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <form class="add_new_task" method="post"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title" style="font-weight:bold;color:#2a67ac;">New Task</h4> </div> <div class="modal-body"> <p>Please Describe The Issue</p> <div class="form-group"> <label for="usr">Title: <span style="color:#FF0000">*</span></label> <input type="text" name="title" class="form-control input-sm" required="required"> </div> <div class="form-group"> <label for="usr">Description: <span style="color:#FF0000">*</span></label> <textarea class="content" id="content" name="description" required="required"></textarea> </div> <h4 style="font-weight:bold;">Task Visibility & Assignment</h4> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label>Description: <span style="color:#FF0000" >*</span></label> <select class="form-control input-sm" name="visibality_description" required="required"> <option value="">— Select —</option> <option value="5">Backend Team</option> <option value="4">Front End</option> <option value="3">Maintenance</option> <option value="1">Support</option> </select> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label>Assignee: </label> <select class="form-control input-sm" name="assignee"> <option value="">— Select —</option> <optgroup label="Agents"> <option value="s6">Avinash Jayblues</option> <option value="s3">Harshith N</option> <option value="s1">Jayblues Admin</option> <option value="s2">Jayblues Support</option> <option value="s5">Lavanya Jayblues</option> <option value="s4">Sridhar Jayblues</option> </optgroup> <optgroup label="Teams"> <option value="t2">Level 2 Support</option> <option value="t1">Level I Support</option> </optgroup> </select> </div> </div> </div> <p>Due Date:</p> <div class="form-group form-inline"> <input type="text" class="form-control input-sm date_picker" name="due_date"/> <select name="due_time" style="display:inline-block;width:auto" class="form-control input-sm" ><option value="" selected="selected">—Time—</option><option value="23:45">11:45:01 PM</option><option value="23:30">11:30:01 PM</option><option value="23:15">11:15:01 PM</option><option value="23:00">11:00:01 PM</option><option value="22:45">10:45:01 PM</option><option value="22:30">10:30:01 PM</option><option value="22:15">10:15:01 PM</option><option value="22:00">10:00:01 PM</option><option value="21:45">09:45:01 PM</option><option value="21:30">09:30:01 PM</option><option value="21:15">09:15:01 PM</option><option value="21:00">09:00:01 PM</option><option value="20:45">08:45:01 PM</option><option value="20:30">08:30:01 PM</option><option value="20:15">08:15:01 PM</option><option value="20:00">08:00:01 PM</option><option value="19:45">07:45:01 PM</option><option value="19:30">07:30:01 PM</option><option value="19:15">07:15:01 PM</option><option value="19:00">07:00:01 PM</option><option value="18:45">06:45:01 PM</option><option value="18:30">06:30:01 PM</option><option value="18:15">06:15:01 PM</option><option value="18:00" selected="selected">06:00:01 PM</option><option value="17:45">05:45:01 PM</option><option value="17:30">05:30:01 PM</option><option value="17:15">05:15:01 PM</option><option value="17:00">05:00:01 PM</option><option value="16:45">04:45:01 PM</option><option value="16:30">04:30:01 PM</option><option value="16:15">04:15:01 PM</option><option value="16:00">04:00:01 PM</option><option value="15:45">03:45:01 PM</option><option value="15:30">03:30:01 PM</option><option value="15:15">03:15:01 PM</option><option value="15:00">03:00:01 PM</option><option value="14:45">02:45:01 PM</option><option value="14:30">02:30:01 PM</option><option value="14:15">02:15:01 PM</option><option value="14:00">02:00:01 PM</option><option value="13:45">01:45:01 PM</option><option value="13:30">01:30:01 PM</option><option value="13:15">01:15:01 PM</option><option value="13:00">01:00:01 PM</option><option value="12:45">12:45:01 PM</option><option value="12:30">12:30:01 PM</option><option value="12:15">12:15:01 PM</option><option value="12:00">12:00:01 PM</option><option value="11:45">11:45:01 AM</option><option value="11:30">11:30:01 AM</option><option value="11:15">11:15:01 AM</option><option value="11:00">11:00:01 AM</option><option value="10:45">10:45:01 AM</option><option value="10:30">10:30:01 AM</option><option value="10:15">10:15:01 AM</option><option value="10:00">10:00:01 AM</option><option value="09:45">09:45:01 AM</option><option value="09:30">09:30:01 AM</option><option value="09:15">09:15:01 AM</option><option value="09:00">09:00:01 AM</option><option value="08:45">08:45:01 AM</option><option value="08:30">08:30:01 AM</option><option value="08:15">08:15:01 AM</option><option value="08:00">08:00:01 AM</option><option value="07:45">07:45:01 AM</option><option value="07:30">07:30:01 AM</option><option value="07:15">07:15:01 AM</option><option value="07:00">07:00:01 AM</option><option value="06:45">06:45:01 AM</option><option value="06:30">06:30:01 AM</option><option value="06:15">06:15:01 AM</option><option value="06:00">06:00:01 AM</option><option value="05:45">05:45:01 AM</option><option value="05:30">05:30:01 AM</option><option value="05:15">05:15:01 AM</option><option value="05:00">05:00:01 AM</option><option value="04:45">04:45:01 AM</option><option value="04:30">04:30:01 AM</option><option value="04:15">04:15:01 AM</option><option value="04:00">04:00:01 AM</option><option value="03:45">03:45:01 AM</option><option value="03:30">03:30:01 AM</option><option value="03:15">03:15:01 AM</option><option value="03:00">03:00:01 AM</option><option value="02:45">02:45:01 AM</option><option value="02:30">02:30:01 AM</option><option value="02:15">02:15:01 AM</option><option value="02:00">02:00:01 AM</option><option value="01:45">01:45:01 AM</option><option value="01:30">01:30:01 AM</option><option value="01:15">01:15:01 AM</option><option value="01:00">01:00:01 AM</option><option value="00:45">12:45:01 AM</option><option value="00:30">12:30:01 AM</option><option value="00:15">12:15:01 AM</option><option value="00:00">12:00:01 AM</option></select> <label>(IST)</label> </div> </div> <div class="modal-footer"> <button type="reset" class="btn btn-warning btn-sm">Reset</button> <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-success btn-sm" style="float:right;">Create Task</button> </div> </div> </form> </div> </div> </body> </html> <script src="<?php echo base_url('admin_assets/assets/datatables/jquery.dataTables.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/datatables/dataTables.bootstrap.min.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/datatables/dataTables.bootstrap.css');?>"> <script src="<?php echo base_url('admin_assets/js/jquery-ui.js');?>"></script> <script> $('.date_picker').datepicker({ changeMonth:true, changeYear:true, yearRange: "1940:2030", // dateFormat: 'yy-mm-dd' dateFormat: 'dd-mm-yy' }); $('.add_new_task').submit(function(e){ e.preventDefault(); if (confirm("Do You Want to Save")) { formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-tasks")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response) { toastr["success"]("Added Successfully"); $('.add_new_task')[0].reset(); $('#myModal').modal('hide'); get_added_tasks(); } else { toastr["error"]("Something went wrong..Try again"); } } }); } else { } }); get_added_tasks(); function get_added_tasks() { $.ajax({ type : 'get', url : '<?php echo site_url("get-tasks")?>', success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { list_data(response.message); } else { //toastr["error"]("Something went wrong..Try again"); } } }); } function sort(data) { $.ajax({ type : 'post', url : '<?php echo site_url("get-sort-tasks")?>', data : {'sort' :data}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { list_data(response.message); } else { //toastr["error"]("Something went wrong..Try again"); } } }); } $('.search').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("search-tasks")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { list_data(response.message); } else { toastr["error"]("Nodata Found"); } } }); }); function list_data(data) { var con=''; $.each(data,function(key,val){ var k=key+1; con+='<tr>'; con+='<td>'+k+'</td>'; con+='<td>'+val.id+'</td>'; con+='<td>'+val.created_at+'</td>'; con+='<td>'+val.title+'</td>'; con+='<td>'+val.description+'</td>'; if(val.visibality_description==1){ con+='<td>Support</td>'; }else if(val.visibality_description==3) { con+='<td>Maintenance</td>'; }else if(val.visibality_description==4) { con+='<td>Frontend</td>'; } else if(val.visibality_description==5) { con+='<td>Backend Team</td>'; } if(val.assignee=='s1'){ con+='<td>Jayblues Admin</td>'; }else if(val.assignee=='s2') { con+='<td>Jayblues Support</td>'; }else if(val.assignee=='s3') { con+='<td>Harshith N</td>'; } else if(val.assignee=='s4') { con+='<td>Sridhar Jayblues</td>'; } else if(val.assignee=='s5') { con+='<td>Lavanya Jayblues</td>'; } else if(val.assignee=='s6') { con+='<td>Avinash Jayblues</td>'; } con+='<td>'+val.due_date+'</td>'; con+='<td>'+val.due_time+'</td>'; con+='<td></td>'; con+='<tr>'; }); $('.body_data').empty(); $('.body_data').append(con); $('.table_display').dataTable(); } </script> <!------------------ Navigation Bar ------------------------> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" type="text/css" href="<?php echo base_url('admin_assets/css1/simpleMobileMenu.css');?>" /> <script src="<?php echo base_url('admin_assets/js1/simpleMobileMenu.js');?>"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $('.smobitrigger').smplmnu(); }); </script> <!---------------- Menu DropDown --------------------> <script type="text/javascript"> jQuery(document).ready(function($) { $('.mobimenu li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500); }); }); </script> <!--------------- textarea editing plugin --------> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css1/site.css');?>"> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css1/richtext.min.css');?>"> <script src="<?php echo base_url('admin_assets/js1/jquery.richtext.js');?>"></script> <script> $(document).ready(function() { $('.content').richText(); }); </script> <style> .richText .richText-editor { height: 150px !important; } .modal-footer { text-align:left !important; } </style>