EVOLUTION-NINJA

Edit File: agents_directory.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="act"><a href="<?php echo base_url('/ticket-dashboard'); ?>">Dashboard</a></li>
								
								<li class="dropdown"> 
									<a href="<?php echo base_url('tickets-user'); ?>" 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="<?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="#" 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><a class="logs" href="<?php echo base_url('/ticket-dashboard'); ?>">Dashboard</a></li>
					<li class="dd_act"><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>
			</section>
			
			<style>
				
			</style>
			
			<section class="row my_refresh">
				<form class="form-inline" id="front_status">
					<div class="form-group">
						<input type="text" class="form-control">
					</div>
					<div class="form-group">
						<select class="form-control" name="status">
							<option>-- All Departments --</option>
							<option value="10">Front End</option>
							<option value="16">Support</option>
							<option value="12">Back End</option>
						</select>
					</div>
					<div class="form-group">
						<button type="submit" class="btn">Filter</button>
					</div>
				</form>
			</section>
			
			<section class="row agents">
				<h3>Agents</h3>
				
				<table class="table table_agents table-bordered table-hover table-striped">
					<thead>
					  <tr>
						<th>Name</th>
						<th>Department</th>
						<th>Email Address</th>
						<th>Phone Number</th>
						<th>Extension</th>
						<th>Mobile Number</th>
					  </tr>
					</thead>
					<tbody class="new_tbody">
					<?php foreach($agent as $key => $value) { ?>
					
					  <tr>
						<td><?php echo $value->first_name; ?></td>
						<td><?php echo $value->department_name; ?></td>
						<td><?php echo $value->email_id; ?></td>
						<td></td>
						<td><?php echo $value->extension; ?></td>
						<td><?php echo $value->work_phone; ?></td>
					  </tr>
					 
					 <?php } ?>
					</tbody>
				</table>
			</section>
		</div>
		
		<p style="text-align:center;padding:10px 15px;">Copyright © 2006-2019 Jayblues Support All Rights Reserved.</p>
	</section>
	
	<style>
		
	</style>
	
	
	
</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="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>
	

	<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>
	
	
	<script src="<?php echo base_url('admin_assets/js1/canvasjs.min.js');?>"></script>
	<script>
	window.onload = function() {

var chart = new CanvasJS.Chart("chartContainer", {       
		animationEnabled: true,
		title: {
			text: ""
		},
		axisX:{
			minimum: 5,
			maximum: 95
		},
		data: [{
			type: "column",
			dataPoints: [
				{ x: 10, y: 71 },
				{ x: 20, y: 55 },
				{ x: 30, y: 50 },
				{ x: 40, y: 65 },
				{ x: 50, y: 95 },
				{ x: 60, y: 68 },
				{ x: 70, y: 28 },
				{ x: 80, y: 34 },
				{ x: 90, y: 14 }
			]
		}]
	});
	chart.render();

var xSnapDistance = chart.axisX[0].convertPixelToValue(chart.get("dataPointWidth")) / 2;
	var ySnapDistance = 3;

var xValue, yValue;

var mouseDown = false;
	var selected = null;
	var changeCursor = false;

var timerId = null;

function getPosition(e) {
		var parentOffset = $("#chartContainer > .canvasjs-chart-container").offset();          	
		var relX = e.pageX - parentOffset.left;
		var relY = e.pageY - parentOffset.top;
		xValue = Math.round(chart.axisX[0].convertPixelToValue(relX));
		yValue = Math.round(chart.axisY[0].convertPixelToValue(relY));
	}

jQuery("#chartContainer > .canvasjs-chart-container").on({
		mousedown: function(e) {
			mouseDown = true;
			getPosition(e);  
			searchDataPoint();
		},
		mousemove: function(e) {
			getPosition(e);
			if(mouseDown) {
				clearTimeout(timerId);
				timerId = setTimeout(function(){
					if(selected != null) {
						chart.data[0].dataPoints[selected].y = yValue;
						chart.render();
					}   
				}, 0);
			}
			else {
				searchDataPoint();
				if(changeCursor) {
					chart.data[0].set("cursor", "n-resize");
				} else {
					chart.data[0].set("cursor", "default");
				}
			}
		},
		mouseup: function(e) {
			if(selected != null) {
				chart.data[0].dataPoints[selected].y = yValue;
				chart.render();
				mouseDown = false;
			}
		}
	});

}

$('#front_status').submit(function(e){
		e.preventDefault();

formdata = new FormData($(this)[0]);
       	 $.ajax({

type   : 'post',
                url    : '<?php echo site_url("yaskawa/get_front_status")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  var content='';
                   $.each(response,function(key,val){

content+='<tr>';
						content+='<td>'+val.first_name+'</td>';
						content+='<td>'+val.department_name+'</td>';
						content+='<td>'+val.email_id+'</td>';
						content+='<td></td>';
						content+='<td>'+val.extension+'</td>';
						content+='<td>'+val.work_phone+'</td>';
					  content+='</tr>';

});

$('.new_tbody').empty();
                   $('.new_tbody').append(content);
                }
           });

});
	</script>