s434730/RandomSec
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

make the scatterplot icons load one at a time to avoid overloading the server and allow it to be cancelled when one is selected

Browse Source 
git-svn-id: http://google-refine.googlecode.com/svn/trunk@576 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
Stefano Mazzocchi 2010-04-30 19:14:45 +00:00
parent 065fccbeec
commit 7bc0810aa7
1 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/main/webapp/scripts/dialogs/scatterplot-dialog.js
View File

@ -2,6 +2,7 @@ function ScatterplotDialog(column) {
this._column = column; this._column = column;
this._plot_method = "lin"; this._plot_method = "lin";
this._createDialog(); this._createDialog();
this._active = true;
} }
ScatterplotDialog.prototype._createDialog = function() { ScatterplotDialog.prototype._createDialog = function() {
@ -118,7 +119,7 @@ ScatterplotDialog.prototype._renderMatrix = function() {
var table = '<table class="scatterplot-matrix-table"><tbody>'; var table = '<table class="scatterplot-matrix-table"><tbody>';
var createScatterplot = function(cx, cy, current) { var createScatterplot = function(cx, cy) {
var title = cx + ' (x) vs. ' + cy + ' (y)'; var title = cx + ' (x) vs. ' + cy + ' (y)';
var link = '<a href="javascript:{}" title="' + title + '" cx="' + cx + '" cy="' + cy + '">'; var link = '<a href="javascript:{}" title="' + title + '" cx="' + cx + '" cy="' + cy + '">';
var plotter_params = { var plotter_params = {
@ -135,16 +136,14 @@ ScatterplotDialog.prototype._renderMatrix = function() {
engine: JSON.stringify(ui.browsingEngine.getJSON()), engine: JSON.stringify(ui.browsingEngine.getJSON()),
plotter: JSON.stringify(plotter_params) plotter: JSON.stringify(plotter_params)
}; };
var h = '<img'; var url = "/command/get-scatterplot?" + $.param(params);
var attrs = [ var attrs = [
'width="' + self._plot_size + '"', 'width="' + self._plot_size + '"',
'height="' + self._plot_size + '"' 'height="' + self._plot_size + '"',
'src2="' + url + '"'
]; ];
var url = "/command/get-scatterplot?" + $.param(params);
attrs.push((current ? 'src="' : 'src2="') + url + '"');
return link + '<img ' + attrs.join(' ') + ' /></a>'; return link + '<img ' + attrs.join(' ') + ' /></a>';
}; };
@ -160,7 +159,7 @@ ScatterplotDialog.prototype._renderMatrix = function() {
var div_class = "scatterplot"; var div_class = "scatterplot";
var current = cx == self._column || cy == self._column; var current = cx == self._column || cy == self._column;
if (current) div_class += " current_column"; if (current) div_class += " current_column";
table += '<td><div class="' + div_class + '">' + createScatterplot(cx,cy,current) + '</div></td>'; table += '<td><div class="' + div_class + '">' + createScatterplot(cx,cy) + '</div></td>';
} }
table += '</tr>'; table += '</tr>';
} }
@ -187,20 +186,25 @@ ScatterplotDialog.prototype._renderMatrix = function() {
//self._dismiss(); //self._dismiss();
}); });
container.find(".scatterplot img").hover( var load_images = function(data) {
function() { if (data.index < data.images.length && self._active) {
var elmt = $(this); data.index++;
elmt.addClass("hover"); var elmt = $(data.images[data.index]);
var src2 = elmt.attr("src2");
var src2= elmt.attr("src2");
if (src2) { if (src2) {
elmt.attr("src", src2); elmt.attr("src", src2);
elmt.attr("src2", ""); elmt.removeAttr("src2");
elmt.load(function() {
load_images(data);
});
} }
}, function() {
$(this).removeClass("hover");
} }
); };
load_images({
index : 0,
images : container.find(".scatterplot img")
})
}); });
} else { } else {
container.html( container.html(
@ -211,6 +215,7 @@ ScatterplotDialog.prototype._renderMatrix = function() {
}; };
ScatterplotDialog.prototype._dismiss = function() { ScatterplotDialog.prototype._dismiss = function() {
this._active = false;
DialogSystem.dismissUntil(this._level - 1); DialogSystem.dismissUntil(this._level - 1);
}; };