Enhanced PHP File Manager

📁 Current Path: 🏠 Root /home/u435171512/public_html/crm/crm_2020_11_03/application/modules/dashboard/views

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.54.1.lve.el8.x86_64

PHP Version:

7.3.33

User:

u435171512

Directory:

/home/u435171512/public_html/crm/crm_2020_11_03/application/modules/dashboard/views

Free Space:

4.04 TB

🔧 Quick Actions

✏️ Editing: chart_lead_summary.php

<script type="text/javascript">
$(function () {
    $('#lead_summary').highcharts({
        title: {
            text: '',
            x: -20 //center
        },
        //~ subtitle: {
            //~ text: 'Source: WorldClimate.com',
            //~ x: -20
        //~ },
        xAxis: {
            categories: ['<?php echo $month; ?>']
        },
        exporting: { enabled: false },
        yAxis: {
            title: {
                text: 'Lead Total'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: ''
        },
        credits: {
			  enabled: false
		  },
        series: [{
            name: 'Leads',
            type: 'column',
            data: [<?php echo $lead_count; ?>]
        }]
    });
});
		</script>

<div class="card">
	<div class="col-md-6">
		<div class="header" style="padding:0px;">
			<h2> Lead Summary</h2>
		</div>
	</div>
	<div class="col-md-3">
		 <div class="form-group">
			<div class="form-line">
				<select name="chat_val" class="form-control" id="chart_val_type">
					<option value="year" selected>Filter</option>
					<option value="year">Year</option>
					<option value="month">Month</option>
					<option value="week">Week</option>
				</select>
			</div>
		</div>
	</div>
	<div class="col-md-3" id="year-block">
		 <div class="form-group">
			<div class="form-line">
				<select name="chat_val_year" class="form-control" id="chat_val_y">
				<?php $current_year = date('Y'); ?>
					<option value="<?php echo $current_year; ?>" selected>Year Filter</option>
					<?php if(isset($leadyear)){ foreach ( $leadyear as $key=> $val ) { if($val->year <= $current_year){ echo '
				   <option value="'.$val->year.'">'.$val->year.'</option>'; } } } ?> 
				</select>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="body">
		<div id="lead_summary" style="height: 200px;"></div>
	</div>
</div>

<script>
	$(document).ready(function(){		
	$('#chart_val_type').on('change',function(){
	var chart_val = $(this).val();
	
	if(chart_val != 'year'){
		$("#year-block").css("display", "none");
	} else {
		$("#year-block").css("display", "block");
	}
		var options = {
			chart: {
			renderTo: 'lead_summary',
            type: 'column',
            height: '200'
        },
        title: {
            text: ''
        },
		exporting: { enabled: false },
		credits: {
		  enabled: false
		},
        xAxis: {
            categories: []
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Lead Total'
            }
        },
         tooltip: {
                    formatter: function() {
                            return '<b>'+ this.series.name +'</b><br/>'+
                            this.x +': '+ this.y;
                    }
                },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: []
        
        }
           
        $.ajax({
   		type: 'POST',
   		dataType:'json',
   		data: {filter:chart_val},
   		url: '<?php echo base_url(); ?>index.php/dashboard/getLeadChartdata',
   		success: function(json) {	
                options.xAxis.categories = json[0]['data'];
                options.series[0] = json[1];
                chart = new Highcharts.Chart(options);
            }
        });
		
	});
	
	$('#chat_val_y').on('change',function(){
	var chart_val = $(this).val();
	
		var options = {
			chart: {
			renderTo: 'lead_summary',
            type: 'column',
            height: '200'
        },
        title: {
            text: ''
        },
		exporting: { enabled: false },
		credits: {
		  enabled: false
		},
        xAxis: {
            categories: []
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Lead Total'
            }
        },
         tooltip: {
                    formatter: function() {
                            return '<b>'+ this.series.name +'</b><br/>'+
                            this.x +': '+ this.y;
                    }
                },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: []
        
        }
           
        $.ajax({
   		type: 'POST',
   		dataType:'json',
   		data: {filter:chart_val},
   		url: '<?php echo base_url(); ?>index.php/dashboard/getLeadChartdataByYear',
   		success: function(json) {	
                options.xAxis.categories = json[0]['data'];
                options.series[0] = json[1];
                chart = new Highcharts.Chart(options);
            }
        });
		
	});
	
	
});
</script>

❌ Cancel