EVOLUTION-NINJA

Edit File: invoice_notification.php

<?php $this->load->view('includes/admin_header');?>

<div class=" page-content" style="background-color:#f0f0f0;">
	<div class="row row-form1">
		<div class="col-sm-12 col-md-10">
			<h4>Invoice Notification</h4>
		</div>
		
		
	</div>
	
	<div class="row" style="background-color:white;margin-top:10px;">
		<div class="col-xs-12">
			
			<div class="hr dotted"></div>
			
			
			<div class="hr_tab">
				<ul class="nav nav-pills">
					<li class="active"><a data-toggle="pill" href="#home">Today</a></li>
					
					<li><a data-toggle="pill" href="#menu1">This Week</a></li>
					<li><a data-toggle="pill" href="#menu3">All Days</a></li>
					<li style="float:right;">  
					  <select class="form-control">
						<option>Notified Date - Newest to Oldest</option>
						<option>2</option>
						<option>3</option>
						<option>4</option>
					  </select>
					</li>
				</ul>
				  
				<div class="tab-content">
					<div id="home" class="tab-pane fade in active">
					  <form>
						
					  <div class="row">
							<div class="col-sm-8">
								<div class="get_noti">
									<div class="get_noti_img">
										<i class="fa fa-bell" aria-hidden="true"></i>
									</div>
									
									<div class="get_noti_name">
										<p style="font-size:16px;">Notifications</p>
										
									</div>
								</div>
								
								<div class="input_text">
									<div class="input-group">
									  <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1">
									  <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span>
									</div>
								</div>
								<div id="todays_notifications"></div>
								
							</div>
							
							<div class="col-sm-4">
							
							</div>
					  </div>
					  
					  
					  </form>
					</div>
					
					<div id="menu1" class="tab-pane fade">
					  <form>
						
					  <div class="row">
							<div class="col-sm-8">
								<div class="get_noti">
									<div class="get_noti_img">
										<i class="fa fa-bell" aria-hidden="true"></i>
									</div>
									
									<div class="get_noti_name">
										<p style="font-size:16px;">Notifications</p>
										
									</div>
								</div>
								
								<div class="input_text">
									<div class="input-group">
									  <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1">
									  <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span>
									</div>
								</div>
								<div id="thisweek_notifications"></div>
								
							</div>
							
							<div class="col-sm-4">
							
							</div>
					  </div>
					  
					  
					  </form>
					</div>
					
					<div id="menu2" class="tab-pane fade">
					  <form>
						
					  <div class="row">
							<div class="col-sm-8">
								<div class="get_noti">
									<div class="get_noti_img">
										<i class="fa fa-bell" aria-hidden="true"></i>
									</div>
									
									<div class="get_noti_name">
										<p style="font-size:16px;">Get Notified of New Leads</p>
										<p>Turn on desktop notifications</p>
									</div>
								</div>
								
								<div class="input_text">
									<div class="input-group">
									  <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1">
									  <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span>
									</div>
								</div>
								
								<div class="accept_job">
									<h4 style="color:#000;">Aswathraj</h4>
									<p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p>
									<p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p>
									<p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p>
								</div>
								
								<div class="accept_job">
									<h4 style="color:#000;">Sooraj R.</h4>
									<p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p>
									<p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p>
									<p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p>
								</div>
								
								<div class="accept_job">
									<h4 style="color:#000;">Ateeq K.</h4>
									<p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p>
									<p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p>
									<p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p>
								</div>
							</div>
							
							<div class="col-sm-4">
							
							</div>
					  </div>
					  
					  
					  </form>
					</div>
					
					<div id="menu3" class="tab-pane fade">
					  <form>
						
					  <div class="row">
							<div class="col-sm-8">
								<div class="get_noti">
									<div class="get_noti_img">
										<i class="fa fa-bell" aria-hidden="true"></i>
									</div>
									
									<div class="get_noti_name">
										<p style="font-size:16px;">Notifications</p>
										
									</div>
								</div>
								
								<div class="input_text">
									<div class="input-group">
									  <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1">
									  <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span>
									</div>
								</div>
								<div id="alldays_notifications"></div>
								
							</div>
							
							<div class="col-sm-4">
							
							</div>
					  </div>
					  
					  
					  </form>
					</div>
				</div>
			</div>
			
					
			
			
			
		</div>
	</div>
