maglev-webtools 0.2.1 → 1.0

data/public/scripts/Debugger.js

@@ -0,0 +1,134 @@
+GemStone.saveScript('scripts/Debugger.js', function(oop) {
+	var $tabPanel
+	,	editor
+	,	errorElement
+	;
+	GemStone.loadCSS('css/Debugger.css');
+	GemStone.addTab({
+		id:		'newTab'
+	,	label:	'Debugger'
+	,	title:	'Debugger'
+	,	onAdd:	onAdd
+	});
+	return;
+	
+	function onAdd(tabPanel) {
+		$tabPanel = tabPanel;
+		setupEditor();
+		$('button.restart', $tabPanel).click(function() { restart(); });
+		$('button.into', $tabPanel).click(function() { step(-1); });
+		$('button.over', $tabPanel).click(function() { step(0 ); });
+		$('button.out', $tabPanel).click( function() { step(1 ); });
+		$('button.go', $tabPanel).click(  function() { step(  ); });
+		GemStone.ajax('GET','Debugger', { oop: oop }, gotData);
+	}
+	
+	function setupEditor() {
+		GemStone.runJs(
+			'scripts/editor.js'
+		,	{ 
+				editArea: $('.editArea', $tabPanel)
+			}
+		,	function(object) { editor = object; }
+		);
+	}
+
+	function gotData(data) {
+//		console.log(data);
+		var items = new Array();
+		$('.label', $tabPanel).text(data.label ? data.label : '');
+		if (!data.stack) { return; }
+		$.each(data.stack, function(index, value){
+			items.push('<div class="clickable frame frame');
+			items.push(index + 1);
+			items.push('" title="');
+			items.push(value);
+			items.push('">');
+			items.push(value);
+			items.push('</div>');
+		});
+		$('.stack', $tabPanel)
+			.empty()
+			.append(items.join(''));
+		$('.stack', $tabPanel).scrollTop(0);
+		$('.stack .clickable', $tabPanel).click(clickedOnFrame);
+		$('.variableValue', $tabPanel).text('');
+		$('.stack .clickable', $tabPanel).first().click();
+	}
+	
+	function clickedOnFrame() {
+		$('.stack .frame', $tabPanel).removeClass('selected');
+		$(this).addClass('selected');
+		var myRequest = {
+				oop: oop
+			,	frame: selectedFrame()
+			};
+		GemStone.ajax('GET', 'Debugger/frame', myRequest, gotFrame);
+		$('.variableValue', $tabPanel).text('');
+	}
+	
+	function selectedFrame() {
+		return parseInt($('.stack .selected', $tabPanel).attr('class').match(/frame([0-9]+)/)[1]);
+	}
+
+	function gotFrame(data) {
+//		console.log(data);
+		$('button', $tabPanel).attr('disabled','');
+		if (editor) {
+			if (data.method) {
+				editor.setMethod(data.method);
+			} else {
+				editor.setCode();
+			}
+		}
+		var items = new Array();
+		$.each(data.variables, function(index, each) {
+			items.push('<tr class="clickable">');
+			items.push('<td class="name">' + each.name + '</td>');
+			items.push('<td class="value" title="');
+			items.push(each.string.replace(/["]/g, '\\\"') + '">');
+			items.push(each.string.substring(0, 30) + '</td>');
+			items.push('<td class="oop">' + each.oop + '</td>');
+			items.push('</tr>');
+		});
+		$('.variables tbody', $tabPanel)
+			.empty()
+			.append(items.join(''));
+		$('.variables', $tabPanel).scrollTop(0);
+		$('.variables .clickable', $tabPanel).click(clickedOnVariable);
+	}
+
+	function clickedOnVariable() {
+		$('.variables .clickable', $tabPanel).removeClass('selected');
+		$(this).addClass('selected');
+		$('.variableValue', $tabPanel).text($('td.value', this).attr('title'));		
+	}
+	
+	function step(anInteger) {
+	        $('button', $tabPanel).attr('disabled','disabled');
+		var myRequest = {
+				oop: oop
+			,	level: typeof anInteger === 'number' ? selectedFrame() + anInteger : null
+			};
+		GemStone.ajax('POST', 'Debugger/step', myRequest, didStep);
+	}
+	
+	function restart() {
+		 var myRequest = {
+				oop: oop
+			,	frame: selectedFrame()
+			};
+		 GemStone.ajax('POST', 'Debugger/restart', myRequest, didStep);
+	}
+
+	function didStep(data) {
+		console.log(data);
+		gotData(data); // will return early if no stack change
+		gotFrame(data);
+	}
+
+	function didGo(data) {
+		 console.log(data);
+	}
+	
+});

data/public/scripts/MethodList.js

@@ -0,0 +1,72 @@
+GemStone.saveScript('scripts/MethodList.js', function(search) {
+	var $tabPanel
+	,	editor
+	,	errorElement
+	;
+	GemStone.loadCSS('css/MethodList.css');
+	GemStone.addTab({
+		id:		'newTab'
+	,	label:	search.label
+	,	title:	'Browse ' + search.label
+	,	onAdd:	onAdd
+	});
+	return;
+	
+	function onAdd(tabPanel) {
+		$tabPanel = tabPanel;
+//		$tabPanel.keydown(keydown);
+		setupEditor();
+		GemStone.ajax('GET','MethodList', search, gotList);
+		GemStone.scroll($('.methodList', $tabPanel));
+	}
+	
+	function setupEditor() {
+		GemStone.runJs(
+			'scripts/editor.js'
+		,	{ 
+				editArea: $('.editArea', $tabPanel)
+			}
+		,	function(object) { editor = object; }
+		);
+	}
+
+	function gotList(data) {
+//		console.log(data);
+		var items = [];
+		if (!data.list) { return; }
+		$.each(data.list, function(index, value){
+			items.push('<tr class="clickable method">');
+			items.push('<td class="dict" title="' 		+ GemStone.encodeHTML(value.dict) 		+ '">' + value.dict + '</td>');
+			items.push('<td class="klassCat" title="' 	+ GemStone.encodeHTML(value.klassCat) 	+ '">' + value.klassCat + '</td>');
+			items.push('<td class="klass" title="' 		+ GemStone.encodeHTML(value.klass) 		+ '">' + value.klass + '</td>');
+			items.push('<td class="category" title="' 	+ GemStone.encodeHTML(value.category) 	+ '">' + value.category + '</td>');
+			items.push('<td class="selector" title="' 	+ GemStone.encodeHTML(value.selector) 	+ '">' + value.selector + '</td></tr>');
+		});
+		$('.methodList .tableBody tbody', $tabPanel)
+			.empty()
+			.append(items.join(''));
+		$('.methodList .tableBody', $tabPanel).scrollTop(0);
+		$('.tableBody tbody .method', $tabPanel).click(clickedOnMethod);
+		$(window).resize();		//	force resize to update column widths
+	}
+
+	function clickedOnMethod(event) {
+		var myRequest = {
+				type: 		'method'
+			,	dict: 		encodeURI($('.dict', $(this)).text())
+			,	klass: 		encodeURI($('.klass', $(this)).text())
+			,	selector: 	encodeURI($('.selector', $(this)).text())
+			};
+		$('.methodList .method', $tabPanel).removeClass('selected');
+		$(this).addClass('selected');
+//		console.log(myRequest);
+		GemStone.ajax('GET','MethodList', myRequest, gotMethod);
+	}
+	
+	function gotMethod(data) {
+		if (editor) {
+			editor.setMethod(data);
+		}
+	}
+	
+});

data/public/scripts/ObjectLog.js

@@ -0,0 +1,59 @@
+GemStone.saveScript('scripts/ObjectLog.js', function() {
+	var $tabPanel
+	;
+	GemStone.loadCSS('css/ObjectLog.css');
+	GemStone.addTab({
+		id:		'newTab'
+	,	label:	'Object Log'
+	,	title:	'Object Log'
+	,	onAdd:	onAdd
+	});
+	return;
+	
+	function onAdd(tabPanel) {
+		$tabPanel = tabPanel;
+		GemStone.ajax('GET','ObjectLog', {}, gotList);
+		GemStone.scroll($('.objectLog', $tabPanel));
+	}
+	
+	function gotList(data) {
+		var items = new Array();
+		if (!data.list) { return; }
+		$.each(data.list, function(index, value){
+			items.push('<tr class="clickable" title="' + value.oop + '">');
+			items.push('<td class="stamp" title="' + value.stamp + '">' + value.stamp + '</td>');
+			items.push('<td class="pid" title="' + value.pid + '">' + value.pid + '</td>');
+			items.push('<td class="label" title="' + value.label + '">' + value.label + '</td>');
+			items.push('<td class="type" title="' + value.type + '">' + value.type + '</td>');
+			items.push('<td class="tag" title="' + value.tag + '">' + value.tag + '</td>');
+			items.push('<td class="object" title="' + value.object + '">' + value.object.substring(0,50) + '</td>');
+			items.push('<td class="stack" title="' + (value.hasContinuation ? 'Click to debug continuation' : '') + '">' + (value.hasContinuation ? 'Yes' : '') + '</td>');
+			items.push('</tr>');
+		});
+		$('.objectLog .tableBody tbody', $tabPanel)
+			.empty()
+			.append(items.join(''));
+		$('.objectLog .tableBody', $tabPanel).scrollTop(0);
+		$('.objectLog .tableBody tbody tr', $tabPanel).click(clickedOnEntry);
+		$(window).resize();		//	force resize to update column widths
+	}
+
+	function clickedOnEntry(event) {
+		if (0 < $('td.stack', this).text().length) {
+			if (confirm($('td.object', this).attr('title') + '\n\nDebug continuation?')) {
+				var oop = $(this).attr('title');
+				GemStone.ajax(
+					'GET'
+				,	'Debugger.html' 
+				,	null
+				,	function(html) {
+						var string = html.replace('OOP', oop);
+						$('body').append(string);
+					} 
+				);
+			}
+		} else {
+			alert($('td.object', this).attr('title'));
+		}
+	}
+});

data/public/scripts/SessionList.js

@@ -0,0 +1,164 @@
+GemStone.saveScript('scripts/SessionList.js', function() {
+	var	$tabPanel
+	;
+	GemStone.loadCSS('css/SessionList.css');
+	GemStone.addTab({
+		id:		'newTab'
+	,	label:	'Sessions'
+	,	title:	'Information on Gems and other OS processes'
+	,	onAdd:	onAdd
+	});
+	return;
+
+	function onAdd(tabPanel) {
+		$tabPanel = tabPanel;
+		GemStone.scroll($('.gemList', $tabPanel));
+		GemStone.ajax('GET', 'SessionList', null, gotData);
+	}
+	
+	function gotData(json) {
+		var names = $.map(json.labels, function(each) { return each.key; })
+		,	slotIndex = names.indexOf('Slot')
+		,	hostIndex = names.indexOf('Host ID')
+		;
+		buildHeader();
+		buildData();
+		$(window).resize();		//	force resize to update column widths
+		buildStoneList();
+		$('.slot', $tabPanel).click(showStats);
+
+		function buildHeader() {
+			var items = [];
+			$.each(json.labels, function() {
+				if ('Host ID' !== this.key) {
+					items.push('<th title="' + this.value + '">' + this.key + '</th>');
+				}
+			});
+			var html = items.join('');
+			$('thead tr', $tabPanel).empty().append(html);
+		}
+		
+		function buildData() {
+			var items = [];
+			$.each(json.sessions, function(index, sessionInfo) {
+				var slot = sessionInfo[slotIndex]
+				,	classes = 'slot clickable';
+				items.push('<tr');
+				if (slot) {
+					items.push(' title="Click to see cache statistics for slot ');
+					items.push(slot + '"');
+					classes = classes + ' slot' + slot;
+				}
+				items.push(' class="' + classes + '">');
+				$.each(sessionInfo, function(index, field) {
+					if (index !== hostIndex) {
+						var x = (field + '').match(/(\d+)(s)/);
+						items.push('<td>');
+						if (x) {
+							var 
+								sec = x[1]
+							,	min = Math.floor(sec / 60)
+							,	hrs = Math.floor(min / 60)
+							,	dys = Math.floor(hrs / 24)
+							;
+							if (1 < dys) {
+								items.push(dys + 'd');
+							} else if (1 < hrs) {
+								items.push(hrs + 'h');
+							} else if (1 < min) {
+								items.push(min + 'm');
+							}else {
+								items.push(sec + 's');
+							}
+						} else {
+							items.push(field);
+						}
+						items.push('</td>');
+					}
+				});
+				items.push('</tr>');
+			});
+			$('.gemList .tableBody tbody')
+				.empty()
+				.append(items.join(''));
+		}
+
+		function buildStoneList() {
+			var items = []
+			;
+			$.each(json.other, function(index, name) {
+			var	slotId = 'slot' + name[0];
+				items.push('<li');
+				items.push(' class="' + (0 == index ? 'first' : 'rest') + '"');
+				items.push(' title="Click to see cache statistics for slot ');
+				items.push(name[0] + '"');
+				items.push('><span class="slot clickable ' + slotId + '"');
+				items.push('>' + name[1] + '</span></li>');
+			});
+			$('.stoneProcesses')
+				.empty()
+				.append(items.join(''));
+		}
+
+		function showStats() {
+			var slot = $(this).attr('class').match(/slot(\d+)/)[1]
+			;
+			$('#tabs').append('<div id="newTab" class="statsPanel maximize">' 
+				+ $('.statsTemplate').html() 
+				+ '</div>');
+			GemStone.addTab({
+				id:		'newTab'
+			,	label:	'Slot ' + slot + ' Stats'
+			,	title:	'View process statistics from the shared page cache'
+			,	onAdd:	function($tabPanel) { getStats($tabPanel, slot); }
+			});
+			return;
+		}
+		
+		function getStats($tabPanel, slot) {
+			GemStone.scroll($('.stats', $tabPanel));
+			GemStone.ajax(
+				'GET'
+			,	'SessionList/statsForSlot'
+			,	{'slot' : slot}
+			,	function(data){ gotStats($tabPanel, slot, data); }
+			);
+			return;
+			
+			function gotStats($tabPanel, slot, data) {
+				var items = [];
+				$.each(data.stats, function() {
+					items.push('<tr>');
+					items.push('<td class="statName">' + this.name + '&nbsp');
+					items.push('<a class="descr" href="#">?</a></td>');
+					items.push('<td>' + this.type 	+ '</td>');
+					items.push('<td>' + this.level 	+ '</td>');
+					items.push('<td>' + this.units 	+ '</td>');
+					items.push('<td>' + this.isOs 	+ '</td>');
+					items.push('<td>' + this.value 	+ '</td>');
+					items.push('</tr>');
+				});
+				$('.tableBody tbody', $tabPanel).empty().append(items.join(''));
+				$('.tableBody tbody a.descr', $tabPanel).click(function(event){
+					getDescription(event, $(this))
+				});
+				$(window).resize();		//	force resize to update column widths
+				return;
+
+				function getDescription(event, element) {
+					var name = $(element).parent().text();
+					name = name.substring(0, name.length - 2);
+					GemStone.ajax('GET', 'SessionList/cacheDescription', 
+						{'name' : name}, gotDescription);
+					event.preventDefault();
+					return; 
+					
+					function gotDescription(data) {
+						alert(data.description);
+						$(element).parent().attr('title', data.description);
+					}
+				}
+			}
+		}
+	}
+});

data/public/scripts/Statistics.js

@@ -0,0 +1,266 @@
+GemStone.saveScript('scripts/Statistics.js', function() {
+	var	$tabPanel
+	;
+	GemStone.loadCSS('css/Statistics.css');
+	GemStone.runJsOnce('flot/jquery.flot.js', function() {
+		GemStone.runJsOnce('flot/jquery.flot.stack.js', function() {
+			GemStone.addTab({
+				id:		'newTab'
+			,	label:	'Statistics'
+			,	title:	'Work with Statmonitor files'
+			,	onAdd:	onAdd
+			}); 
+		});
+	});
+	return;
+
+	function onAdd(tabPanel) {
+		$tabPanel = tabPanel;
+		$('.readFile').click(readFile);
+		$('.refresh').click(refresh);
+		refresh();
+	}
+	
+	function refresh() {
+		GemStone.ajax('GET', 'Statistics', null, gotFiles);
+	}
+
+	function readFile() {
+		$('#readStatmonDialog').dialog({
+			buttons: { Read: doRead }
+		,	modal: true
+		,	open: function() { $('#statmonPath').focus() }
+		});
+	}
+
+	function doRead() {
+		var data = { path: $('#statmonPath').val() };
+		$(this).dialog('close'); 
+		GemStone.ajax('GET', 'Statistics/readFile', data, gotFiles); 
+	}
+
+		
+	function gotFiles(data) {
+		GemStone.scroll($('.statmonFiles', $tabPanel));
+		var items = [];
+		$('.statmonFiles tbody', $tabPanel).empty();
+		$('.statmonProcesses tbody', $tabPanel).empty();
+		$('.statmonProcesses', $tabPanel).addClass('hidden');
+		$('.statmonStats tbody', $tabPanel).empty();
+		$('.statmonStats', $tabPanel).addClass('hidden');
+		$.each(data['files'], function() {
+			items.push('<tr class="clickable">');
+			items.push('<td title="' + this['time'] + '">' + this['time'] + '</td>');
+			items.push('<td title="' + this['platform'] + '">' + this['platform'] + '</td>');
+			items.push('<td title="' + this['gemStoneVersion'] + '">' + this['gemStoneVersion'] + '</td>');
+			items.push('<td title="' + this['machine'] + '">' + this['machine'] + '</td>');
+			items.push('<td class="path" title="' + this['path'] + '">' + this['path'] + '</td>');
+			items.push('</tr>');
+		});
+		$('.statmonFiles tbody', $tabPanel).append(items.join(''));
+		GemStone.menu({
+			selector: $('.statmonFiles tbody tr', $tabPanel)
+		,	menu: statmonMenu
+		});
+		$('.statmonFiles tbody tr', $tabPanel).click(showFile);
+		$(window).resize();		//	force resize to update column widths
+		return;
+		
+		function statmonMenu(element) { 
+			return [
+				{	title: 'Remove'
+				,	action: function() { remove($('td.path', element).text()); }
+				}
+			,	{	title: 'SPC Page Types'
+				,	action: function() { spcPageTypes($('td.path', element).text()); }
+				}
+			]; 
+		}
+
+		function remove(path) {
+			$('div#removeStatmonDialog span.path').text(path);
+			$('div#removeStatmonDialog').dialog({
+				buttons: { 
+					Remove: function() { doRemove(path, this); }
+				,	Cancel: function() { $(this).dialog('close'); }
+				}
+			,	modal: true
+			});
+		}
+
+		function spcPageTypes(path) {
+			GemStone.ajax('GET', 'Statistics/spcPageTypes', { path: path }, gotStastic);
+		}
+		
+		function doRemove(path, dialog) {
+			var data = { path: path };
+			GemStone.ajax('GET', 'Statistics/removeFile', data, gotFiles); 
+			$(dialog).dialog('close'); 
+		}
+
+		function showFile() { 
+			$('.statmonFiles tbody tr', $tabPanel).removeClass('selected');
+			$(this).addClass('selected');
+			var data = { 
+				path: $('.statmonFiles tbody tr.selected td.path', $tabPanel).text()
+	//		,	filter: $('#statmonFilter option', $tabPanel)
+			};
+			GemStone.ajax('GET', 'Statistics/processes', data, gotProcesses);
+		}
+	}
+
+	function gotProcesses(data) {
+//		console.log(data);
+		GemStone.scroll($('.statmonProcesses', $tabPanel));
+		$('.statmonProcesses', $tabPanel).removeClass('hidden');
+		$('.statmonProcesses tbody', $tabPanel).empty();
+		$('.statmonStats tbody', $tabPanel).empty();
+		$('.statmonStats', $tabPanel).addClass('hidden');
+	/*
+		$('#statmonFilter', $tabPanel).empty();
+		var items = ['<option></option>'];
+		$.each(data['statNames'], function() {
+			items.push('<option>' + this + '</option>');
+		});
+		$('#statmonFilter', $tabPanel).append(items.join(''));
+	*/
+		var items = [];
+		$.each(data['processes'], function() {
+			var time = this['start']
+			,	prim = []
+			,	crb = 0 < this['crb'] ? this['crb'] : ''
+			;
+			$.each(this['prim'],function() { prim.push(this); });
+			items.push('<tr class="clickable" id="oop' + this['oop'] + '">');
+			items.push('<td title="' + time + '">' + time.substring(11, 16) + '</td>');
+			items.push('<td class="number">' + this['count'] + '</td>');
+			items.push('<td class="number">' + this['pid'] + '</td>');
+			items.push('<td class="number">' + this['session'] + '</td>');
+			items.push('<td>' + this['type'] + '</td>');
+			items.push('<td>' + prim.join(',') + '</td>');
+			items.push('<td class="number">' + crb + '</td>');
+			items.push('<td>' + this['name'] + '</td>');
+			items.push('</tr>');
+		});
+		$('.statmonProcesses tbody', $tabPanel).append(items.join(''));
+		$('.statmonProcesses tbody tr', $tabPanel).click(showProcess);
+		$(window).resize();		//	force resize to update column widths
+		return;
+		
+		function showProcess() { 
+			$('.statmonProcesses tbody tr', $tabPanel).removeClass('selected');
+			$(this).addClass('selected');
+			var data = { 
+				path: $('.statmonFiles tbody tr.selected .path', $tabPanel).text() 
+			,	processOop: this.id.substring(3)	
+			};
+			GemStone.ajax('GET', 'Statistics/process', data, gotProcess);
+		}
+	}
+
+	function gotProcess(data) {
+		GemStone.scroll($('.statmonStats', $tabPanel));
+		var items = [];
+		$('.statmonStats tbody', $tabPanel).empty();
+		$('.statmonStats', $tabPanel).removeClass('hidden');
+		$.each(data['statistics'], function() {
+			var type = this['type']
+			,	min = this['min']
+			,	max = this['max']
+			,	mean = this['mean']
+			,	rate = this['rate']
+			,	units = this['units']
+			,	average
+			,	title;
+			if (units == 'none') units = '';
+			if (type == 'counter') {
+				min = max = '';
+				average = rate;
+				title = rate;
+				if (0 < average && average < 1) {
+					var factor = Math.pow(10, Math.ceil(0 - Math.log(rate) / Math.LN10));
+					average = Math.round(average * factor) / factor;
+				} else {
+					average = Math.round(average);
+				}
+				if (average != 0 && units == 'milliseconds') {
+					average = average / 10;		// convert to percent
+					var factor = Math.pow(10, Math.ceil(0 - Math.log(average) / Math.LN10));
+					average = (Math.round(average * factor) / factor) + '%';
+					title = title + ' ms/sec';
+				} else {
+					average = average + '/sec';
+					if (average < 1) {
+						title = Math.round(1 / average) + ' seconds between each';
+					} else {
+						title = title + ' ' + units + '/sec';
+					}
+				}
+			} else {
+				average = Math.round(mean);
+				title = average + ' ' + units;
+			}
+			items.push('<tr class="clickable" id="oop' + this['oop'] + '">');
+			items.push('<td title="' + this['descr']);
+			items.push(' (' + type + ':' + units + ')"');
+			items.push(' class="name">' + this['name'] + '</td>');
+			items.push('<td class="number">' + min + '</td>');
+			items.push('<td class="number">' + max + '</td>');
+			items.push('<td class="number" title="' + title + '">' + average + '</td>');
+			items.push('</tr>');
+		});
+		$('.statmonStats tbody', $tabPanel).append(items.join(''));
+		$('.statmonStats tbody tr', $tabPanel).click(showStatistic);
+		$('.statmonStats .tableBody', $tabPanel).scrollTop(0);
+		$(window).resize();		//	force resize to update column widths
+		return;
+		
+		function showStatistic() {
+			var data = { 
+				path: $('.statmonFiles tbody tr.selected .path', $tabPanel).text() 
+			,	processOop: $('.statmonProcesses tbody tr.selected', $tabPanel).attr('id').substring(3)
+			,	statName: $('.name', this).text()	
+			};
+			GemStone.ajax('GET', 'Statistics/statistic', data, gotStastic);
+		}
+	}
+
+	function gotStastic(data) {
+//		console.log(data);
+		var name = data['statName']
+		,	id = name + data['processOop']
+		,	flotData = data['flotData']
+		,	options = data['options']
+		;
+		$('#tabs').append('<div id="' + id + '"'
+			+ ' class="statPanel maximize">' 
+			+ $('#statTemplate').html() 
+			+ '</div>');
+		var $flotDiv = $('#' + id + ' .flot');
+		$flotDiv.bind("plothover", function (event, pos, item) {
+			if (item) {
+				var point = item['datapoint']
+				,	date = (new Date(point[0] + 28800000)).toString().substr(0,24)
+				,	value = point[1]
+				;
+				$flotDiv.attr('title', value + ' at ' + date);
+			}
+		});
+
+		resize();
+		GemStone.addTab({
+			id:		id
+		,	label:	name
+		,	title:	'Graph of statistics'
+		,	onAdd:	function(aPanel) { $(aPanel).resize(resize); }
+		});
+		return;
+		
+		function resize() {
+			$flotDiv
+				.css('height', $flotDiv.parent().height() - 50)
+				.css('width', $flotDiv.parent().width() - 50);
+			$.plot($flotDiv, flotData, options);
+		}
+	}
+});