/**
* metrics client user interface
* By Joe Turgeon [http://arithmetric.com]
* 1/21/2010
*/
var MetricsUIGraph = function (setNames, indexMin, indexMax, width, height) {
var self = (this === window) ? {} : this;
self.element = {};
self.setNames = (typeof setNames === 'string') ? [setNames] : setNames;
self.indexMin = indexMin;
self.indexMax = indexMax;
self.graph = false;
self.width = width;
self.height = height;
self.buildElement();
self.update();
return self;
};
MetricsUIGraph.prototype.addGraph = function (setName) {
var children = metricsData.getDataSetChildren(setName);
if (children.length) {
this.setNames = this.setNames.concat(children);
}
else {
this.setNames.push(setName);
}
this.update();
};
MetricsUIGraph.prototype.buildElement = function () {
this.element = $('
');
this.element.data('uiGraph', this);
this.graph = new MetricsGraph($('canvas', this.element).get(0), this.setNames, this.indexMin, this.indexMax);
this.graph.onUpdate = this;
};
MetricsUIGraph.prototype.getElement = function () {
return this.element;
};
MetricsUIGraph.prototype.update = function () {
if (this.graph && this.graph.update) {
var cvs = $('canvas', this.element);
if (cvs.width() !== (this.width - 4) || cvs.height() !== (this.height - 20)) {
cvs.replaceWith('');
this.graph.cvs = $('canvas', this.element).get(0);
this.graph.width = this.width;
this.graph.height = this.height;
}
if (this.element.width() !== this.width || this.element.height() !== this.height) {
this.element.width(this.width).height(this.height);
}
if (this.graph.setNames !== this.setNames) {
this.graph.setNames = this.setNames;
}
this.graph.indexMin = this.indexMin;
this.graph.indexMax = this.indexMax;
this.graph.update();
this.updateInterface();
}
};
MetricsUIGraph.prototype.updateInterface = function () {
var gamenu = $('.ui-graph-titlebar', this.element).empty();
var num = this.setNames.length;
var tab;
for (var i = 0; i < num; i++) {
tab = this.buildSetTab(this.setNames[i]);
gamenu.append(tab);
}
var el = $('
Add
');
var self = this;
$('.ui-graph-tabtitle', el).click(function (e) {metricsSetSelector.activate(self.addGraph, self);e.preventDefault();});
gamenu.append(el);
if (num) {
el = $('
Clear
');
el.click(this.removeAllGraphs);
gamenu.append(el);
}
};
MetricsUIGraph.prototype.separateGraph = function (e) {
var st = $(this).parents('.ui-graph-settab');
var g = st.parents('.ui-graph').data('uiGraph');
var setName = st.data('setName');
if (g.setNames) {
var idx = g.setNames.indexOf(setName);
if (idx >= 0) {
g.setNames.splice(idx, 1);
metrics.newGraph(setName);
}
}
g.graph.forcerefresh = true;
g.update.call(g);
e.preventDefault();
};
MetricsUIGraph.prototype.removeGraph = function (e) {
var st = $(this).parents('.ui-graph-settab');
var g = st.parents('.ui-graph').data('uiGraph');
var setName = st.data('setName');
if (g.setNames) {
var idx = g.setNames.indexOf(setName);
if (idx >= 0) {
g.setNames.splice(idx, 1);
}
}
g.graph.forcerefresh = true;
g.update.call(g);
if (!g.setNames.length) {
metrics.checkGraphs();
}
e.preventDefault();
};
MetricsUIGraph.prototype.removeAllGraphs = function (e) {
var g = $(this).parents('.ui-graph').data('uiGraph');
if (g.setNames) {
g.setNames = [];
g.graph.setNames = g.setNames;
}
g.update.call(g);
metrics.checkGraphs();
e.preventDefault();
};
MetricsUIGraph.prototype.buildSetTab = function (setName) {
var idx = this.setNames.indexOf(setName);
var color = this.graph.setColors[idx % this.graph.setColors.length];
var el = $('