</div>
				</div>
			</div>

<div class="footer">
				<div class="footer-inner">
					<div class="footer-content">
						<span class="blue">All Right Reserved &copy; 2017</span>
						<a href="">&nbsp;Jay Blues Technologies</a>
					</div>
				</div>
			</div>

<script src="<?php echo base_url('admin_assets/assets/js/jquery-ui.custom.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/jquery.ui.touch-punch.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/jquery.easypiechart.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/jquery.sparkline.index.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.pie.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.resize.min.js');?>"></script>

<script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script>

</body>
</html>
	<style>
	.breadcrumb{
			margin-top: -10px !important;
	}
		/* styling the grid page's grid elements */

.org-desg [class*="col-"] {
		margin-top: 2px;
		margin-bottom: 2px;

position: relative;
		text-overflow: ellipsis;
	}

.org-desg span{
	  position: relative;
	  z-index: 2;
	}
	.org-desg  {
		background-color:#f8f7fb;
		border: 1px solid #DDD;
		min-height:85px;
		padding:10px;
		border:5px solid #fff;
	}

.org-desg a{
		color:black !important;
	}
	.org-desg i{
		color:black !important;
	}
	 .dp
    {
        border:10px solid #eee;
        transition: all 0.2s ease-in-out;
    }
	.dp:hover
    {
        border:2px solid #eee;
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);  
        -webkit-transform:rotate(360deg);  
        /*-webkit-font-smoothing:antialiased;*/
    }
	.tab-content{
		border:none !important;
		
	}
	.tab-pane h3{
		padding-left:15px;
	}
	
	
	.round_img img
	{
		float:left;
		margin-right:15px;
	}
	.round_img p
	{
		font-size:16px;
		font-weight:bold;
		padding-top:8px;
	}
	.round_img p span
	{
		float:right;
	}
	.till_date p
	{
		padding-top:8px;
		font-size:16px;
		text-align:center;
	}
	.till_date span
	{
		color:#458BD6;
	}
	.btn_apply_leave
	{
		text-align:right;
	}
	
	.btn_apply_leave > i
	{
		margin-left:10px;
		font-size:18px;
		color:#959595;
	}
	.bdr_button
	{
		border-bottom:1px solid #C5D0DC;
		padding-bottom: 8px;
	}
	.leave_year
	{
		margin-bottom:0px;
		font-size: 16px;
		padding-top: 8px;
	}
	
	.btn_apply_leave select
	{
		width: 50%;
		float: left;
		height: 25px;
		padding: 1px 6px !important;
	}
	
	.round_img1 img
	{
		float:left;
		margin-right:10px;
	}
	.round_img1 p
	{
		padding-top:1px;
	}
	
	.table_btn a
	{
		color:#000;
		border:1px solid #458BD6;
		padding:3px 5px;
		border-radius:5px;
	}
	
	.row-pad
	{
		margin-left: 0px;
		margin-right: 0px;
		padding:5px 10px;
	}
	
	.row-bg
	{
		background:#F5F6F7;
		border-left: 1px solid #D5D5D5;
		border-right: 1px solid #D5D5D5;
		border-bottom: 1px solid #D5D5D5;
	}
	
	/*----------------*/
	.get_noti
	{
		padding-top:10px;
		padding-bottom:10px;
		background:#7E8EA5;
		padding-left:15px;
	}
	.get_noti_img, .get_noti_name
	{
		display:table-cell;
		color:#fff;
	}
	.get_noti_img
	{
		
	}
	.get_noti_img i
	{
		background:#FCFCFC;
		width:40px;
		height:40px;
		line-height:40px;
		color:#CDDBF5;
		border-radius:50%;
		text-align:center;
		font-size:18px;
		margin-right:10px;
	}
	.get_noti_name
	{
		vertical-align:middle;
		margin-left:10px;
	}
	.get_noti_name p
	{
		margin-bottom:0px;
	}
	
	.input_text
	{
		border-left:1px solid #acacac;
		border-right:1px solid #acacac;
		padding:10px;
	}
	.accept_job
	{
		border-top:1px solid #acacac;
		border-left:1px solid #acacac;
		border-right:1px solid #acacac;
		padding:10px;
	}
	</style>
	
