TheCoreDev/sterivein
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

admoin home stats navigation

Browse Source
This commit is contained in:
Etienne Roudeix
2013-10-31 11:59:25 +01:00
committed by Manuel Raynaud
parent 95be087b90
commit 26c7acbeaa
1 changed files with 25 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
templates/admin/default/home.html
View File

@@ -13,9 +13,9 @@
<div class="title title-without-tabs clearfix"> <div class="title title-without-tabs clearfix">
{intl l='Dashboard'} {intl l='Dashboard'}
<div class="btn-group pull-right"> <div class="btn-group pull-right">
<button type="button" class="btn btn-default js-stats-change-month" data-change="previous"><span class="glyphicon glyphicon-chevron-left"></span></button> <button type="button" class="btn btn-default js-stats-change-month" data-month-offset="-1"><span class="glyphicon glyphicon-chevron-left"></span></button>
<button type="button" class="btn btn-default" disabled><span class="glyphicon glyphicon-calendar"></span></button> <button type="button" class="btn btn-default" disabled><span class="glyphicon glyphicon-calendar"></span></button>
<button type="button" class="btn btn-default js-stats-change-month" data-change="next"><span class="glyphicon glyphicon-chevron-right"></span></button> <button type="button" class="btn btn-default js-stats-change-month" data-month-offset="+1"><span class="glyphicon glyphicon-chevron-right"></span></button>
</div> </div>
</div> </div>
@@ -264,6 +264,8 @@
jQuery(function($){ jQuery(function($){
var jQplotDate = new Date();
jQplotDate.setDate(1); // Set day to 1 so we can add month without 30/31 days of month troubles.
var url = "{url path='/admin/home/stats'}"; var url = "{url path='/admin/home/stats'}";
var jQplotData; // json data var jQplotData; // json data
var jQPlotInstance; // global instance var jQPlotInstance; // global instance
@@ -306,13 +308,10 @@ jQuery(function($){
} }
}; };
{literal}
// Get initial data Json // Get initial data Json
$.getJSON(url) retrieveJQPlotJson(jQplotDate.getMonth()+1, jQplotDate.getFullYear());
.done(function(data) {
jQplotData = data;
jsonSuccessLoad();
})
.fail(jsonFailLoad);
$('[data-toggle="jqplot"]').click(function(){ $('[data-toggle="jqplot"]').click(function(){
@@ -323,21 +322,26 @@ jQuery(function($){
$('.js-stats-change-month').click(function(e){ $('.js-stats-change-month').click(function(e){
$('.js-stats-change-month').attr('disabled', true); $('.js-stats-change-month').attr('disabled', true);
jQplotDate.setMonth(parseInt(jQplotDate.getMonth()) + parseInt($(this).data('month-offset')));
retrieveJQPlotJson(jQplotDate.getMonth()+1, jQplotDate.getFullYear(), function(){$('.js-stats-change-month').attr('disabled', false);});
$('#jqplot'); });
{literal} function retrieveJQPlotJson(month, year, callback) {
$.getJSON(url, {month: 9, year: 2010}) console.log(month, year);
$.getJSON(url, {month: month, year: year})
.done(function(data) { .done(function(data) {
jQplotData = data; jQplotData = data;
jsonSuccessLoad(); jsonSuccessLoad();
if(callback) {
callback();
}
}) })
.fail(jsonFailLoad); .fail(jsonFailLoad);
{/literal} }
});
function initJqplotData(json) {
function initJqplotData(json){
var series = []; var series = [];
var seriesColors = []; var seriesColors = [];
$('[data-toggle="jqplot"].active').each(function(i){ $('[data-toggle="jqplot"].active').each(function(i){
@@ -391,6 +395,8 @@ jQuery(function($){
} }
{/literal}
}); });
</script> </script>