summaryrefslogtreecommitdiffstats
path: root/extensions/ProductDashboard/web/js/summary.js
blob: c4501200a68dc411a2f0c1ad0434e27691051569 (plain)
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
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/.
 *
 * This Source Code Form is "Incompatible With Secondary Licenses", as
 * defined by the Mozilla Public License, v. 2.0. 
 */

$(function() {
    YUI({
        base: 'js/yui3/',
        combine: false
    }).use("datatable", "datatable-sort", function (Y) {
        var column_defs = [
            { key: 'name', label: 'Name', sortable: true },
            { key: 'count', label: 'Count', sortable: true },
            { key: 'percentage', label: 'Percentage', sortable: true, allowHTML: true, 
            formatter: '<div class="percentage"><div class="bar" style="width:{value}%"></div><div class="percent">{value}%</div></div>' }, 
            { key: 'link', label: 'Link', allowHTML: true }
        ];

        var bugsCountDataTable = new Y.DataTable({
            columns: column_defs,
            data: PD.summary.bug_counts
        }).render('#bug_counts');

        var statusCountsDataTable = new Y.DataTable({
            columns: column_defs,
            data: PD.summary.status_counts
        }).render('#status_counts');

        var priorityCountsDataTable = new Y.DataTable({
            columns: column_defs,
            data: PD.summary.priority_counts
        }).render('#priority_counts');

        var severityCountsDataTable = new Y.DataTable({
            columns: column_defs,
            data: PD.summary.severity_counts
        }).render('#severity_counts');

        var assigneeCountsDataTable = new Y.DataTable({
            columns: column_defs,
            data: PD.summary.assignee_counts
        }).render('#assignee_counts');
    });
});