<script type="text/javascript">

$('.text-click').click(function(){
		$('.show-text').show();
		$('.text-click').hide();
	});

</script>

setInterval(TodaysLegalNotifications, 2000);
    setInterval(AlldaysLegalNotifications, 2000);
    setInterval(ThisweekLegalNotifications, 2000);
    ThisweekLegalNotifications();

TodaysLegalNotifications();
    AlldaysLegalNotifications();

function TodaysLegalNotifications()
    {
    	
        $.ajax({

type   : 'get',
                url    : '<?php echo site_url("yaskawa/getinv_todays_notifications")?>',
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                 // alert(response.result);

if(response.result==1)
                    {
                    	var content = '';
                    	 $.each(response.notifications,function(key,val){
					//	alert(val.first_name);
                            content += '<div class="accept_job">';
                            content += '<h4 style="color:#000;">'+val.first_name+'</h4>';
                            content += '<p><b>Lead Name</b> '+val.first_name+' '+val.last_name+' ,<b>Lead Owner</b> '+val.lead_owner+' and <b> Lead Source</b> '+val.lead_source+'</p>';
                            content += '<p class="time"><b>Created On </b> : '+val.created_at+'</p>';
                            content += '</div>';
                        });

$("#todays_notifications").html(content);    
                    } 
                    else
                    {
                        $("#todays_notifications").empty();    
                    }                 
                }
                
         });
    }

function AlldaysLegalNotifications()
    {
        $.ajax({

type   : 'get',
                url    : '<?php echo site_url("yaskawa/getinv_alldays_notifications")?>',
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
                    	var content = '';
                    	 $.each(response.notifications,function(key,val){

content += '<div class="accept_job">';
                              content += '<h4 style="color:#000;">'+val.first_name+'</h4>';
                              content += '<p><b>Lead Name</b> '+val.first_name+' '+val.last_name+' ,<b>Lead Owner</b> '+val.lead_owner+' and <b> Lead Source</b> '+val.lead_source+'</p>';
                              content += '<p class="time"><b>Created On </b> : '+val.created_at+'</p>';
                              content += '</div>';
                        });

$("#alldays_notifications").html(content);    
                    } 
                    else
                    {
                        $("#alldays_notifications").empty();    
                    }                 
                }
                
         });
    }

function ThisweekLegalNotifications()
    {
        $.ajax({

type   : 'get',
                url    : '<?php echo site_url("yaskawa/getinv_thisweek_notifications")?>',
                                         
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
                    var content = '';
                    $.each(response.notifications,function(key,val){

content += '<div class="accept_job">';
                         content += '<h4 style="color:#000;">'+val.first_name+'</h4>';
                         content += '<p><b>Lead Name</b> '+val.first_name+' '+val.last_name+' ,<b>Lead Owner</b> '+val.lead_owner+' and <b> Lead Source</b> '+val.lead_source+'</p>';
                         content += '<p class="time"><b>Created On </b> : '+val.created_at+'</p>';
                         content += '</div>';
                        });

$("#thisweek_notifications").html(content);   
                    }
                    else
                    {
                        $("#thisweek_notifications").empty();   
                    }                
                }
               
         });
    }

});

</script>