lookbackBurnChart/App.js at master · RallyHackathon/lookbackBurnChart · GitHub

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
126
127
128
129
130
131
132
133
134
135
136
Ext.define('LookbackBurnChartApp', {
    extend:'Rally.app.App',
    componentCls:'app',

    layout:'border',
    items:[
        {
            region:'north',
            height:30,
            xtype:'container',
            layout:'hbox',
            itemId:'header'
        },
        {
            region:'center',
            layout:'fit',
            xtype:'container',
            itemId:'chart'
        }
    ],

    launch:function () {
        this.down('#header').add(
            {
                xtype:'rallydatefield',
                itemId:'startDate',
                cls:'date-field',
                fieldLabel:'Start Date',
                labelWidth: 60,
                format:Rally.util.DateTime.getUserExtDateFormat(),
                value:Rally.util.DateTime.add(new Date, 'day', -30),
                listeners:{
                    change:this._onDateChange,
                    scope:this
                }
            },
            {
                xtype:'rallydatefield',
                itemId:'endDate',
                cls:'date-field',
                fieldLabel:'End Date',
                labelWidth: 60,
                format:Rally.util.DateTime.getUserExtDateFormat(),
                value:new Date(),
                listeners:{
                    change:this._onDateChange,
                    scope:this
                }
            },
            {
                xtype:'rallybutton',
                text:'Choose Portfolio Item',
                listeners:{
                    click:this._onButtonClick,
                    scope:this
                }
            }
        );
    },

    _onButtonClick:function () {
        this.add({
            xtype:'rallychooserdialog',
            artifactTypes:['portfolioitem'],
            storeConfig: {
                fetch: ['PortfolioItemType']
            },
            title:'Choose Portfolio Item',
            autoShow:true,
            listeners:{
                artifactChosen:this._onArtifactChosen,
                scope:this
            }
        });
    },

    _onArtifactChosen:function (results) {
        this._portfolioItem = results.data;
        this._buildChart(this._portfolioItem);
    },

    _onDateChange:function (datefield, newValue, oldValue) {
        if (this._portfolioItem && Ext.isDate(newValue)) {
            this._buildChart(this._portfolioItem);
        }
    },

    _buildChart:function (portfolioItem) {
        if (this.chart) {
            this.chart.destroy();
        }

        var storeConfig = {
            context:{
                workspace:this.getContext().getDataContext().workspace
            },
            filters:[
                {
                    property:'_Type',
                    value:'HierarchicalRequirement'
                },
                {
                    property:'_ItemHierarchy',
                    value:portfolioItem.ObjectID
                },
                {
                    property:'Children',
                    value:null
                }
            ]
        };

        this.chart = this.down('#chart').add({
            xtype:'rallyburnchart',
            cls:'burn-chart',
            storeConfig:storeConfig,
            burnConfig:{
                timeZone:this.getContext().getUser().UserProfile.TimeZone ||
                    this.getContext().getWorkspace().WorkspaceConfiguration.TimeZone,
                aggregationType:'estimate',
                series:[
                    'up',
                    'scope'
                ],
                acceptedStates:['Accepted', 'Released'],
                startDate:this.down('#startDate').getValue(),
                endDate:this.down('#endDate').getValue()
            },
            chartConfig:{
                title:{
                    text:portfolioItem.PortfolioItemType.Name + ' ' + portfolioItem.FormattedID + ': ' + portfolioItem.Name
                }
            }
        });
    }
});