EVOLUTION-NINJA

Edit File: ticket_organisation.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="#">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="#">FAQs</a></li>
										<li><a class="faq-categories" href="#">Categories</a></li>
										<li><a class="canned" href="#">Canned Responses</a></li>
									</ul>
								</li>
							</ul>
						</nav>
					</div>
				</div>
				
			</section>
			
			<section class="row my_dropdown">
				<ul>
					<li><a class="teams" href="<?php echo base_url('tickets-user'); ?>">User Directory</a></li>
					<li class="dd_act"><a class="departments" href="<?php echo base_url('/tickets-organisation'); ?>">Organizations</a></li>
				</ul>
			</section>
			
			<section class="row my_user">
				<form class="navbar-form search" method="post"  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>Organizations</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 Organization</button>
						<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="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>Phone</td>
								<td>Address</td>
								<td>Website</td>
								<td>Users</td>
								<td>Note</td>
								<td>Created</td>
								<td>Last Updated</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_ticket_organization" method="post">
		<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;">Add New Organization</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> Complete the form below to add a new organization.
			</div>
			
			<p style="font-weight:bold;font-style:italic;background:#EEEEEE;padding:3px 5px;border: 1px dotted #bbb;margin-bottom:10px !important;">
				Create New Organization: Details on user organization
			</p>
			
			<div class="row form-group" style="margin-bottom:15px;">
			  <label class="col-sm-3 col-md-3">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" />
			  </div>
			</div>
			
			<div class="row form-group" style="margin-bottom:15px;">
			  <label class="col-sm-3 col-md-3">Address: </label>
			  <div class="col-sm-8 col-md-6">
				<textarea class="form-control" rows="3" name="address"></textarea>
			  </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" name="phone1" />
				<label>Ext:</label>
				<input type="tel" class="form-control input-sm" name="phone2" />
			  </div>
			</div>

<div class="row form-group" style="margin-bottom:15px;">
			  <label class="col-sm-3 col-md-3">Website:</label>
			  <div class="col-sm-8 col-md-6">
				<input type="text" class="form-control input-sm" name="website" />
			  </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 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;">Add Organization</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;
		}
	</style>
<script type="text/javascript">
	$('.add_ticket_organization').submit(function(e){    
        e.preventDefault();
        formdata = new FormData($(this)[0]);
       	 $.ajax({
                type   : 'post',
                url    : '<?php echo site_url("add-ticket-organization")?>',
                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_ticket_organization')[0].reset();
	                   	$('#myModal').modal('hide');
	                   	get_added_organization();
	                            
                    }
                   
                    else 
                    {
                    	toastr["error"]("Nodata Found");
                    }
                }
           });

});	
    get_added_organization();
function get_added_organization()
{

$.ajax({
                type   : 'get',
                url    : '<?php echo site_url("get-tickets-organization")?>',                         
                  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-organization")?>',
                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 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-organization")?>',   
                data:{'id':ids} ,                     
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
	                    
	                     toastr["success"]("Deleted"); 
	                     get_added_organization();

}
                   
                    else 
                    {
                    	toastr["error"]("Not Deleted");
                    }
                }
           });
    }
      }

}

function list_data(data)
{
var con='';
$.each(data,function(key,val){
	var k=key+1;
con+='<tr>';
con+='<td>';
con+='<input type="checkbox" name="checkbox" class="checkbox" value="'+val.id+'">';
con+='</td>';
con+='<td>'+val.id+'</td>';
con+='<td>'+val.name+'</td>';
con+='<td>'+val.phone+'</td>';
con+='<td>'+val.address+'</td>';
con+='<td>'+val.website;
con+='</td>';
con+='<td>1</td>';
con+='<td>'+val.note+'</td>';
con+='<td>'+val.created_at+'</td>';
con+='<td>'+val.modified_at+'</td>';

con+='<tr>';
});
$('.body_data').empty();
$('.body_data').append(con);
$('.table_display').dataTable();
}

</script>