Add stat page
This commit is contained in:
parent
1258d6dc25
commit
3da6a25867
8 changed files with 213 additions and 19 deletions
|
@ -87,4 +87,24 @@
|
|||
});
|
||||
return chart;
|
||||
}
|
||||
|
||||
function draw_timeline(data, $chart) {
|
||||
var ctx = $chart.find('canvas')[0].getContext('2d');
|
||||
var chart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
data: data,
|
||||
options: {
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{
|
||||
type: 'time',
|
||||
}]
|
||||
},
|
||||
},
|
||||
});
|
||||
return chart;
|
||||
}
|
||||
</script>
|
||||
|
|
65
templates/stats/site.html
Normal file
65
templates/stats/site.html
Normal file
|
@ -0,0 +1,65 @@
|
|||
{% extends "stats/base.html" %}
|
||||
{% block media %}
|
||||
<style>
|
||||
.graph {
|
||||
padding-bottom: 3em;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block chart_body %}
|
||||
<div class="graph">
|
||||
<div id="submissions" class="chart">
|
||||
<canvas width="90%" height="300"></canvas>
|
||||
</div>
|
||||
<center><h3>{{ _('Submissions') }}</h3></center>
|
||||
</div>
|
||||
<div class="graph">
|
||||
<div id="contests" class="chart">
|
||||
<canvas width="90%" height="300"></canvas>
|
||||
</div>
|
||||
<center><h3>{{ _('Contests') }}</h3></center>
|
||||
</div>
|
||||
<div class="graph">
|
||||
<div id="new_users" class="chart">
|
||||
<canvas width="90%" height="300"></canvas>
|
||||
</div>
|
||||
<center><h3>{{ _('New users') }}</h3></center>
|
||||
</div>
|
||||
<div class="graph">
|
||||
<div id="groups" class="chart">
|
||||
<canvas width="90%" height="300"></canvas>
|
||||
</div>
|
||||
<center><h3>{{ _('Groups') }}</h3></center>
|
||||
</div>
|
||||
<div class="graph">
|
||||
<div id="comments" class="chart">
|
||||
<canvas width="90%" height="300"></canvas>
|
||||
</div>
|
||||
<center><h3>{{ _('Comments') }}</h3></center>
|
||||
</div>
|
||||
<div class="graph">
|
||||
<div id="chat_messages" class="chart">
|
||||
<canvas width="90%" height="300"></canvas>
|
||||
</div>
|
||||
<center><h3>{{ _('Chat messages') }}</h3></center>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block bodyend %}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
Chart.defaults.global.scaleFontFamily =
|
||||
Chart.defaults.global.tooltipFontFamily =
|
||||
Chart.defaults.global.tooltipTitleFontFamily =
|
||||
$('body').css('font-family');
|
||||
|
||||
draw_timeline({{submissions}}, $('#submissions'));
|
||||
draw_timeline({{new_users}}, $('#new_users'));
|
||||
draw_timeline({{comments}}, $('#comments'));
|
||||
draw_timeline({{chat_messages}}, $('#chat_messages'));
|
||||
draw_timeline({{contests}}, $('#contests'));
|
||||
draw_timeline({{groups}}, $('#groups'));
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
|
@ -2,4 +2,5 @@
|
|||
|
||||
{% block tabs %}
|
||||
{{ make_tab('language', 'fa-list', url('language_stats'), _('Language')) }}
|
||||
{{ make_tab('site', 'fa-list', url('site_stats'), _('Site')) }}
|
||||
{% endblock %}
|
Loading…
Add table
Add a link
Reference in a new issue