EVOLUTION-NINJA

Edit File: new_ticket.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-user'); ?>">Organizations</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tasks</a> <ul class="dropdown-menu multi-column-dropdown" id="dd-menu"> <li><a class="ticket" href="<?php echo base_url('/ticket-task'); ?>">Tasks</a></li> </ul> </li> <li class="act"><a href="<?php echo base_url('/open-ticket'); ?>">Tickets</a></li> <li class="dropdown"> <a href="<?php echo base_url('/faq'); ?>" 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><a class="ticket" href="<?php echo base_url('/open-ticket'); ?>">Open (<?php echo $open; ?>)</a></li> <li><a class="overdueTickets" href="<?php echo base_url('/overdue-ticket'); ?>">Overdue (<?php echo $resolved; ?>)</a></li> <li><a class="closedTickets" href="<?php echo base_url('/closed-ticket'); ?>">Closed(<?php echo $Closed; ?>)</a></li> <li class="dd_act"><a class="newTicket" href="<?php echo base_url('/new-ticket'); ?>">New Ticket</a></li> </ul> </section> <section class="row user_table"> <h3>Open a New Ticket</h3> <form method="post" id="new_ticket"> <p style="font-weight:bold;font-style:italic;background:#EEEEEE;padding:3px 5px;border: 1px dotted #bbb;margin-bottom:10px!important;"> User Information:</p> <div class="row form-group"> <label class="col-sm-3 col-md-2">Email Address: <span style="color:#ff0000;">*</span></label> <div class="col-sm-8 col-md-4"> <input type="email" class="form-control input-sm" name="email"/> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Full Name: <span style="color:#ff0000;">*</span></label> <div class="col-sm-8 col-md-4"> <input type="text" class="form-control input-sm" name="full_name"/> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Ticket Notice:</label> <div class="col-sm-8 col-md-4"> <div class="checkbox" style="margin:0px !important;"> <label><input type="checkbox" value="1" name="ticket_notice_new">Send alert to user.</label> </div> </div> </div> <p style="font-weight:bold;font-style:italic;background:#EEEEEE;padding:3px 5px;border: 1px dotted #bbb;margin-bottom:10px !important;"> Ticket Information and Options:</p> <div class="row form-group"> <label class="col-sm-3 col-md-2">Ticket Source:</label> <div class="col-sm-8 col-md-4"> <select class="form-control input-sm" name="ticket_source"> <option value="Phone" selected="selected">Phone</option> <option value="Email">Email</option> <option value="Other">Other</option> </select> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Help Topic:</label> <div class="col-sm-8 col-md-4"> <select class="form-control input-sm" name="help_topic"> <option value="" selected="">— Select Help Topic —</option> <option value="Feedback">Feedback</option> <option value="General Inquiry">General Inquiry</option> <option value="Report a Problem">Report a Problem</option> <option value="Report a Problem / Access Issue">Report a Problem / Access Issue</option> </select> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Department:</label> <div class="col-sm-8 col-md-4"> <select class="form-control input-sm" name="department"> <option value="" selected="">— Select Department—</option> <option value="Backend Team">Backend Team</option> <option value="Front End">Front End</option> <option value="Maintenance">Maintenance</option> <option value="Support">Support</option> </select> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">SLA Plan:</label> <div class="col-sm-8 col-md-4"> <select class="form-control input-sm" name="sla_plan"> <option value="System Default" selected="selected">— System Default —</option> <option value="Default SLA (48 hours - Active)">Default SLA (48 hours - Active)</option> </select> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Due Date:</label> <div class="col-sm-9 col-md-10 form-inline"> <input type="text" class="form-control input-sm date_picker" autocomplete="off" name="due_date"/> <select class="form-control input-sm" name="due_time"> <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">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" selected="selected">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> <span style="font-style:italic;">Time is based on your time zone (GMT )</span> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Assign To:</label> <div class="col-sm-8 col-md-4"> <select class="form-control input-sm" name="assign_to"> <option value="0" selected="selected">— Select an Agent OR a Team —</option> <optgroup label="Agents (6)"> <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 (2)"> <option value="t2">Level 2 Support</option> <option value="t1">Level I Support</option> </optgroup> </select> </div> </div> <p style="font-weight:bold;font-style:italic;background:#EEEEEE;padding:3px 5px;border: 1px dotted #bbb;margin-bottom:10px !important;"><strong>Response:</strong> Optional response to the above issue.</p> <div class="row form-group"> <label class="col-sm-3 col-md-2">Canned Response:</label> <div class="col-sm-8 col-md-4 form-inline"> <select class="form-control input-sm" name="canned_response"> <option value="0" selected="selected">— Select a canned response —</option> <option value="Sample (with variables)">Sample (with variables)</option> <option value="What is osTicket (sample)?">What is osTicket (sample)?</option> </select> <div class="checkbox" style="margin:0px !important;"> <label><input type="checkbox" value="" name="append">Append</label> </div> </div> </div> <textarea class="content" id="content" placeholder="Initial response for the ticket" name="canned_note"></textarea> <div class="row form-group"> <label class="col-sm-3 col-md-2">Ticket Status:</label> <div class="col-sm-8 col-md-4"> <select class="form-control input-sm" name="ticket_status"> <option value="Open" selected="selected">Open</option> <option value="Resolved">Resolved</option> <option value="Closed">Closed</option> </select> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Ticket Priority:</label> <div class="col-sm-8 col-md-4"> <select class="form-control input-sm" name="ticket_priority"> <option value="Normal" selected="selected">Normal</option> <option value="High">High</option> <option value="Low">Low</option> </select> </div> </div> <div class="row form-group"> <label class="col-sm-3 col-md-2">Signature:</label> <div class="col-sm-9 col-md-10"> <label class="radio-inline"><input type="radio" name="signature" checked>None</label> <label class="radio-inline"><input type="radio" name="signature">Department Signature (if set)</label> </div> </div> <p style="font-weight:bold;font-style:italic;background:#EEEEEE;padding:3px 5px;border: 1px dotted #bbb;margin-bottom:10px !important;" >Internal Note </p> <textarea class="content" id="content" placeholder="Optional internal note (recommended on assignment)" name="internal_note"></textarea> <div class="row no_row" style="text-align:center;padding-top:15px;"> <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-folder-open" aria-hidden="true"></i> Open</button> <button type="button" class="btn btn-warning btn-sm reset_btn"><i class="fa fa-undo" aria-hidden="true"></i> Reset</button> <button type="button" class="btn btn-danger btn-sm cancel_btn"><i class="fa fa-times-circle-o" aria-hidden="true"></i> Cancel</button> </div> </form> </section> </div> <p style="text-align:center;padding:10px 15px;">Copyright © 2006-2019 Jayblues Support All Rights Reserved.</p> </section> <style> .btn_icon { float:right; } </style> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title" style="font-weight:bold;color:#2a67ac;">Lookup or create a user</h4> </div> <div class="modal-body"> <div class="alert alert-info" style="padding: 5px 10px;margin-bottom: 10px;"> <i class="fa fa-info-circle" aria-hidden="true"></i> Search existing users or add a new user. </div> <div class="form-group"> <input type="text" class="form-control input-sm" placeholder="Search by email, phone or name"> </div> <p style="font-weight:bold;font-style:italic;background:#EEEEEE;padding:3px 5px;border: 1px dotted #bbb;margin-bottom:10px !important;"> Create New User: </p> <div class="row form-group" style="margin-bottom:15px;"> <label class="col-sm-3 col-md-3">Email Address: <span style="color:#ff0000;">*</span></label> <div class="col-sm-8 col-md-6"> <input type="email" class="form-control input-sm" /> </div> </div> <div class="row form-group" style="margin-bottom:15px;"> <label class="col-sm-3 col-md-3">Full Name: <span style="color:#ff0000;">*</span></label> <div class="col-sm-8 col-md-6"> <input type="text" class="form-control input-sm" /> </div> </div> <div class="row form-group" style="margin-bottom:15px;"> <label class="col-sm-3 col-md-3">Phone Number: </label> <div class="col-sm-8 col-md-6 form-inline"> <input type="tel" class="form-control input-sm" /> <label>Ext:</label> <input type="tel" class="form-control input-sm" /> </div> </div> <div class="row form-group" style="margin-bottom:15px;"> <label class="col-sm-3 col-md-3">Internal Notes: </label> <div class="col-sm-9 col-md-9"> <textarea class="content" id="content" name="example"></textarea> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-warning btn-sm">Reset</button> <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-success btn-sm" style="float:right;">Add User</button> </div> </div> </div> </div> </body> </html> <!------------------ 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> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css/datepicker3.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css/fullcalendar.min.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/css/bootstrap-timepicker.min.css');?>" /> <script src="<?php echo base_url('admin_assets/assets/js/bootstrap-timepicker.min.js');?>"></script> <!-- <script src="<?php echo base_url('admin_assets/event/assets/js/chart.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/chart-data.js');?>"></script> --> <script src="<?php echo base_url('admin_assets/event/assets/js/bootstrap-datepicker.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/moment.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/fullcalendar.min.js');?>"></script> <script> $(document).ready(function() { $('.content').richText(); }); $('.reset_btn').click(function(e){ e.preventDefault(); $('#new_ticket')[0].reset(); }); $('.cancel_btn').click(function(e){ e.preventDefault(); var person = confirm("R u sure u want to cancel"); if (person == true) { location.reload(); } }); </script> <style> .richText { margin-bottom:15px !important; } .richText .richText-editor { height: 150px !important; } .modal-footer { text-align:left !important; } </style> <!------ modal open when page load -----> <script type="text/javascript"> $(window).load(function(){ $('#myModal').modal('show'); }); <!---- unclick outside ----> $('#myModal').modal({ backdrop: 'static', keyboard: false }) </script> <script type="text/javascript"> $('.date_picker').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('.date_picker').datepicker('hide'); }); $('#new_ticket').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-new-ticket")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { toastr['success']("Added Successfully"); location.reload(); } else { toastr['error']("Something went wrong..Try again"); } } }); }); </script>