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>
			
				
			</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>
	
	
	<div id="myModal" class="modal fade" role="dialog">
	  <div class="modal-dialog modal-lg">

<form class="add_users" method="post">
		<div class="modal-content  full-details">
		  <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" 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>

<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>
	

	<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>
	
	
    <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;

$.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;

$.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");
                    }
                }
           });

});

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;

$.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">&times;</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>