first commit
This commit is contained in:
@@ -0,0 +1,83 @@
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="pull-right"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-calendar"></i> <i class="caret"></i></a>
|
||||
<ul id="range" class="dropdown-menu dropdown-menu-right">
|
||||
<li><a href="day">{{ text_day }}</a></li>
|
||||
<li><a href="week">{{ text_week }}</a></li>
|
||||
<li class="active"><a href="month">{{ text_month }}</a></li>
|
||||
<li><a href="year">{{ text_year }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> {{ heading_title }}</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div id="chart-sale" style="width: 100%; height: 260px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="view/javascript/jquery/flot/jquery.flot.js"></script>
|
||||
<script type="text/javascript" src="view/javascript/jquery/flot/jquery.flot.resize.min.js"></script>
|
||||
<script type="text/javascript"><!--
|
||||
$('#range a').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$(this).parent().parent().find('li').removeClass('active');
|
||||
|
||||
$(this).parent().addClass('active');
|
||||
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: 'index.php?route=extension/dashboard/chart/chart&user_token={{ user_token }}&range=' + $(this).attr('href'),
|
||||
dataType: 'json',
|
||||
success: function(json) {
|
||||
if (typeof json['order'] == 'undefined') { return false; }
|
||||
|
||||
var option = {
|
||||
shadowSize: 0,
|
||||
colors: ['#9FD5F1', '#1065D2'],
|
||||
bars: {
|
||||
show: true,
|
||||
fill: true,
|
||||
lineWidth: 1
|
||||
},
|
||||
grid: {
|
||||
backgroundColor: '#FFFFFF',
|
||||
hoverable: true
|
||||
},
|
||||
points: {
|
||||
show: false
|
||||
},
|
||||
xaxis: {
|
||||
show: true,
|
||||
ticks: json['xaxis']
|
||||
}
|
||||
}
|
||||
|
||||
$.plot('#chart-sale', [json['order'], json['customer']], option);
|
||||
|
||||
$('#chart-sale').bind('plothover', function(event, pos, item) {
|
||||
$('.tooltip').remove();
|
||||
|
||||
if (item) {
|
||||
$('<div id="tooltip" class="tooltip top in"><div class="tooltip-arrow"></div><div class="tooltip-inner">' + item.datapoint[1].toFixed(2) + '</div></div>').prependTo('body');
|
||||
|
||||
$('#tooltip').css({
|
||||
position: 'absolute',
|
||||
left: item.pageX - ($('#tooltip').outerWidth() / 2),
|
||||
top: item.pageY - $('#tooltip').outerHeight(),
|
||||
pointer: 'cusror'
|
||||
}).fadeIn('slow');
|
||||
|
||||
$('#chart-sale').css('cursor', 'pointer');
|
||||
} else {
|
||||
$('#chart-sale').css('cursor', 'auto');
|
||||
}
|
||||
});
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError) {
|
||||
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#range .active a').trigger('click');
|
||||
//--></script>
|
||||
Reference in New Issue
Block a user