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
|
/***********************************************************************
* 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()
{
//step 1) 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'));
}
});
//step 2) get the type of chart to create
var chart_type = $('#chart_type_selector').val();
//step 3) create the chart given options
//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);
//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);
});
}
|
