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
137
|
/***********************************************************************
* One time setup
**********************************************************************/
function gras_chart_factory_setup(point)
{
var id = $('gras_stats:first', point).attr('id');
$('#top_name').append(' - ' + id);
$('block', point).each(function(index, block)
{
var id = $(block).attr('id');
var div = $('.chart_designer_blocks').get(index%2);
$(div).append('<label>' + id + '</label>');
var input = $('<input />').attr({
type: 'checkbox',
name: id
});
input.attr('checked', false);
$(div).append(input);
});
}
/***********************************************************************
* chart factory registry (filled in init)
**********************************************************************/
var gras_chart_factory_registry = new Array();
var gras_chart_active_registry = new Array();
/***********************************************************************
* chart factory dispatcher
**********************************************************************/
function gras_chart_factory_dispatcher()
{
//get a list of the selected blocks
var selected_blocks = new Array();
$.each($('.chart_designer_blocks > :input'), function(index, input)
{
var input = $(input);
if (input.is(':checked'))
{
selected_blocks.push(input.attr('name'));
}
});
//get the type of chart to create
var chart_type = $('#chart_type_selector').val();
//create containers
var chart_box = $('<table />').attr({class:'chart_container'});
var tr = $('<tr />');
var td = $('<td />');
tr.append(td);
//call into the factory
try
{
var chart = new gras_chart_factory_registry[chart_type]({
block_ids:selected_blocks,
panel:td.get(0),
});
}
catch(err)
{
return;
}
//setup the title
var tr_title = $('<tr />');
var th_title = $('<th />');
tr_title.append(th_title);
th_title.text(chart.title);
//register the chart
gras_chart_active_registry.push(chart);
$('#charts_panel').append(chart_box);
//close button
var close_div = $('<div/>').attr({class:'chart_designer_block_close'});
var close_href = $('<a />').attr({href:'#', class:"ui-dialog-titlebar-close ui-corner-all", role:"button"});
var close_span = $('<span />').attr({class:"ui-icon ui-icon-closethick"}).text('close');
close_div.append(close_href);
close_href.append(close_span);
th_title.append(close_div);
$(close_href).click(function()
{
var index = $.inArray(chart, gras_chart_active_registry);
gras_chart_active_registry.splice(index, 1);
chart_box.remove();
});
//finish gui building
chart_box.append(tr_title);
chart_box.append(tr);
}
/***********************************************************************
* chart factory init
**********************************************************************/
function gras_chart_factory_init(registry)
{
//install callback for chart factory
$('#chart_factory_button').click(gras_chart_factory_dispatcher);
//list of all known chart types
var chart_options = [
{key:'overhead_compare', name:'Overhead Compare', factory:GrasChartOverheadCompare},
{key:'overall_throughput', name:'Overall Throughput', factory:GrasChartOverallThroughput},
{key:'handler_breakdown', name:'Handler Breakdown', factory:GrasChartHandlerBreakdown},
];
//init the chart selection input
$.each(chart_options, function(index, options)
{
gras_chart_factory_registry[options.key] = options.factory;
var option = $('<option />').attr({value: options.key});
option.text(options.name);
$('#chart_type_selector').append(option);
});
//init overall config gui element for rate
var overall_rate = $('#chart_update_rate');
overall_rate.val(registry.overall_rate);
overall_rate.change(function()
{
registry.overall_rate = overall_rate.val();
});
//init overall config gui element for activity
registry.overall_active = true;
var overall_active = $('#chart_active_state');
overall_active.attr('checked', registry.overall_active);
overall_active.change(function()
{
registry.overall_active = overall_active.is(':checked');
if (registry.overall_active) gras_query_stats(registry);
else window.clearInterval(registry.timeout_handle);
});
}
|
