EVOLUTION-NINJA
Edit File: ticket_user.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="<?php echo base_url('/ticket-dashboard'); ?>" 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="act"><a href="<?php echo base_url('tickets-user'); ?>">Users</a></li> <li class="dropdown"> <a href="<?php echo base_url('/ticket-task'); ?>" 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="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="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> </section> <section class="row my_user"> <form class="navbar-form" role="search"> <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> <!-- <form class="form-inline"> <div class="form-group"> <label>Report timeframe:</label> <input type="text" class="form-control" placeholder="Last month"> </div> <div class="form-group"> <label>Period:</label> <select class="form-control"> <option>Up to today</option> <option>One Week</option> <option>Two Weeks</option> <option>One Month</option> <option>One Quarter</option> </select> </div> <div class="form-group"> <button type="submit" class="btn">Refresh</button> </div> </form> --> </section> <section class="row our_user"> <div class="col-sm-5"> <h3>User Directory</h3> </div> <div class="col-sm-7"> <div class="right_button"> <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus-circle" aria-hidden="true"></i> Add User</button> <a href="javascript:void(0);" onclick="document.getElementById('selectedFile').click();"><button type="button" class="btn btn-info btn-sm"><form class="excel_upload" ><i class="fa fa-arrow-circle-up" aria-hidden="true"></i><input type="file" name="excel_upload" id="selectedFile" style="display: none;" /> Import</form></button></a> <div class="btn-group"> <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-cog" aria-hidden="true"></i> More</button> <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu"> <li><a href="javascript:void(0);" onclick="add_to_orgs();"><i class="fa fa-users" aria-hidden="true"></i> Add to Organization</a></li> <li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Send Password Reset Email</a></li> <li><a href="javascript:void(0);" onclick="register();"><i class="fa fa-smile-o" aria-hidden="true"></i> Register</a></li> <li><a href="javascript:void(0);" onclick="lock();"><i class="fa fa-lock" aria-hidden="true"></i> Lock</a></li> <li><a href="#"><i class="fa fa-unlock" aria-hidden="true"></i> Unlock</a></li> <li><a href="javascript:void(0);" onclick="deleted();"><i class="fa fa-trash" aria-hidden="true"></i> Delete</a></li> </ul> </div> </div> </div> </section> <section class="row user_table"> <div class=""> <table class="table table_agents table-bordered table-hover table-striped"> <thead> <tr> <td></td> <td>Number</td> <td>Name</td> <td>Email</td> <td>Phone</td> <td>Status</td> <td>Created</td> <td>Updated</td> <td>Note</td> </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> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <!-- Modal content--> <form class="add_users" method="post"> <div class="modal-content full-details"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</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" id="searching_place" 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=""> <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" name="email" required="required"/> </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" name="name" required="required"/> </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 class="form-control input-sm inputs" type="text" maxlength="10" name="phone1"/> <label>Ext:</label> <input type="text" maxlength="10" class="form-control input-sm inputs" name="phone2" /> </div> </div> <div class="row form-group" style="margin-bottom:15px;"> <label class="col-sm-3 col-md-3">User Status: <span style="color:#ff0000;">*</span></label> <div class="col-sm-8 col-md-6"> <select class="form-control input-sm" name="user_status" required="required"> <option>ACTIVE</option> <option>GUEST</option> </select> </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="note"></textarea> </div> </div> </div> </div> <div class="modal-footer"> <button type="rest" 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;">Add User</button> </div> </div> </form> </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="http://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/css/site.css');?>"> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css/richtext.min.css');?>"> <script src="<?php echo base_url('admin_assets/js/jquery.richtext.js');?>"></script> <script> $(document).ready(function() { //$('.content').richText(); }); </script> <style> .richText { margin-bottom:15px !important; } .richText .richText-editor { height: 150px !important; } .modal-footer { text-align:left !important; } .ui-autocomplete { position: absolute; cursor: default; z-index: 9999 !important; top: 28%; left: 0; right: 0; } </style> <script> $('.add_users').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-ticket-users")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"]("Added Successfully"); $('.add_users')[0].reset(); $('#myModal').modal('hide'); get_added_users(); } else { toastr["error"]("Nodata Found"); } } }); }); function register() { checked = $("input[type=checkbox]:checked").length; if(!checked) { alert("You must check at least one checkbox."); return false; }else { var ids = []; $.each($("input[name='checkbox']:checked"), function(){ ids.push($(this).val()); }); $.ajax({ type : 'post', url : '<?php echo site_url("update-register-status")?>', data:{'id':ids} , success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"]("Status added."); get_added_users(); } else { toastr["error"]("Already updated"); } } }); } } function deleted() { checked = $("input[type=checkbox]:checked").length; if(!checked) { alert("You must check at least one checkbox."); return false; }else { var ids = []; $.each($("input[name='checkbox']:checked"), function(){ ids.push($(this).val()); }); if (confirm("Do You Want to Delete it?")) { $.ajax({ type : 'post', url : '<?php echo site_url("delete-ticket-user")?>', data:{'id':ids} , success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"]("Deleted"); get_added_users(); } else { toastr["error"]("Not Deleted"); } } }); } } } function add_to_orgs() { checked = $("input[type=checkbox]:checked").length; if(!checked) { alert("You must check at least one checkbox."); return false; }else { var ids = []; $.each($("input[name='checkbox']:checked"), function(){ ids.push($(this).val()); }); if (confirm("Do You Want to add it to Organizations?")) { $.ajax({ type : 'post', url : '<?php echo site_url("add-to-ticket-orgs")?>', data:{'id':ids} , success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"]("assign to arganization"); get_added_users(); } else { //toastr["error"]("Not assign to arganization"); } } }); } } } get_added_users(); function get_added_users() { $.ajax({ type : 'get', url : '<?php echo site_url("get-tockets-users")?>', 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-ticket-users")?>', 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>'; if(val.locked=='NO'){ con+='<input type="checkbox" name="checkbox" class="checkbox" value="'+val.id+'">'; }else { con+='<input type="checkbox" desabled onclick="Unlock('+val.id+');"><i class="fa fa-lock" aria-hidden="true"></i>'; } con+='</td>'; con+='<td>'+val.id+'</td>'; con+='<td>'+val.name+'</td>'; con+='<td>'+val.email+'</td>'; con+='<td>'+val.phone+'</td>'; con+='<td>'+val.user_status; if(val.register_status!='') { con+='('+val.register_status+')'; } con+='</td>'; con+='<td>'+val.created_at+'</td>'; con+='<td>'+val.modified_at+'</td>'; con+='<td>'+val.note+'</td>'; con+='<tr>'; }); $('.body_data').empty(); $('.body_data').append(con); $('.table_display').dataTable(); } $(".inputs").keyup(function () { if (this.value.length == this.maxLength) { $(this).next('.inputs').focus(); } }); function Unlock(ids) { if (confirm("Do You Want to Unlock it?")) { $.ajax({ type : 'post', url : '<?php echo site_url("Unlock-ticket-user")?>', data:{'id':ids} , success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"]("Unlocked"); get_added_users(); } else { toastr["error"]("Not Unlocked"); } } }); } } function lock() { checked = $("input[type=checkbox]:checked").length; if(!checked) { alert("You must check at least one checkbox."); return false; }else { var ids = []; $.each($("input[name='checkbox']:checked"), function(){ ids.push($(this).val()); }); if (confirm("Do You Want to Lock it?")) { $.ajax({ type : 'post', url : '<?php echo site_url("lock_ticket_user")?>', data:{'id':ids} , success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"]("Locked"); get_added_users(); } else { toastr["error"]("Not Locked"); } } }); } } } $('.excel_upload').on('change', function() { $('.excel_upload').submit(); }); $('.excel_upload').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("import-ticket-user")?>', data : formdata, contentType: false, processData: false, success:function(response){ // location.reload(); response=jQuery.parseJSON(response); //console.log(response); if(response.result==1) { toastr["success"](response.message); $('.excel_upload')[0].reset(); get_added_users(); } else { toastr["error"](response.message); } } }); }); $(function() { $( "#searching_place" ).autocomplete({ source: '<?php echo site_url('autocomplete_ticket_users'); ?>', }); }); $('#searching_place').on('autocompleteselect', function (e, ui) { alert(); var email=ui.item.value; $.ajax({ type : 'post', url : '<?php echo site_url("get_searched_user")?>', data : {'email':email}, success:function(response){ // location.reload(); response=jQuery.parseJSON(response); //console.log(response); if(response.result==1) { $('.full-details').empty(); var con=''; con+='<div class="modal-content">'; con+='<div class="modal-header">'; con+='<button type="button" class="close" data-dismiss="modal">×</button>'; con+='<h4 class="modal-title" style="font-weight:bold;color:#2a67ac;">Lookup or create a user</h4>'; con+='</div>'; con+='<div class="modal-body">'; con+='<div class="alert alert-info" style="padding: 5px 10px;margin-bottom: 10px;">'; con+='<i class="fa fa-info-circle" aria-hidden="true"></i> Search existing users or add a new user.'; con+='</div>'; con+='<div class="form-group">'; con+='<input type="text" id="searching_place" class="form-control input-sm" placeholder="Search by email, phone or name">'; con+='</div>'; con+='<p style="font-weight:bold;font-style:italic;background:#EEEEEE;padding:3px 5px;border: 1px dotted #bbb;margin-bottom:10px !important;">'; con+='Create New User:'; con+='</p>'; con+='<div class="row form-group" style="margin-bottom:15px;">'; con+='<label class="col-sm-3 col-md-3">Email Address: <span style="color:#ff0000;">*</span></label>'; con+='<div class="col-sm-8 col-md-6">'; con+='<input type="email" class="form-control input-sm" value="'+response.message.email+'" name="email" disabled required="required"/>'; con+='</div>'; con+='</div>'; con+='<div class="row form-group" style="margin-bottom:15px;">'; con+='<label class="col-sm-3 col-md-3">Full Name: <span style="color:#ff0000;">*</span></label>'; con+='<div class="col-sm-8 col-md-6">'; con+='<input type="text" class="form-control input-sm" name="name" value="'+response.message.name+'" required="required" disabled/>'; con+='</div>'; con+='</div>'; con+='</div>'; con+='<div class="modal-footer">'; con+='<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cancel</button>'; con+='<button type="button" class="btn btn-success btn-sm" style="float:right;">Add New User</button>'; con+=' </div>'; con+='</div>'; $('.full-details').append(con); } else { //toastr["error"](response.message); } } }); }); </script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>