Skip to content
Snippets Groups Projects
Commit 08548912 authored by Peter Rotich's avatar Peter Rotich
Browse files

Merge pull request #147 from greezybacon/feature/reports 

Sort of Reviewed By: Peter Rotich on 07/08/12.
parents 29bae789 192ab07e
Branches
Tags
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
include/ajax.reports.php
+ 47
− 37
View file @ 08548912
...@@ -35,8 +35,12 @@ class OverviewReportAjaxAPI extends AjaxController { ...@@ -35,8 +35,12 @@ class OverviewReportAjaxAPI extends AjaxController {
} }
function getData() { function getData() {
$start = $this->get('start', strtotime('last month')); $start = $this->get('start', 'last month');
$stop = $this->get('stop', time()); $stop = $this->get('stop', 'now');
if (substr($stop, 0, 1) == '+')
$stop = $start . $stop;
$start = 'FROM_UNIXTIME('.strtotime($start).')';
$stop = 'FROM_UNIXTIME('.strtotime($stop).')';
$groups = array( $groups = array(
"dept" => array( "dept" => array(
...@@ -67,45 +71,51 @@ class OverviewReportAjaxAPI extends AjaxController { ...@@ -67,45 +71,51 @@ class OverviewReportAjaxAPI extends AjaxController {
$info = $groups[$group]; $info = $groups[$group];
# XXX: Die if $group not in $groups # XXX: Die if $group not in $groups
$res = db_query( $queries=array(
'SELECT ' . $info['fields'] . ',' array(5, 'SELECT '.$info['fields'].',
.'(SELECT COUNT(A1.ticket_id) FROM '.TICKET_TABLE COUNT(*)-COUNT(NULLIF(A1.state, "created")) AS Opened,
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] COUNT(*)-COUNT(NULLIF(A1.state, "assigned")) AS Assigned,
.' AND A1.status=\'open\') AS Open,' COUNT(*)-COUNT(NULLIF(A1.state, "overdue")) AS Overdue,
.'(SELECT COUNT(A1.ticket_id) FROM '.TICKET_TABLE COUNT(*)-COUNT(NULLIF(A1.state, "closed")) AS Closed,
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] COUNT(*)-COUNT(NULLIF(A1.state, "reopened")) AS Reopened
.' AND (A1.staff_id > 0 OR A1.team_id > 0)' FROM '.$info['table'].' T1 LEFT JOIN '.TICKET_TABLE.' T2 USING ('.$info['pk'].')
.' AND A1.status=\'open\') AS Assigned,' LEFT JOIN '.TICKET_EVENT_TABLE.' A1 USING (ticket_id)
.'(SELECT COUNT(A1.ticket_id) FROM '.TICKET_TABLE WHERE A1.timestamp BETWEEN '.$start.' AND '.$stop.'
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] GROUP BY '.$info['fields'].'
.' AND (A1.staff_id = 0 AND A1.team_id = 0)' ORDER BY '.$info['fields']),
.' AND A1.status=\'open\') AS Unassigned,'
.'(SELECT COUNT(A1.ticket_id) FROM '.TICKET_TABLE array(1, 'SELECT '.$info['fields'].',
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] FORMAT(AVG(DATEDIFF(T2.closed, T2.created)),1) AS ServiceTime
.' AND A1.isanswered = 0' FROM '.$info['table'].' T1 LEFT JOIN '.TICKET_TABLE.' T2 USING ('.$info['pk'].')
.' AND A1.status=\'open\') AS Unanswered,' WHERE T2.closed BETWEEN '.$start.' AND '.$stop.'
.'(SELECT COUNT(A1.ticket_id) FROM '.TICKET_TABLE GROUP BY '.$info['fields'].'
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] ORDER BY '.$info['fields']),
.' AND A1.isoverdue = 1'
.' AND A1.status=\'open\') AS Overdue,' array(1, 'SELECT '.$info['fields'].',
.'(SELECT COUNT(A1.ticket_id) FROM '.TICKET_TABLE FORMAT(AVG(DATEDIFF(B2.created, B1.created)),1) AS ResponseTime
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] FROM '.$info['table'].' T1 LEFT JOIN '.TICKET_TABLE.' T2 USING ('.$info['pk'].')
.' AND A1.status=\'closed\') AS Closed,' LEFT JOIN '.TICKET_THREAD_TABLE.' B2 ON (B2.ticket_id = T2.ticket_id
.'(SELECT COUNT(A1.ticket_id) FROM '.TICKET_TABLE AND B2.thread_type="R")
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] LEFT JOIN '.TICKET_THREAD_TABLE.' B1 ON (B2.pid = B1.id)
.' AND A1.reopened is not null) AS Reopened,' WHERE B1.created BETWEEN '.$start.' AND '.$stop.'
.'(SELECT FORMAT(AVG(DATEDIFF(A1.closed, A1.created)),1) FROM '.TICKET_TABLE GROUP BY '.$info['fields'].'
.' A1 WHERE A1.'.$info['pk'].' = T1.'.$info['pk'] ORDER BY '.$info['fields'])
.' AND A1.status=\'closed\') AS ServiceTime'
.' FROM ' . $info['table'] . ' T1'
); );
$rows = array(); $rows = array();
while ($row = db_fetch_row($res)) { foreach ($queries as $q) {
$rows[] = $row; list($c, $sql) = $q;
$res = db_query($sql);
$i = 0;
while ($row = db_fetch_row($res)) {
if (count($rows) <= $i)
$rows[] = array_slice($row, 0, count($row) - $c);
$rows[$i] = array_merge($rows[$i], array_slice($row, -$c));
$i++;
}
} }
return array("columns" => array_merge($info['headers'], return array("columns" => array_merge($info['headers'],
array('Open','Assigned','Unassigned','Unanswered', array('Open','Assigned','Overdue','Closed','Reopened',
'Overdue','Closed','Reopened','Service Time')), 'Service Time','Response Time')),
"data" => $rows); "data" => $rows);
} }
......
scp/ajax.php
+ 0
− 6
View file @ 08548912
...@@ -52,12 +52,6 @@ $dispatcher = patterns('', ...@@ -52,12 +52,6 @@ $dispatcher = patterns('',
url_get('^table/export$', 'downloadTabularData'), url_get('^table/export$', 'downloadTabularData'),
url_get('^table$', 'getTabularData') url_get('^table$', 'getTabularData')
)), )),
url('^/report/overview/', patterns('ajax.reports.php:OverviewReportAjaxAPI',
# Send
url_get('^graph$', 'getPlotData'),
url_get('^table/groups$', 'enumTabularGroups'),
url_get('^table$', 'getTabularData')
)),
url_get('^/users$', array('ajax.users.php:UsersAjaxAPI', 'search')), url_get('^/users$', array('ajax.users.php:UsersAjaxAPI', 'search')),
url('^/tickets/', patterns('ajax.tickets.php:TicketsAjaxAPI', url('^/tickets/', patterns('ajax.tickets.php:TicketsAjaxAPI',
url_get('^(?P<tid>\d+)/preview', 'previewTicket'), url_get('^(?P<tid>\d+)/preview', 'previewTicket'),
......
scp/css/bootstrap.css
+ 1090
− 4484
View file @ 08548912
This diff is collapsed.
scp/css/dashboard.css 0 → 100644
+ 46
− 0
View file @ 08548912
#line-chart-here {
padding: 0.4em;
margin-bottom: 1em;
border-radius: 0.3em;
border: 0.2em solid #ccc;
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
#line-chart-here tspan {
font-family: Monaco, Calibri, Sans Serif;
font-size: 8pt;
}
#line-chart-legend {
margin: 0.6em;
line-height: 140%;
}
span.label.disabled {
opacity: 0.5;
background-color: #555 !important;
}
span.label {
cursor: pointer;
}
#table-here tr :not(:first-child) {
text-align: right;
padding-right: 2.3em;
width: 12%;
}
#table-here tr :not(:first-child) div {
position: relative;
margin-right: -1em;
}
#table-here tr :not(:first-child) div div {
position: absolute;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
scp/dashboard.php
+ 7
− 325
View file @ 08548912
...@@ -16,7 +16,6 @@ ...@@ -16,7 +16,6 @@
require('staff.inc.php'); require('staff.inc.php');
$nav->setTabActive('dashboard'); $nav->setTabActive('dashboard');
require(STAFFINC_DIR.'header.inc.php'); require(STAFFINC_DIR.'header.inc.php');
//require(STAFFINC_DIR.$page);
?> ?>
<script type="text/javascript" src="js/raphael-min.js"></script> <script type="text/javascript" src="js/raphael-min.js"></script>
...@@ -24,71 +23,12 @@ require(STAFFINC_DIR.'header.inc.php'); ...@@ -24,71 +23,12 @@ require(STAFFINC_DIR.'header.inc.php');
<script type="text/javascript" src="js/g.line-min.js"></script> <script type="text/javascript" src="js/g.line-min.js"></script>
<script type="text/javascript" src="js/g.dot-min.js"></script> <script type="text/javascript" src="js/g.dot-min.js"></script>
<script type="text/javascript" src="js/bootstrap-tab.js"></script> <script type="text/javascript" src="js/bootstrap-tab.js"></script>
<script type="text/javascript" src="js/dashboard.inc.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/dashboard.css"/>
<style type="text/css"> <h2>Ticket Activity</h2>
#line-chart-here {
padding: 0.4em;
margin-bottom: 1em;
border-radius: 0.3em;
border: 0.2em solid #ccc;
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,
rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)),
color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,248,249,1)
0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1)
100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,248,249,1)
0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1)
100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,248,249,1)
0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1)
100%); /* IE10+ */
background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1)
50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9',
endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
#line-chart-here tspan {
font-family: Monaco, Calibri, Sans Serif;
font-size: 8pt;
}
#line-chart-legend {
margin: 0.6em;
line-height: 140%;
}
span.label.disabled {
opacity: 0.5;
background-color: #555 !important;
}
span.label {
cursor: pointer;
}
#table-here tr :not(:first-child) {
text-align: right;
padding-right: 2.3em;
width: 10%;
}
#table-here tr :not(:first-child) div {
position: relative;
margin-right: -1em;
}
#table-here tr :not(:first-child) div div {
position: absolute;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
</style>
<h1>Ticket Activity</h1>
<p>Select the starting time and period for the system activity graph</p> <p>Select the starting time and period for the system activity graph</p>
<form class="well form-inline" id="timeframe-form"> <form class="well form-inline" id="timeframe-form">
<label> <label>
...@@ -115,272 +55,14 @@ span.label { ...@@ -115,272 +55,14 @@ span.label {
<div style="position:absolute;right:0;top:0" id="line-chart-legend"></div> <div style="position:absolute;right:0;top:0" id="line-chart-legend"></div>
</div> </div>
<script type="text/javascript"> <hr/>
var r, previous_data; <h2>Statistics</h2>
<p>Statistics of tickets organized by department, help topic, and staff
function refresh() { member.</p>
$('#line-chart-here').empty();
$('#line-chart-legend').empty();
var r = new Raphael('line-chart-here'),
width = $('#line-chart-here').width(),
height = $('#line-chart-here').height();
$.ajax({
method: 'GET',
url: 'ajax.php/report/overview/graph',
data: ((this.start && this.start.value) ? {
'start': this.start.value,
'stop': this.period.value} : {}),
dataType: 'json',
success: function(json) {
var previous_data = json,
times = [],
smtimes = Array.prototype.concat.apply([], json.times),
plots = [],
max = 0,
primes = [2,3,5,7,9];
// Convert the timestamp to number of whole days after the
// unix epoch, and try and find an exact multiple of the
// number of days across the query that is less than 13 for
// the number of dates to place across the bottom.
for (key in smtimes) {
smtimes[key] = Math.floor(smtimes[key] / 86400);
}
for (key in json.events) {
e = json.events[key];
if (json.plots[e] === undefined) continue;
$('<span>').append(e)
.attr({class:'label','style':'margin-left:0.5em'})
.appendTo($('#line-chart-legend'));
$('<br>').appendTo('#line-chart-legend');
times.push(smtimes);
plots.push(json.plots[e]);
max = Math.max(max, Math.max.apply(Math, json.plots[e]));
}
m = r.linechart(10, 10, width - 80, height - 20,
times, plots, {
gutter: 10,
width: 1.6,
nostroke: false,
shade: false,
axis: "0 0 1 1",
axisxstep: 8,
axisystep: max,
symbol: "circle",
smooth: false
}).hoverColumn(function () {
this.tags = r.set();
var slots = [];
for (var i = 0, ii = this.y.length; i < ii; i++) {
if (this.values[i] === 0) continue;
if (this.symbols[i].node.style.display == "none") continue;
var angle = 160;
for (var j = 0, jj = slots.length; j < jj; j++) {
if (slots[j][0] == this.x && slots[j][1] == this.y[i]) {
angle = 20;
break;
}
}
slots.push([this.x, this.y[i]]);
this.tags.push(r.tag(this.x, this.y[i],
this.values[i], angle,
10).insertBefore(this).attr([
{ fill: '#eee' },
{ fill: this.symbols[i].attr('fill') }]));
}
}, function () {
this.tags && this.tags.remove();
});
// Change axis labels from Unix epoch
$('tspan', $('#line-chart-here')).each(function(e) {
var text = this.firstChild.textContent;
if (parseInt(text) > 10000)
this.firstChild.textContent =
$.datepicker.formatDate('mm-dd-yy',
new Date(parseInt(text) * 86400000));
});
// Dear aspiring API writers, please consider making [easy]
// things simpler than this...
$('span.label').each(function(i, e) {
e = $(e);
e.click(function() {
e.toggleClass('disabled');
if (e.hasClass('disabled')) {
m.symbols[i].hide();
m.lines[i].hide();
} else {
m.symbols[i].show();
m.lines[i].show();
}
});
});
$('span.label', '#line-chart-legend').css(
'background-color', function(i) {
return Raphael.color(m.symbols[i][0].attr('fill')).hex;
});
}
});
return false;
}
$(refresh);
$('#timeframe-form').submit(refresh);
</script>
<h1>Current statistics</h1>
<ul class="nav nav-tabs" id="tabular-navigation"></ul> <ul class="nav nav-tabs" id="tabular-navigation"></ul>
<div id="table-here"></div> <div id="table-here"></div>
<script type="text/javascript">
$(function() { $('tabular-navigation').tab(); });
// Add tabs for the tabular display
$(function() {
$.ajax({
url: 'ajax.php/report/overview/table/groups',
dataType: 'json',
success: function(json) {
var first=true;
for (key in json) {
$('#tabular-navigation')
.append($('<li>').attr((first) ? {class:"active"} : {})
.append($('<a>')
.click(build_table)
.attr({'table-group':key,'href':'#'})
.append(json[key])));
first=false;
}
build_table.apply($('#tabular-navigation li:first-child a'))
}
});
});
function build_table(e) {
$('#table-here').empty();
$(this).tab('show');
var group = $(this).attr('table-group')
$.ajax({
method: 'GET',
dataType: 'json',
url: 'ajax.php/report/overview/table',
data: {group: group},
success: function(json) {
var q = $('<table>').attr({class:'table table-condensed table-striped'});
var h = $('<tr>').appendTo($('<thead>').appendTo(q));
var pagesize = 25;
var min = [], max = [], range = [];
for (var c in json.columns) {
h.append($('<th>').append(json.columns[c]));
min.push(1e8); max.push(0);
}
for (y in json.data) {
row = json.data[y];
for (x in row) {
min[x] = Math.min(min[x], parseFloat(row[x]||0));
max[x] = Math.max(max[x], parseFloat(row[x]||0));
}
}
for (i=1; i<min.length; i++)
range[i] = max[i] - min[i]
for (var i in json.data) {
if (i % pagesize === 0)
b = $('<tbody>').attr({'page':i/pagesize+1}).appendTo(q);
row = json.data[i];
tr = $('<tr>').appendTo(b);
for (var j in row) {
if (j == 0)
tr.append($('<th>').append(row[j]));
else {
val = parseFloat(row[j])||0;
if (val && max[j] && json.data.length > 1) {
scale = val / max[j];
color = Raphael.hsb(
Math.min((1 - scale) * .4, 1),
.75, .75);
size = 16 * scale;
}
tr.append($('<td>')
.append($('<div>').append(
$('<div>').css(val && range[j] ? {
'background-color': color,
'width': size,
'height': size,
'top': 9 - (size / 2),
'right': 10 - (size / 2)
} : {})
.append("&nbsp;")))
.append(row[j]));
}
}
}
$('#table-here').append(q);
// ----------------------> Pagination <---------------------
function goabs(e) {
$('tbody', q).addClass('hide');
if (e.target) {
page = e.target.text;
$('tbody[page='+page+']', q).removeClass('hide');
} else {
e.removeClass('hide');
page = e.attr('page')
}
enable_next_prev(page);
}
function goprev() {
current = $('tbody:not(.hide)', q).attr('page');
page = Math.max(1, parseInt(current) - 1);
goabs($('tbody[page='+page+']', q));
}
function gonext() {
current = $('tbody:not(.hide)', q).attr('page');
page = Math.min(Math.floor(json.data.length / pagesize) + 1,
parseInt(current) + 1);
goabs($('tbody[page='+page+']', q));
}
function enable_next_prev(page) {
$('#table-here div.pagination li[page]').removeClass('active');
$('#table-here div.pagination li[page='+page+']').addClass('active');
if (page == 1) $('#report-page-prev').addClass('disabled');
else $('#report-page-prev').removeClass('disabled');
if (page == Math.floor(json.data.length / pagesize) + 1)
$('#report-page-next').addClass('disabled');
else $('#report-page-next').removeClass('disabled');
}
var p = $('<ul>')
.appendTo($('<div>').attr({'class':'pagination'})
.appendTo($('#table-here')));
$('<a>').click(goprev).attr({'href':'#'})
.append('&laquo;').appendTo($('<li>').attr({'id':'report-page-prev'})
.appendTo(p));
$('tbody', q).each(function() {
page = $(this).attr('page');
$('<a>').click(goabs).attr({'href':'#'}).append(page)
.appendTo($('<li>').attr({'page':page})
.appendTo(p));
});
$('<a>').click(gonext).attr({'href':'#'})
.append('&raquo;').appendTo($('<li>').attr({'id':'report-page-next'})
.appendTo(p));
// ------------------------> Export <-----------------------
$('<a>').attr({'href':'ajax.php/report/overview/table/export?group='
+group}).append('Export')
.appendTo($('<li>')
.appendTo(p));
gonext();
}
});
return false;
}
</script>
<? <?
include(STAFFINC_DIR.'footer.inc.php'); include(STAFFINC_DIR.'footer.inc.php');
?> ?>
scp/js/dashboard.inc.js 0 → 100644
+ 264
− 0
View file @ 08548912
(function ($) {
var current_tab;
function refresh(e) {
$('#line-chart-here').empty();
$('#line-chart-legend').empty();
var r = new Raphael('line-chart-here'),
width = $('#line-chart-here').width(),
height = $('#line-chart-here').height();
$.ajax({
method: 'GET',
url: 'ajax.php/report/overview/graph',
data: ((this.start && this.start.value) ? {
'start': this.start.value,
'stop': this.period.value} : {}),
dataType: 'json',
success: function(json) {
var times = [],
smtimes = Array.prototype.concat.apply([], json.times),
plots = [],
max = 0;
// Convert the timestamp to number of whole days after the
// unix epoch.
for (key in smtimes) {
smtimes[key] = Math.floor(smtimes[key] / 86400);
}
for (key in json.events) {
e = json.events[key];
if (json.plots[e] === undefined) continue;
$('<span>').append(e)
.attr({'class':'label','style':'margin-left:0.5em'})
.appendTo($('#line-chart-legend'));
$('<br>').appendTo('#line-chart-legend');
times.push(smtimes);
plots.push(json.plots[e]);
// Keep track of max value from any plot
max = Math.max(max, Math.max.apply(Math, json.plots[e]));
}
m = r.linechart(20, 0, width - 70, height,
times, plots, {
gutter: 20,
width: 1.6,
nostroke: false,
shade: false,
axis: "0 0 1 1",
axisxstep: 8,
axisystep: Math.min(12, max),
symbol: "circle",
smooth: false
}).hoverColumn(function () {
this.tags = r.set();
var slots = [];
for (var i = 0, ii = this.y.length; i < ii; i++) {
if (this.values[i] === 0) continue;
if (this.symbols[i].node.style.display == "none") continue;
var angle = 160;
for (var j = 0, jj = slots.length; j < jj; j++) {
if (slots[j][0] == this.x
&& Math.abs(slots[j][1] - this.y[i]) < 20) {
angle = 20;
break;
}
}
slots.push([this.x, this.y[i]]);
this.tags.push(r.tag(this.x, this.y[i],
this.values[i], angle,
10).insertBefore(this).attr([
{ fill: '#eee' },
{ fill: this.symbols[i].attr('fill') }]));
}
}, function () {
this.tags && this.tags.remove();
});
// Change axis labels from Unix epoch
$('tspan', $('#line-chart-here')).each(function(e) {
var text = this.firstChild.textContent;
if (parseInt(text) > 10000)
this.firstChild.textContent =
$.datepicker.formatDate('mm-dd-yy',
new Date(parseInt(text) * 86400000));
});
$('span.label').each(function(i, e) {
e = $(e);
e.click(function() {
e.toggleClass('disabled');
if (e.hasClass('disabled')) {
m.symbols[i].hide();
m.lines[i].hide();
} else {
m.symbols[i].show();
m.lines[i].show();
}
});
});
// Dear aspiring API writers, please consider making [easy]
// things simpler than this...
$('span.label', '#line-chart-legend').css(
'background-color', function(i) {
return Raphael.color(m.symbols[i][0].attr('fill')).hex;
});
}
});
if (this.start) build_table.apply(this);
return false;
}
$(function() { $('tabular-navigation').tab(); });
// Add tabs for the tabular display
$(function() {
$.ajax({
url: 'ajax.php/report/overview/table/groups',
dataType: 'json',
success: function(json) {
var first=true;
for (key in json) {
$('#tabular-navigation')
.append($('<li>').attr((first) ? {class:"active"} : {})
.append($('<a>')
.click(build_table)
.attr({'table-group':key,'href':'#'})
.append(json[key])));
first=false;
}
build_table.apply($('#tabular-navigation li:first-child a')[0])
}
});
});
var start, stop;
function build_table() {
if (this.tagName == 'A') {
current_tab = $(this).tab('show');
}
else if (this.start) {
start = this.start.value || 'last month';
stop = this.period.value || 'now';
}
var group = current_tab.attr('table-group');
$.ajax({
method: 'GET',
dataType: 'json',
url: 'ajax.php/report/overview/table',
data: {group: group, start: start, stop: stop},
success: function(json) {
var q = $('<table>').attr({'class':'table table-condensed table-striped'}),
h = $('<tr>').appendTo($('<thead>').appendTo(q)),
pagesize = 25,
max = [];
for (var c in json.columns) {
h.append($('<th>').append(json.columns[c]));
max.push(0);
}
for (y in json.data) {
row = json.data[y];
for (x in row) {
max[x] = Math.max(max[x], parseFloat(row[x]||0));
}
}
for (var i in json.data) {
if (i % pagesize === 0)
b = $('<tbody>').attr({'page':i/pagesize+1}).appendTo(q);
row = json.data[i];
tr = $('<tr>').appendTo(b);
for (var j in row) {
if (j == 0)
tr.append($('<th>').append(row[j]));
else {
val = parseFloat(row[j])||0;
color = 'black';
size = 0;
if (val && max[j] && json.data.length > 1) {
scale = val / max[j];
color = Raphael.hsb(
Math.min((1 - scale) * .4, 1),
.75, .75);
size = 16 * scale;
}
tr.append($('<td>')
.append($('<div>').append(
$('<div>').css(val ? {
'background-color': color,
'width': size,
'height': size,
'top': 9 - (size / 2),
'right': 10 - (size / 2)
} : {})
.append("&nbsp;")))
.append(row[j]));
}
}
}
if (json.data.length == 0) {
$('<tbody>').attr('page','1').append($('<tr>').append(
$('<td>').attr('colspan','8').append(
'No data for this timeframe found'))).appendTo(q);
}
$('#table-here').empty().append(q);
// ----------------------> Pagination <---------------------
function goabs(e) {
$('tbody', q).addClass('hide');
if (e.target) {
page = e.target.text;
$('tbody[page='+page+']', q).removeClass('hide');
} else {
e.removeClass('hide');
page = e.attr('page')
}
enable_next_prev(page);
}
function goprev() {
current = $('tbody:not(.hide)', q).attr('page');
page = Math.max(1, parseInt(current) - 1);
goabs($('tbody[page='+page+']', q));
}
function gonext() {
current = $('tbody:not(.hide)', q).attr('page');
page = Math.min(Math.floor(json.data.length / pagesize) + 1,
parseInt(current) + 1);
goabs($('tbody[page='+page+']', q));
}
function enable_next_prev(page) {
$('#table-here div.pagination li[page]').removeClass('active');
$('#table-here div.pagination li[page='+page+']').addClass('active');
if (page == 1) $('#report-page-prev').addClass('disabled');
else $('#report-page-prev').removeClass('disabled');
if (page == Math.floor(json.data.length / pagesize) + 1)
$('#report-page-next').addClass('disabled');
else $('#report-page-next').removeClass('disabled');
}
var p = $('<ul>')
.appendTo($('<div>').attr({'class':'pagination'})
.appendTo($('#table-here')));
$('<a>').click(goprev).attr({'href':'#'})
.append('&laquo;').appendTo($('<li>').attr({'id':'report-page-prev'})
.appendTo(p));
$('tbody', q).each(function() {
page = $(this).attr('page');
$('<a>').click(goabs).attr({'href':'#'}).append(page)
.appendTo($('<li>').attr({'page':page})
.appendTo(p));
});
$('<a>').click(gonext).attr({'href':'#'})
.append('&raquo;').appendTo($('<li>').attr({'id':'report-page-next'})
.appendTo(p));
// ------------------------> Export <-----------------------
$('<a>').attr({'href':'ajax.php/report/overview/table/export?group='
+group}).append('Export')
.appendTo($('<li>')
.appendTo(p));
gonext();
}
});
return false;
}
$(refresh);
$(function() { $('#timeframe-form').submit(refresh); });
})(window.jQuery);
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment