1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
{% load i18n %}
<div>
<div id="stats-form-{{name}}">
<label for="stats_renderer-{{name}}">{% trans "Type" %}</label>
<select id="stats_renderer-{{name}}" name="stats_renderer">
<option value="line" selected='selected'>{% trans "Line" %}</option>
<option value="bar">{% trans "Bar" %}</option>
<option value="pie">{% trans "Pie" %}</option>
<option value="table">{% trans "Table" %}</option>
</select>
<label for="stats_modality_1-{{name}}">{% trans "Modality 1" %}</label>
<select id="stats_modality_1-{{name}}" name="stats_modality_1">
{% for modality, modality_lbl in current_model.STATISTIC_MODALITIES_OPTIONS.items %}
<option value="{{modality}}"{% if forloop.first %} selected='selected'{% endif %}>{{modality_lbl}}</option>
{% endfor %}
</select>
<label for="stats_modality_2-{{name}}">{% trans "Modality 2" %}</label>
<select id="stats_modality_2-{{name}}" name="stats_modality_2">
<option value="" selected='selected'>--</option>
{% for modality, modality_lbl in current_model.STATISTIC_MODALITIES_OPTIONS.items %}
<option value="{{modality}}">{{modality_lbl}}</option>
{% endfor %}
</select>
<label for="stats_sum-{{name}}">{% trans "Sum" %}</label>
<select id="stats_sum-{{name}}" name="stats_sum">
{% for sum_var, sum_var_lbl in current_model.STATISTIC_SUM_VARIABLE.items %}
<option value="{{sum_var}}"{% if forloop.first %} selected='selected'{% endif %}>{{sum_var_lbl}}</option>
{% endfor %}
</select>
</div>
<hr/>
<div id="charts-{{name}}">
<div id="chart-{{name}}"
style="height:400px; width:700px; margin-right:auto; margin-left:auto"></div>
<hr/>
<p class='alert alert-info' id="stats-zoom-help-{{name}}" style="z-index:-1">
<i class="fa fa-info-circle" aria-hidden="true"></i>
{% trans 'Draw rectangle on the graph to zoom. Double-click to reinitialize.' %}
</p>
<div class='form chart-img-form'>
<div class="text-center">
<button id="chart-img-display-{{name}}"
type='button' class='btn btn-secondary'>
{% trans "Display as an image" %}
</button>
</div>
<br>
<div id="chart-img-{{name}}" class='chart-img'>
<div class="card">
<div id="img-{{name}}"
class="card-img-top text-center ml-3 mt-3"></div>
<div class="card-body">
<div class='alert alert-info'>
<i class="fa fa-info-circle" aria-hidden="true"></i>
{% trans 'Right-click on this image to save it.' %}
</div>
</div>
</div>
</div>
</div>
</div>
<div id="stats-table-{{name}}">
<div id="stats-table-content-{{name}}"></div>
<hr>
<div class="text-center">
<a id="stats-table-csv-{{name}}" href="#"
type='button' class='btn btn-secondary'>
{% trans "Export as CSV" %}
</a>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
{% comment %}
var plot_{{name}} = $.jqplot('chart_{{name}}',
[{% for idx, lbl, values in dashboard.values %}{% if forloop.counter0 > 0 %} {% if forloop.counter0 > 1 %}, {% endif%} values_{{forloop.counter0}}_{{name}} {% endif %} {% endfor%}], {
axes:{ {%ifequal slicing 'year'%}
xaxis:{
label:'{% trans "Year" %}',
tickOptions: {
formatString: "%d"
}
},{%endifequal%}{%ifequal slicing 'month'%}
xaxis:{
label:'{% trans "Month" %}',
renderer:$.jqplot.DateAxisRenderer,
tickRenderer:$.jqplot.CanvasAxisTickRenderer,
tickOptions:{
formatString:'%b %Y',
angle:-25
}
},{%endifequal%}
yaxis:{
label:'{% trans "Number"%}',
min:0
}
},
highlighter: {
show: true,
sizeAdjust: 7.5
},
series:[{% for label in dashboard.serie_labels %}
{%if forloop.counter0%}, {% endif %}{label:"{{label}}", showmarker:showmarker}{% endfor %}
],
cursor:{
show: true,
zoom:true,
showTooltip:false
},
legend: { show:true, location: 'nw' }
});
}
$('#search_{{name}}').click(function (){
$.post("{% url 'dashboard-main-detail' item_name %}",
$("#{{name}}_form").serialize(),
function(data){
$("#{{name}}-tab").parent().html(data);
});
return false;
});
{% endcomment %}
</script>
|
