forked from mozilla/zamboni
/
stats.html
127 lines (115 loc) · 4.1 KB
/
stats.html
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
{% extends "base.html" %}
{% set range = view.range %}
{% block extrahead %}
<link rel="stylesheet" href="{{ MEDIA_URL }}css/stats.css"/>
<link rel="stylesheet"
href="{{ MEDIA_URL }}css/zamboni/jquery-ui/custom-1.7.2.css">
{% endblock %}
{% block title %}
{# L10n: {0} is an add-on name, {1} is an app name (like Firefox) #}
{{ _('{0} :: Statistics Dashboard :: Add-ons for {1}')|f(addon.name, request.APP.pretty) }}
{% endblock %}
{% block navbar %}
{{ breadcrumbs([(addon.type_url(), amo.ADDON_TYPES[addon.type]),
(addon.get_url_path(), addon.name),
(link, _('Statistics'))]) }}
{# TODO: Replace above line with this --> once we serve the extension home. { breadcrumbs([(addon.type.get_url_path(), amo.ADDON_TYPES[addon.type_id])]) } #}
{% set version = addon.current_version %}
{% set previews = addon.previews.all() %}
<div class="criteria range">
<ul>
<li>For Last:</li>
<li data-range="7 days"
{% if range=='7' %}class="selected"{% endif %}>
<a href="#">7 Days</a></li>
<li data-range="30 days"
{% if range=='30' %}class="selected"{% endif %}>
<a href="#">30 Days</a></li>
<li data-range="90 days"
{% if range=='90' %}class="selected"{% endif %}>
<a href="#">90 Days</a></li>
<li class="divider"></li>
<li data-range="custom"
{% if range=='custom' %}class="selected"{% endif %}>
<a href="#">Custom</a></li>
</ul>
</div>
<hgroup>
<h2 class="addon"{{ addon.name|locale_html }}>
<img src="{{ addon.icon_url }}" class="icon"/>
<span>
Statistics for {{ addon.name }}
</span>
</h2>
<h4 class="author">{{ _('by') }} {{ users_list(addon.listed_authors) }}</h4>
</hgroup>
{% endblock %}
{% block content %}
<div id="lm" class="loadmessage"><span>Loading the latest data…</span></div>
<div class="secondary">
{{ report_menu(addon, report) }}
<aside class="highlight">
Notable Stats and tips will go here.
<pre id="dbgout"></pre>
</aside>
</div>
<div class="primary statistics"
data-report="{{ report }}"
data-addon_id="{{ addon.id }}"
{% if view.last %}
data-range="{{ view.last }} days"
{% endif %}
{% if view.start and view.end %}
data-range="custom"
data-start_date="{{ view.start }}"
data-end_date="{{ view.end }}"
{% endif %}
data-base_url="{{ stats_base_url }}">
{% if true %}
<div class="custom criteria">
<form id="date-range-form">
<label for="date-range-start">From</label>
<input type="date" id="date-range-start" />
<label for="date-range-end">To</label>
<input type="date" id="date-range-end" />
<label for="date-range-grouping">grouped by</label>
<select id="date-range-grouping">
<option >day</option>
<option >month</option>
<option >year</option>
</select>
<button id="date-range-submit" type="submit">Update</button>
</form>
</div>
{% endif %}
<div class="featured loading">
<div class="featured-inner chart">
<div class="listing-header">
{% block chart_menu %}
<ul><li class="selected"> </li></ul>
{% endblock %}
</div>
<div class="featured-body" id="head-chart" style="background:#fff;height:256px"
{% block chart_config %}
data-series="{{ series_fields }}"
{% endblock %}
>
</div>
</div>
</div>
{% block stats %}
{% endblock %}
{% block csvtable %}
{% endblock %}
</div>
{% endblock %}
{% block js %}
<script src="{{ MEDIA_URL }}js/zamboni/jquery-datepicker.js"></script>
<script src="{{ MEDIA_URL }}js/zamboni/highcharts.src.js"></script>
<!--[if IE]>
<script src="{{ MEDIA_URL }}js/excanvas.compiled.js" type="text/javascript"></script>
<![endif]-->
<script src="{{ MEDIA_URL }}js/zamboni/stats_manager.js"></script>
<script src="{{ MEDIA_URL }}js/zamboni/stats_tables.js"></script>
<script src="{{ MEDIA_URL }}js/zamboni/stats.js"></script>
{% endblock %}