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

Some more JS indentation fixes.

Browse Source 
Fixed issue 31: "Maximum number of facet values should be configurable." Now when we're showing "too many choices" we also display exactly how many choices there are and show a link to change the limit.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@2201 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2011-08-14 01:05:43 +00:00
parent 680b8c989e
commit 41e4e1cd70
6 changed files with 1604 additions and 1555 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
main/src/com/google/refine/browsing/facets/ListFacet.java
View File

@ -107,6 +107,7 @@ public class ListFacet implements Facet {
writer.key("error"); writer.value(_errorMessage); writer.key("error"); writer.value(_errorMessage);
} else if (_choices.size() > getLimit()) { } else if (_choices.size() > getLimit()) {
writer.key("error"); writer.value("Too many choices"); writer.key("error"); writer.value("Too many choices");
writer.key("choiceCount"); writer.value(_choices.size());
} else { } else {
writer.key("choices"); writer.array(); writer.key("choices"); writer.array();
for (NominalFacetChoice choice : _choices) { for (NominalFacetChoice choice : _choices) {

1070
main/webapp/modules/core/scripts/facets/list-facet.js
View File

File diff suppressed because it is too large Load Diff

550
main/webapp/modules/core/scripts/facets/range-facet.js
View File

@ -7,13 +7,13 @@ Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are modification, are permitted provided that the following conditions are
met: met:
* Redistributions of source code must retain the above copyright * Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer. notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above * Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the in the documentation and/or other materials provided with the
distribution. distribution.
* Neither the name of Google Inc. nor the names of its * Neither the name of Google Inc. nor the names of its
contributors may be used to endorse or promote products derived from contributors may be used to endorse or promote products derived from
this software without specific prior written permission. this software without specific prior written permission.
@ -29,374 +29,374 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/ */
function RangeFacet(div, config, options) { function RangeFacet(div, config, options) {
this._div = div; this._div = div;
this._config = config; this._config = config;
this._options = options; this._options = options;
this._from = ("from" in this._config) ? this._config.from : null; this._from = ("from" in this._config) ? this._config.from : null;
this._to = ("to" in this._config) ? this._config.to : null; this._to = ("to" in this._config) ? this._config.to : null;
this._selectNumeric = ("selectNumeric" in this._config) ? this._config.selectNumeric : true; this._selectNumeric = ("selectNumeric" in this._config) ? this._config.selectNumeric : true;
this._selectNonNumeric = ("selectNonNumeric" in this._config) ? this._config.selectNonNumeric : true; this._selectNonNumeric = ("selectNonNumeric" in this._config) ? this._config.selectNonNumeric : true;
this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true; this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true;
this._selectError = ("selectError" in this._config) ? this._config.selectError : true; this._selectError = ("selectError" in this._config) ? this._config.selectError : true;
this._baseNumericCount = 0; this._baseNumericCount = 0;
this._baseNonNumericCount = 0; this._baseNonNumericCount = 0;
this._baseBlankCount = 0; this._baseBlankCount = 0;
this._baseErrorCount = 0; this._baseErrorCount = 0;
this._numericCount = 0; this._numericCount = 0;
this._nonNumericCount = 0; this._nonNumericCount = 0;
this._blankCount = 0; this._blankCount = 0;
this._errorCount = 0; this._errorCount = 0;
this._error = false; this._error = false;
this._initializedUI = false; this._initializedUI = false;
} }
RangeFacet.prototype.reset = function() { RangeFacet.prototype.reset = function() {
this._from = this._config.min; this._from = this._config.min;
this._to = this._config.max; this._to = this._config.max;
this._sliderWidget.update( this._sliderWidget.update(
this._config.min, this._config.min,
this._config.max, this._config.max,
this._config.step, this._config.step,
this._from, this._from,
this._to this._to
); );
this._selectNumeric = true; this._selectNumeric = true;
this._selectNonNumeric = true; this._selectNonNumeric = true;
this._selectBlank = true; this._selectBlank = true;
this._selectError = true; this._selectError = true;
this._setRangeIndicators(); this._setRangeIndicators();
}; };
RangeFacet.reconstruct = function(div, uiState) { RangeFacet.reconstruct = function(div, uiState) {
return new RangeFacet(div, uiState.c, uiState.o); return new RangeFacet(div, uiState.c, uiState.o);
}; };
RangeFacet.prototype.dispose = function() { RangeFacet.prototype.dispose = function() {
}; };
RangeFacet.prototype.getUIState = function() { RangeFacet.prototype.getUIState = function() {
var json = { var json = {
c: this.getJSON(), c: this.getJSON(),
o: this._options o: this._options
}; };
return json; return json;
}; };
RangeFacet.prototype.getJSON = function() { RangeFacet.prototype.getJSON = function() {
var o = { var o = {
type: "range", type: "range",
name: this._config.name, name: this._config.name,
expression: this._config.expression, expression: this._config.expression,
columnName: this._config.columnName, columnName: this._config.columnName,
selectNumeric: this._selectNumeric, selectNumeric: this._selectNumeric,
selectNonNumeric: this._selectNonNumeric, selectNonNumeric: this._selectNonNumeric,
selectBlank: this._selectBlank, selectBlank: this._selectBlank,
selectError: this._selectError selectError: this._selectError
}; };
if (this._from !== null) { if (this._from !== null) {
o.from = this._from; o.from = this._from;
} }
if (this._to !== null) { if (this._to !== null) {
o.to = this._to; o.to = this._to;
} }
return o; return o;
}; };
RangeFacet.prototype.hasSelection = function() { RangeFacet.prototype.hasSelection = function() {
if (!this._selectNumeric || !this._selectNonNumeric || !this._selectBlank || !this._selectError) { if (!this._selectNumeric || !this._selectNonNumeric || !this._selectBlank || !this._selectError) {
return true; return true;
} }
return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) || return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) ||
(this._to !== null && (!this._initializedUI || this._to < this._config.max)); (this._to !== null && (!this._initializedUI || this._to < this._config.max));
}; };
RangeFacet.prototype._initializeUI = function() { RangeFacet.prototype._initializeUI = function() {
var self = this; var self = this;
this._div this._div
.empty() .empty()
.show() .show()
.html( .html(
'<div class="facet-title" bind="headerDiv">' + '<div class="facet-title" bind="headerDiv">' +
'<div class="grid-layout layout-tightest layout-full"><table><tr>' + '<div class="grid-layout layout-tightest layout-full"><table><tr>' +
'<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' + '<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' +
'<td>' + '<td>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' + '<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' + '<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' +
'<span bind="facetTitle"></span>' + '<span bind="facetTitle"></span>' +
'</td>' + '</td>' +
'</tr></table></div>' + '</tr></table></div>' +
'</div>' + '</div>' +
'<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' + '<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' +
'<div class="facet-range-body">' + '<div class="facet-range-body">' +
'<div class="facet-range-message" bind="messageDiv">Loading...</div>' + '<div class="facet-range-message" bind="messageDiv">Loading...</div>' +
'<div class="facet-range-slider" bind="sliderWidgetDiv">' + '<div class="facet-range-slider" bind="sliderWidgetDiv">' +
'<div class="facet-range-histogram" bind="histogramDiv"></div>' + '<div class="facet-range-histogram" bind="histogramDiv"></div>' +
'</div>' + '</div>' +
'<div class="facet-range-status" bind="statusDiv"></div>' + '<div class="facet-range-status" bind="statusDiv"></div>' +
'<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' + '<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' +
'</div>' '</div>'
); );
this._elmts = DOM.bind(this._div); this._elmts = DOM.bind(this._div);
this._elmts.facetTitle.text(this._config.name); this._elmts.facetTitle.text(this._config.name);
this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() { this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() {
self._elmts.expressionDiv.slideToggle(100, function() { self._elmts.expressionDiv.slideToggle(100, function() {
if (self._elmts.expressionDiv.css("display") != "none") { if (self._elmts.expressionDiv.css("display") != "none") {
self._editExpression();
}
});
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression(); self._editExpression();
}).hide(); }
this._elmts.resetButton.click(function() {
self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
}); });
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression();
}).hide();
this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#bbccff", "#88aaee" ] }); this._elmts.resetButton.click(function() {
this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv); self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
});
this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) { this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#bbccff", "#88aaee" ] });
self._from = data.from; this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv);
self._to = data.to;
self._setRangeIndicators(); this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) {
}).bind("stop", function(evt, data) { self._from = data.from;
self._from = data.from; self._to = data.to;
self._to = data.to; self._setRangeIndicators();
self._selectNumeric = true; }).bind("stop", function(evt, data) {
self._updateRest(); self._from = data.from;
}); self._to = data.to;
self._selectNumeric = true;
self._updateRest();
});
}; };
RangeFacet.prototype._renderOtherChoices = function() { RangeFacet.prototype._renderOtherChoices = function() {
var self = this; var self = this;
var container = this._elmts.otherChoicesDiv.empty(); var container = this._elmts.otherChoicesDiv.empty();
if (this._baseNonNumericCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) { if (this._baseNonNumericCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) {
return; return;
} }
var facet_id = this._div.attr("id"); var facet_id = this._div.attr("id");
var choices = $('<div>').addClass("facet-range-choices"); var choices = $('<div>').addClass("facet-range-choices");
// ----------------- numeric ----------------- // ----------------- numeric -----------------
var numericDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var numericDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var numericCheck = $('<input type="checkbox" />').attr("id",facet_id + "-numeric").appendTo(numericDiv).change(function() { var numericCheck = $('<input type="checkbox" />').attr("id",facet_id + "-numeric").appendTo(numericDiv).change(function() {
self._selectNumeric = !self._selectNumeric; self._selectNumeric = !self._selectNumeric;
self._updateRest(); self._updateRest();
}); });
if (this._selectNumeric) numericCheck.attr("checked","checked"); if (this._selectNumeric) numericCheck.attr("checked","checked");
var numericLabel = $('<label>').attr("for", facet_id + "-numeric").appendTo(numericDiv); var numericLabel = $('<label>').attr("for", facet_id + "-numeric").appendTo(numericDiv);
$('<span>').text("Numeric ").addClass("facet-range-choice-label").appendTo(numericLabel); $('<span>').text("Numeric ").addClass("facet-range-choice-label").appendTo(numericLabel);
$('<div>').text(this._numericCount).addClass("facet-range-choice-count").appendTo(numericLabel); $('<div>').text(this._numericCount).addClass("facet-range-choice-count").appendTo(numericLabel);
// ----------------- non-numeric ----------------- // ----------------- non-numeric -----------------
var nonNumericDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var nonNumericDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var nonNumericCheck = $('<input type="checkbox" />').attr("id",facet_id + "-non-numeric").appendTo(nonNumericDiv).change(function() { var nonNumericCheck = $('<input type="checkbox" />').attr("id",facet_id + "-non-numeric").appendTo(nonNumericDiv).change(function() {
self._selectNonNumeric = !self._selectNonNumeric; self._selectNonNumeric = !self._selectNonNumeric;
self._updateRest(); self._updateRest();
}); });
if (this._selectNonNumeric) nonNumericCheck.attr("checked","checked"); if (this._selectNonNumeric) nonNumericCheck.attr("checked","checked");
var nonNumericLabel = $('<label>').attr("for", facet_id + "-non-numeric").appendTo(nonNumericDiv); var nonNumericLabel = $('<label>').attr("for", facet_id + "-non-numeric").appendTo(nonNumericDiv);
$('<span>').text("Non-numeric ").addClass("facet-range-choice-label").appendTo(nonNumericLabel); $('<span>').text("Non-numeric ").addClass("facet-range-choice-label").appendTo(nonNumericLabel);
$('<div>').text(this._nonNumericCount).addClass("facet-range-choice-count").appendTo(nonNumericLabel); $('<div>').text(this._nonNumericCount).addClass("facet-range-choice-count").appendTo(nonNumericLabel);
if (this._baseNonNumericCount === 0) nonNumericCheck.removeAttr("checked"); if (this._baseNonNumericCount === 0) nonNumericCheck.removeAttr("checked");
// ----------------- blank ----------------- // ----------------- blank -----------------
var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() { var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() {
self._selectBlank = !self._selectBlank; self._selectBlank = !self._selectBlank;
self._updateRest(); self._updateRest();
}); });
if (this._selectBlank) blankCheck.attr("checked","checked"); if (this._selectBlank) blankCheck.attr("checked","checked");
var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv); var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv);
$('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel); $('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel);
$('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel); $('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel);
if (this._baseBlankCount === 0) blankCheck.removeAttr("checked"); if (this._baseBlankCount === 0) blankCheck.removeAttr("checked");
// ----------------- error ----------------- // ----------------- error -----------------
var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() { var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() {
self._selectError = !self._selectError; self._selectError = !self._selectError;
self._updateRest(); self._updateRest();
}); });
if (this._selectError) errorCheck.attr("checked","checked"); if (this._selectError) errorCheck.attr("checked","checked");
var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv); var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv);
$('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel); $('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel);
$('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel); $('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel);
if (this._baseErrorCount === 0) errorCheck.removeAttr("checked"); if (this._baseErrorCount === 0) errorCheck.removeAttr("checked");
// -------------------------- // --------------------------
choices.appendTo(container); choices.appendTo(container);
}; };
RangeFacet.prototype._setRangeIndicators = function() { RangeFacet.prototype._setRangeIndicators = function() {
this._elmts.statusDiv.html(this._addCommas(this._from.toFixed(2)) + " &mdash; " + this._addCommas(this._to.toFixed(2))); this._elmts.statusDiv.html(this._addCommas(this._from.toFixed(2)) + " &mdash; " + this._addCommas(this._to.toFixed(2)));
}; };
RangeFacet.prototype._addCommas = function(nStr) { RangeFacet.prototype._addCommas = function(nStr) {
nStr += ''; nStr += '';
x = nStr.split('.'); x = nStr.split('.');
x1 = x[0]; x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : ''; x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/; var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) { while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2'); x1 = x1.replace(rgx, '$1' + ',' + '$2');
} }
return x1 + x2; return x1 + x2;
}; };
RangeFacet.prototype.updateState = function(data) { RangeFacet.prototype.updateState = function(data) {
if ("min" in data && "max" in data) { if ("min" in data && "max" in data) {
this._error = false; this._error = false;
this._config.min = data.min; this._config.min = data.min;
this._config.max = data.max; this._config.max = data.max;
this._config.step = data.step; this._config.step = data.step;
this._baseBins = data.baseBins; this._baseBins = data.baseBins;
this._bins = data.bins; this._bins = data.bins;
switch (this._config.mode) { switch (this._config.mode) {
case "min": case "min":
this._from = Math.max(data.from, this._config.min); this._from = Math.max(data.from, this._config.min);
break; break;
case "max": case "max":
this._to = Math.min(data.to, this._config.max); this._to = Math.min(data.to, this._config.max);
break; break;
default: default:
this._from = Math.max(data.from, this._config.min); this._from = Math.max(data.from, this._config.min);
if ("to" in data) { if ("to" in data) {
this._to = Math.min(data.to, this._config.max); this._to = Math.min(data.to, this._config.max);
} else {
this._to = data.max;
}
}
this._baseNumericCount = data.baseNumericCount;
this._baseNonNumericCount = data.baseNonNumericCount;
this._baseBlankCount = data.baseBlankCount;
this._baseErrorCount = data.baseErrorCount;
this._numericCount = data.numericCount;
this._nonNumericCount = data.nonNumericCount;
this._blankCount = data.blankCount;
this._errorCount = data.errorCount;
} else { } else {
this._error = true; this._to = data.max;
this._errorMessage = "error" in data ? data.error : "Unknown error."; }
} }
this.render(); this._baseNumericCount = data.baseNumericCount;
this._baseNonNumericCount = data.baseNonNumericCount;
this._baseBlankCount = data.baseBlankCount;
this._baseErrorCount = data.baseErrorCount;
this._numericCount = data.numericCount;
this._nonNumericCount = data.nonNumericCount;
this._blankCount = data.blankCount;
this._errorCount = data.errorCount;
} else {
this._error = true;
this._errorMessage = "error" in data ? data.error : "Unknown error.";
}
this.render();
}; };
RangeFacet.prototype.render = function() { RangeFacet.prototype.render = function() {
if (!this._initializedUI) { if (!this._initializedUI) {
this._initializeUI(); this._initializeUI();
this._initializedUI = true; this._initializedUI = true;
} }
if (this._error) { if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show(); this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.sliderWidgetDiv.hide(); this._elmts.sliderWidgetDiv.hide();
this._elmts.histogramDiv.hide(); this._elmts.histogramDiv.hide();
this._elmts.statusDiv.hide(); this._elmts.statusDiv.hide();
this._elmts.otherChoicesDiv.hide(); this._elmts.otherChoicesDiv.hide();
return; return;
} }
this._elmts.messageDiv.hide(); this._elmts.messageDiv.hide();
this._elmts.sliderWidgetDiv.show(); this._elmts.sliderWidgetDiv.show();
this._elmts.histogramDiv.show(); this._elmts.histogramDiv.show();
this._elmts.statusDiv.show(); this._elmts.statusDiv.show();
this._elmts.otherChoicesDiv.show(); this._elmts.otherChoicesDiv.show();
this._sliderWidget.update( this._sliderWidget.update(
this._config.min, this._config.min,
this._config.max, this._config.max,
this._config.step, this._config.step,
this._from, this._from,
this._to this._to
); );
this._histogram.update( this._histogram.update(
this._config.min, this._config.min,
this._config.max, this._config.max,
this._config.step, this._config.step,
[ this._baseBins, this._bins ] [ this._baseBins, this._bins ]
); );
this._setRangeIndicators(); this._setRangeIndicators();
this._renderOtherChoices(); this._renderOtherChoices();
}; };
RangeFacet.prototype._remove = function() { RangeFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this); ui.browsingEngine.removeFacet(this);
this._div = null; this._div = null;
this._config = null; this._config = null;
this._data = null; this._data = null;
}; };
RangeFacet.prototype._updateRest = function() { RangeFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true }); Refine.update({ engineChanged: true });
}; };
RangeFacet.prototype._editExpression = function() { RangeFacet.prototype._editExpression = function() {
var self = this; var self = this;
var title = (this._config.columnName) ? var title = (this._config.columnName) ?
("Edit Facet's Expression based on Column " + this._config.columnName) : ("Edit Facet's Expression based on Column " + this._config.columnName) :
"Edit Facet's Expression"; "Edit Facet's Expression";
var column = Refine.columnNameToColumn(this._config.columnName); var column = Refine.columnNameToColumn(this._config.columnName);
var o = DataTableView.sampleVisibleRows(column); var o = DataTableView.sampleVisibleRows(column);
new ExpressionPreviewDialog( new ExpressionPreviewDialog(
title, title,
column ? column.cellIndex : -1, column ? column.cellIndex : -1,
o.rowIndices, o.rowIndices,
o.values, o.values,
this._config.expression, this._config.expression,
function(expr) { function(expr) {
if (expr != self._config.expression) { if (expr != self._config.expression) {
self._config.expression = expr; self._config.expression = expr;
self._elmts.expressionDiv.text(self._config.expression); self._elmts.expressionDiv.text(self._config.expression);
self.reset(); self.reset();
self._from = null; self._from = null;
self._to = null; self._to = null;
self._updateRest(); self._updateRest();
} }
} }
); );
}; };

486
main/webapp/modules/core/scripts/facets/scatterplot-facet.js
View File

@ -7,13 +7,13 @@ Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are modification, are permitted provided that the following conditions are
met: met:
* Redistributions of source code must retain the above copyright * Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer. notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above * Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the in the documentation and/or other materials provided with the
distribution. distribution.
* Neither the name of Google Inc. nor the names of its * Neither the name of Google Inc. nor the names of its
contributors may be used to endorse or promote products derived from contributors may be used to endorse or promote products derived from
this software without specific prior written permission. this software without specific prior written permission.
@ -29,328 +29,328 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/ */
function ScatterplotFacet(div, config, options) { function ScatterplotFacet(div, config, options) {
this._div = div; this._div = div;
this._config = config; this._config = config;
this._options = options; this._options = options;
this._error = false; this._error = false;
this._initializedUI = false; this._initializedUI = false;
} }
ScatterplotFacet.prototype.update = function() { ScatterplotFacet.prototype.update = function() {
this._plotAreaSelector.update(); this._plotAreaSelector.update();
}; };
ScatterplotFacet.prototype.reset = function() { ScatterplotFacet.prototype.reset = function() {
delete this._config.from_x; delete this._config.from_x;
delete this._config.from_y; delete this._config.from_y;
delete this._config.to_x; delete this._config.to_x;
delete this._config.to_y; delete this._config.to_y;
this._plotAreaSelector.setOptions({ hide : true }); this._plotAreaSelector.setOptions({ hide : true });
this._plotAreaSelector.update(); this._plotAreaSelector.update();
}; };
ScatterplotFacet.reconstruct = function(div, uiState) { ScatterplotFacet.reconstruct = function(div, uiState) {
return new ScatterplotFacet(div, uiState.c, uiState.o); return new ScatterplotFacet(div, uiState.c, uiState.o);
}; };
ScatterplotFacet.prototype.dispose = function() { ScatterplotFacet.prototype.dispose = function() {
this._elmts.plotImg.imgAreaSelect({ hide : true }); this._elmts.plotImg.imgAreaSelect({ hide : true });
}; };
ScatterplotFacet.prototype.getUIState = function() { ScatterplotFacet.prototype.getUIState = function() {
var json = { var json = {
c: this.getJSON(), c: this.getJSON(),
o: this._options o: this._options
}; };
return json; return json;
}; };
ScatterplotFacet.prototype.getJSON = function() { ScatterplotFacet.prototype.getJSON = function() {
this._config.type = "scatterplot"; this._config.type = "scatterplot";
var dot = this._config.dot; var dot = this._config.dot;
if (typeof dot == 'number') this._config.dot.toFixed(2); if (typeof dot == 'number') this._config.dot.toFixed(2);
return this._config; return this._config;
}; };
ScatterplotFacet.prototype.hasSelection = function() { ScatterplotFacet.prototype.hasSelection = function() {
return ("from_x" in this._config && this._config.from_x !== 0) || return ("from_x" in this._config && this._config.from_x !== 0) ||
("from_y" in this._config && this._config.from_y !== 0) || ("from_y" in this._config && this._config.from_y !== 0) ||
("to_x" in this._config && this._config.to_x !== 1) || ("to_x" in this._config && this._config.to_x !== 1) ||
("to_y" in this._config && this._config.to_y !== 1); ("to_y" in this._config && this._config.to_y !== 1);
}; };
ScatterplotFacet.prototype._initializeUI = function() { ScatterplotFacet.prototype._initializeUI = function() {
var self = this; var self = this;
var container = this._div.empty().show(); var container = this._div.empty().show();
var facet_id = container.attr("id"); var facet_id = container.attr("id");
this._div.empty().show().html( this._div.empty().show().html(
'<div class="facet-title">' + '<div class="facet-title">' +
'<div class="grid-layout layout-tightest layout-full"><table><tr>' + '<div class="grid-layout layout-tightest layout-full"><table><tr>' +
'<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' + '<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' +
'<td>' + '<td>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' + '<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<span bind="titleSpan"></span>' + '<span bind="titleSpan"></span>' +
'</td>' + '</td>' +
'</tr></table></div>' + '</tr></table></div>' +
'</div>' + '</div>' +
'<div class="facet-scatterplot-body" bind="bodyDiv">' + '<div class="facet-scatterplot-body" bind="bodyDiv">' +
'<div class="facet-scatterplot-message" bind="messageDiv">Loading...</div>' + '<div class="facet-scatterplot-message" bind="messageDiv">Loading...</div>' +
'<table width="100%"><tr>' + '<table width="100%"><tr>' +
'<td>' + '<td>' +
'<div class="facet-scatterplot-plot-container">' + '<div class="facet-scatterplot-plot-container">' +
'<div class="facet-scatterplot-plot" bind="plotDiv">' + '<div class="facet-scatterplot-plot" bind="plotDiv">' +
'<img class="facet-scatterplot-image" bind="plotBaseImg" />' + '<img class="facet-scatterplot-image" bind="plotBaseImg" />' +
'<img class="facet-scatterplot-image" bind="plotImg" />' + '<img class="facet-scatterplot-image" bind="plotImg" />' +
'</div>' + '</div>' +
'</div>' + '</div>' +
'</td>' + '</td>' +
'<td class="facet-scatterplot-selectors-container" width="100%">' + '<td class="facet-scatterplot-selectors-container" width="100%">' +
'<div class="scatterplot-selectors" bind="selectors">' + '<div class="scatterplot-selectors" bind="selectors">' +
'<div class="buttonset scatterplot-dim-selector">' + '<div class="buttonset scatterplot-dim-selector">' +
'<input type="radio" id="' + facet_id + '-dim-lin" name="' + facet_id + '-dim" value="lin"/><label class="dim-lin-label" for="' + facet_id + '-dim-lin" title="Linear Plot">lin</label>' + '<input type="radio" id="' + facet_id + '-dim-lin" name="' + facet_id + '-dim" value="lin"/><label class="dim-lin-label" for="' + facet_id + '-dim-lin" title="Linear Plot">lin</label>' +
'<input type="radio" id="' + facet_id + '-dim-log" name="' + facet_id + '-dim" value="log"/><label class="dim-log-label" for="' + facet_id + '-dim-log" title="Logarithmic Plot">log</label>' + '<input type="radio" id="' + facet_id + '-dim-log" name="' + facet_id + '-dim" value="log"/><label class="dim-log-label" for="' + facet_id + '-dim-log" title="Logarithmic Plot">log</label>' +
'</div>' + '</div>' +
'<div class="buttonset scatterplot-rot-selector">' + '<div class="buttonset scatterplot-rot-selector">' +
'<input type="radio" id="' + facet_id + '-rot-ccw" name="' + facet_id + '-rot" value="ccw"/><label class="rot-ccw-label" for="' + facet_id + '-rot-ccw" title="Rotated 45° Counter-Clockwise">&nbsp;</label>' + '<input type="radio" id="' + facet_id + '-rot-ccw" name="' + facet_id + '-rot" value="ccw"/><label class="rot-ccw-label" for="' + facet_id + '-rot-ccw" title="Rotated 45° Counter-Clockwise">&nbsp;</label>' +
'<input type="radio" id="' + facet_id + '-rot-none" name="' + facet_id + '-rot" value="none"/><label class="rot-none-label" for="' + facet_id + '-rot-none" title="No rotation">&nbsp;</label>' + '<input type="radio" id="' + facet_id + '-rot-none" name="' + facet_id + '-rot" value="none"/><label class="rot-none-label" for="' + facet_id + '-rot-none" title="No rotation">&nbsp;</label>' +
'<input type="radio" id="' + facet_id + '-rot-cw" name="' + facet_id + '-rot" value="cw"/><label class="rot-cw-label" for="' + facet_id + '-rot-cw" title="Rotated 45° Clockwise">&nbsp;</label>' + '<input type="radio" id="' + facet_id + '-rot-cw" name="' + facet_id + '-rot" value="cw"/><label class="rot-cw-label" for="' + facet_id + '-rot-cw" title="Rotated 45° Clockwise">&nbsp;</label>' +
'</div>' + '</div>' +
'<div class="buttonset scatterplot-dot-selector">' + '<div class="buttonset scatterplot-dot-selector">' +
'<input type="radio" id="' + facet_id + '-dot-small" name="' + facet_id + '-dot" value="small"/><label class="dot-small-label" for="' + facet_id + '-dot-small" title="Small Dot Size">&nbsp;</label>' + '<input type="radio" id="' + facet_id + '-dot-small" name="' + facet_id + '-dot" value="small"/><label class="dot-small-label" for="' + facet_id + '-dot-small" title="Small Dot Size">&nbsp;</label>' +
'<input type="radio" id="' + facet_id + '-dot-regular" name="' + facet_id + '-dot" value="regular"/><label class="dot-regular-label" for="' + facet_id + '-dot-regular" title="Regular Dot Size">&nbsp;</label>' + '<input type="radio" id="' + facet_id + '-dot-regular" name="' + facet_id + '-dot" value="regular"/><label class="dot-regular-label" for="' + facet_id + '-dot-regular" title="Regular Dot Size">&nbsp;</label>' +
'<input type="radio" id="' + facet_id + '-dot-big" name="' + facet_id + '-dot" value="big"/><label class="dot-big-label" for="' + facet_id + '-dot-big" title="Big Dot Size">&nbsp;</label>' + '<input type="radio" id="' + facet_id + '-dot-big" name="' + facet_id + '-dot" value="big"/><label class="dot-big-label" for="' + facet_id + '-dot-big" title="Big Dot Size">&nbsp;</label>' +
'</div>' + '</div>' +
'<div class="scatterplot-export-plot"><a bind="exportPlotLink" class="action" target="_blank">export plot</a></div>' + '<div class="scatterplot-export-plot"><a bind="exportPlotLink" class="action" target="_blank">export plot</a></div>' +
'</div>' + '</div>' +
'</td>' + '</td>' +
'</tr></table>' + '</tr></table>' +
'<div class="facet-scatterplot-status" bind="statusDiv"></div>' + '<div class="facet-scatterplot-status" bind="statusDiv"></div>' +
'</div>' '</div>'
); );
this._elmts = DOM.bind(this._div); this._elmts = DOM.bind(this._div);
this._elmts.titleSpan.text(this._config.name); this._elmts.titleSpan.text(this._config.name);
this._elmts.removeButton.click(function() { self._remove(); }); this._elmts.removeButton.click(function() { self._remove(); });
this._elmts.resetButton.click(function() { this._elmts.resetButton.click(function() {
self.reset(); self.reset();
self._updateRest();
});
this._elmts.plotDiv.width(this._config.l + "px").height(this._config.l + "px");
this._elmts.plotBaseImg.attr("src", this._formulateBaseImageUrl())
.attr("width", this._config.l)
.attr("height", this._config.l);
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl())
.attr("width", this._config.l)
.attr("height", this._config.l);
var ops = {
instance: true,
handles: false,
parent: this._elmts.plotDiv,
fadeSpeed: 70,
onSelectEnd: function(elmt, selection) {
self._putSelectionOptions(selection);
self._updateRest(); self._updateRest();
}); }
};
this._elmts.plotDiv.width(this._config.l + "px").height(this._config.l + "px"); this._fillSelectionOptions(ops);
this._elmts.plotBaseImg.attr("src", this._formulateBaseImageUrl()) this._plotAreaSelector = this._elmts.plotImg.imgAreaSelect(ops);
.attr("width", this._config.l)
.attr("height", this._config.l);
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl())
.attr("width", this._config.l)
.attr("height", this._config.l);
var ops = { if (this._config.dim_x == 'lin' && this._config.dim_y == 'lin') {
instance: true, this._elmts.selectors.find("#" + facet_id + "-dim-lin").attr('checked','checked');
handles: false, } else if (this._config.dim_x == 'log' && this._config.dim_y == 'log') {
parent: this._elmts.plotDiv, this._elmts.selectors.find("#" + facet_id + "-dim-log").attr('checked','checked');
fadeSpeed: 70, }
onSelectEnd: function(elmt, selection) {
self._putSelectionOptions(selection);
self._updateRest();
}
};
this._fillSelectionOptions(ops); if (this._config.r == 'cw') {
this._plotAreaSelector = this._elmts.plotImg.imgAreaSelect(ops); this._elmts.selectors.find("#" + facet_id + "-rot-cw").attr('checked','checked');
} else if (this._config.r == 'ccw') {
this._elmts.selectors.find("#" + facet_id + "-rot-ccw").attr('checked','checked');
} else {
this._elmts.selectors.find("#" + facet_id + "-rot-none").attr('checked','checked');
}
if (this._config.dim_x == 'lin' && this._config.dim_y == 'lin') { if (this._config.dot >= 1.2) {
this._elmts.selectors.find("#" + facet_id + "-dim-lin").attr('checked','checked'); this._elmts.selectors.find("#" + facet_id + "-dot-big").attr('checked','checked');
} else if (this._config.dim_x == 'log' && this._config.dim_y == 'log') { } else if (this._config.dot <= 0.4) {
this._elmts.selectors.find("#" + facet_id + "-dim-log").attr('checked','checked'); this._elmts.selectors.find("#" + facet_id + "-dot-small").attr('checked','checked');
} } else {
this._elmts.selectors.find("#" + facet_id + "-dot-regular").attr('checked','checked');
}
if (this._config.r == 'cw') { this._elmts.selectors.find(".scatterplot-dim-selector").change(function() {
this._elmts.selectors.find("#" + facet_id + "-rot-cw").attr('checked','checked'); var dim = $(this).find("input:checked").val();
} else if (this._config.r == 'ccw') { self._config.dim_x = dim;
this._elmts.selectors.find("#" + facet_id + "-rot-ccw").attr('checked','checked'); self._config.dim_y = dim;
self.reset();
self._updateRest();
self.changePlot();
});
this._elmts.selectors.find(".scatterplot-rot-selector").change(function() {
self._config.r = $(this).find("input:checked").val();
self.reset();
self._updateRest();
self.changePlot();
});
this._elmts.selectors.find(".scatterplot-dot-selector").change(function() {
var dot_size = $(this).find("input:checked").val();
if (dot_size == "small") {
self._config.dot = 0.4;
} else if (dot_size == "big") {
self._config.dot = 1.4;
} else { } else {
this._elmts.selectors.find("#" + facet_id + "-rot-none").attr('checked','checked'); self._config.dot = 0.8;
} }
self.changePlot();
});
if (this._config.dot >= 1.2) { this._elmts.selectors.find(".buttonset").buttonset();
this._elmts.selectors.find("#" + facet_id + "-dot-big").attr('checked','checked');
} else if (this._config.dot <= 0.4) {
this._elmts.selectors.find("#" + facet_id + "-dot-small").attr('checked','checked');
} else {
this._elmts.selectors.find("#" + facet_id + "-dot-regular").attr('checked','checked');
}
this._elmts.selectors.find(".scatterplot-dim-selector").change(function() {
var dim = $(this).find("input:checked").val();
self._config.dim_x = dim;
self._config.dim_y = dim;
self.reset();
self._updateRest();
self.changePlot();
});
this._elmts.selectors.find(".scatterplot-rot-selector").change(function() {
self._config.r = $(this).find("input:checked").val();
self.reset();
self._updateRest();
self.changePlot();
});
this._elmts.selectors.find(".scatterplot-dot-selector").change(function() {
var dot_size = $(this).find("input:checked").val();
if (dot_size == "small") {
self._config.dot = 0.4;
} else if (dot_size == "big") {
self._config.dot = 1.4;
} else {
self._config.dot = 0.8;
}
self.changePlot();
});
this._elmts.selectors.find(".buttonset").buttonset();
}; };
ScatterplotFacet.prototype._fillSelectionOptions = function(ops) { ScatterplotFacet.prototype._fillSelectionOptions = function(ops) {
if (this.hasSelection()) { if (this.hasSelection()) {
ops.x1 = this._config.l * this._config.from_x; ops.x1 = this._config.l * this._config.from_x;
ops.x2 = this._config.l * this._config.to_x; ops.x2 = this._config.l * this._config.to_x;
ops.y1 = this._config.l - (this._config.l * this._config.to_y); ops.y1 = this._config.l - (this._config.l * this._config.to_y);
ops.y2 = this._config.l - (this._config.l * this._config.from_y); ops.y2 = this._config.l - (this._config.l * this._config.from_y);
} else { } else {
ops.x1 = ops.y1 = 0; ops.x1 = ops.y1 = 0;
ops.x2 = ops.y2 = this._config.l; ops.x2 = ops.y2 = this._config.l;
ops.hide = true; ops.hide = true;
} }
}; };
ScatterplotFacet.prototype._putSelectionOptions = function(selection) { ScatterplotFacet.prototype._putSelectionOptions = function(selection) {
if (selection.height === 0 || selection.width === 0) { if (selection.height === 0 || selection.width === 0) {
this.reset(); this.reset();
} else { } else {
this._config.from_x = selection.x1 / this._config.l; this._config.from_x = selection.x1 / this._config.l;
this._config.to_x = selection.x2 / this._config.l; this._config.to_x = selection.x2 / this._config.l;
this._config.from_y = (this._config.l - selection.y2) / this._config.l; this._config.from_y = (this._config.l - selection.y2) / this._config.l;
this._config.to_y = (this._config.l - selection.y1) / this._config.l; this._config.to_y = (this._config.l - selection.y1) / this._config.l;
} }
}; };
ScatterplotFacet.prototype._formulateCurrentImageUrl = function() { ScatterplotFacet.prototype._formulateCurrentImageUrl = function() {
return this._formulateImageUrl(ui.browsingEngine.getJSON(false, this), { color: "ff6a00" }); return this._formulateImageUrl(ui.browsingEngine.getJSON(false, this), { color: "ff6a00" });
}; };
ScatterplotFacet.prototype._formulateBaseImageUrl = function() { ScatterplotFacet.prototype._formulateBaseImageUrl = function() {
return this._formulateImageUrl({},{ color: "888888", dot : this._config.dot * 0.9 }); return this._formulateImageUrl({},{ color: "888888", dot : this._config.dot * 0.9 });
}; };
ScatterplotFacet.prototype._formulateExportImageUrl = function() { ScatterplotFacet.prototype._formulateExportImageUrl = function() {
return this._formulateImageUrl(ui.browsingEngine.getJSON(false, this), { dot : this._config.dot * 5, l: 500, base_color: "888888" }); return this._formulateImageUrl(ui.browsingEngine.getJSON(false, this), { dot : this._config.dot * 5, l: 500, base_color: "888888" });
}; };
ScatterplotFacet.prototype._formulateImageUrl = function(engineConfig, conf) { ScatterplotFacet.prototype._formulateImageUrl = function(engineConfig, conf) {
var options = {}; var options = {};
for (var p in this._config) { for (var p in this._config) {
if (this._config.hasOwnProperty(p)) { if (this._config.hasOwnProperty(p)) {
options[p] = this._config[p]; options[p] = this._config[p];
}
} }
for (var p in conf) { }
if (conf.hasOwnProperty(p)) { for (var p in conf) {
options[p] = conf[p]; if (conf.hasOwnProperty(p)) {
} options[p] = conf[p];
} }
var params = { }
project: theProject.id, var params = {
engine: JSON.stringify(engineConfig), project: theProject.id,
plotter: JSON.stringify(options) engine: JSON.stringify(engineConfig),
}; plotter: JSON.stringify(options)
return "/command/core/get-scatterplot?" + $.param(params); };
return "/command/core/get-scatterplot?" + $.param(params);
}; };
ScatterplotFacet.prototype.updateState = function(data) { ScatterplotFacet.prototype.updateState = function(data) {
if ("error" in data) { if ("error" in data) {
this._error = true; this._error = true;
this._errorMessage = "error" in data ? data.error : "Unknown error."; this._errorMessage = "error" in data ? data.error : "Unknown error.";
} else {
this._error = false;
// These are in 0 - 1 coordinates
if ("from_x" in data) {
this._config.from_x = Math.min(Math.max(data.from_x, 0), 1);
} else { } else {
this._error = false; this._config.from_x = 0;
}
// These are in 0 - 1 coordinates if ("to_x" in data) {
if ("from_x" in data) { this._config.to_x = Math.min(Math.max(data.to_x, data.from_x), 1);
this._config.from_x = Math.min(Math.max(data.from_x, 0), 1); } else {
} else { this._config.to_x = 1;
this._config.from_x = 0;
}
if ("to_x" in data) {
this._config.to_x = Math.min(Math.max(data.to_x, data.from_x), 1);
} else {
this._config.to_x = 1;
}
if ("from_y" in data) {
this._config.from_y = Math.min(Math.max(data.from_y, 0), 1);
} else {
this._config.from_y = 0;
}
if ("to_y" in data) {
this._config.to_y = Math.min(Math.max(data.to_y, data.from_y), this._config.l);
} else {
this._config.to_y = 1;
}
if (this._plotAreaSelector) {
var ops = {};
this._fillSelectionOptions(ops);
this._plotAreaSelector.setOptions(ops);
this._plotAreaSelector.update();
}
} }
this.render(); if ("from_y" in data) {
this._config.from_y = Math.min(Math.max(data.from_y, 0), 1);
} else {
this._config.from_y = 0;
}
if ("to_y" in data) {
this._config.to_y = Math.min(Math.max(data.to_y, data.from_y), this._config.l);
} else {
this._config.to_y = 1;
}
if (this._plotAreaSelector) {
var ops = {};
this._fillSelectionOptions(ops);
this._plotAreaSelector.setOptions(ops);
this._plotAreaSelector.update();
}
}
this.render();
}; };
ScatterplotFacet.prototype.changePlot = function() { ScatterplotFacet.prototype.changePlot = function() {
this._elmts.plotBaseImg.attr("src", this._formulateBaseImageUrl()); this._elmts.plotBaseImg.attr("src", this._formulateBaseImageUrl());
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl()); this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl());
this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl()); this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl());
}; };
ScatterplotFacet.prototype.render = function() { ScatterplotFacet.prototype.render = function() {
if (!this._initializedUI) { if (!this._initializedUI) {
this._initializeUI(); this._initializeUI();
this._initializedUI = true; this._initializedUI = true;
} }
if (this._error) { if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show(); this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.plotDiv.hide(); this._elmts.plotDiv.hide();
this._elmts.statusDiv.hide(); this._elmts.statusDiv.hide();
return; return;
} }
this._elmts.messageDiv.hide(); this._elmts.messageDiv.hide();
this._elmts.plotDiv.show(); this._elmts.plotDiv.show();
this._elmts.statusDiv.show(); this._elmts.statusDiv.show();
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl()); this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl());
this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl()); this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl());
}; };
ScatterplotFacet.prototype._remove = function() { ScatterplotFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this); ui.browsingEngine.removeFacet(this);
this._div = null; this._div = null;
this._config = null; this._config = null;
}; };
ScatterplotFacet.prototype._updateRest = function() { ScatterplotFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true }); Refine.update({ engineChanged: true });
}; };

176
main/webapp/modules/core/scripts/facets/text-search-facet.js
View File

@ -7,13 +7,13 @@ Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are modification, are permitted provided that the following conditions are
met: met:
* Redistributions of source code must retain the above copyright * Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer. notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above * Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the in the documentation and/or other materials provided with the
distribution. distribution.
* Neither the name of Google Inc. nor the names of its * Neither the name of Google Inc. nor the names of its
contributors may be used to endorse or promote products derived from contributors may be used to endorse or promote products derived from
this software without specific prior written permission. this software without specific prior written permission.
@ -29,139 +29,139 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/ */
function TextSearchFacet(div, config, options) { function TextSearchFacet(div, config, options) {
this._div = div; this._div = div;
this._config = config; this._config = config;
this._options = options; this._options = options;
this._query = config.query || null; this._query = config.query || null;
this._timerID = null; this._timerID = null;
this._initializeUI(); this._initializeUI();
} }
TextSearchFacet.reconstruct = function(div, uiState) { TextSearchFacet.reconstruct = function(div, uiState) {
return new TextSearchFacet(div, uiState.c, uiState.o); return new TextSearchFacet(div, uiState.c, uiState.o);
}; };
TextSearchFacet.prototype.dispose = function() { TextSearchFacet.prototype.dispose = function() {
}; };
TextSearchFacet.prototype.reset = function() { TextSearchFacet.prototype.reset = function() {
this._query = null; this._query = null;
this._div.find(".input-container input").each(function() { this.value = ""; }); this._div.find(".input-container input").each(function() { this.value = ""; });
}; };
TextSearchFacet.prototype.getUIState = function() { TextSearchFacet.prototype.getUIState = function() {
var json = { var json = {
c: this.getJSON(), c: this.getJSON(),
o: this._options o: this._options
}; };
return json; return json;
}; };
TextSearchFacet.prototype.getJSON = function() { TextSearchFacet.prototype.getJSON = function() {
var o = { var o = {
type: "text", type: "text",
name: this._config.name, name: this._config.name,
columnName: this._config.columnName, columnName: this._config.columnName,
mode: this._config.mode, mode: this._config.mode,
caseSensitive: this._config.caseSensitive, caseSensitive: this._config.caseSensitive,
query: this._query query: this._query
}; };
return o; return o;
}; };
TextSearchFacet.prototype.hasSelection = function() { TextSearchFacet.prototype.hasSelection = function() {
return this._query !== null; return this._query !== null;
}; };
TextSearchFacet.prototype._initializeUI = function() { TextSearchFacet.prototype._initializeUI = function() {
var self = this; var self = this;
this._div.empty().show().html( this._div.empty().show().html(
'<div class="facet-title">' + '<div class="facet-title">' +
'<div class="grid-layout layout-tightest layout-full"><table><tr>' + '<div class="grid-layout layout-tightest layout-full"><table><tr>' +
'<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' + '<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' +
'<td>' + '<td>' +
'<span>' + this._config.name + '</span>' + '<span>' + this._config.name + '</span>' +
'</td>' + '</td>' +
'</tr></table></div>' + '</tr></table></div>' +
'</div>' + '</div>' +
'<div class="facet-text-body"><div class="grid-layout layout-tightest layout-full"><table>' + '<div class="facet-text-body"><div class="grid-layout layout-tightest layout-full"><table>' +
'<tr><td colspan="4"><div class="input-container"><input bind="input" /></div></td></tr>' + '<tr><td colspan="4"><div class="input-container"><input bind="input" /></div></td></tr>' +
'<tr>' + '<tr>' +
'<td width="1%"><input type="checkbox" bind="caseSensitiveCheckbox" /></td><td>case sensitive</td>' + '<td width="1%"><input type="checkbox" bind="caseSensitiveCheckbox" /></td><td>case sensitive</td>' +
'<td width="1%"><input type="checkbox" bind="regexCheckbox" /></td><td>regular expression</td>' + '<td width="1%"><input type="checkbox" bind="regexCheckbox" /></td><td>regular expression</td>' +
'</tr>' + '</tr>' +
'</table></div></div>' '</table></div></div>'
); );
var elmts = DOM.bind(this._div); var elmts = DOM.bind(this._div);
if (this._config.caseSensitive) { if (this._config.caseSensitive) {
elmts.caseSensitiveCheckbox.attr("checked", "true"); elmts.caseSensitiveCheckbox.attr("checked", "true");
}
if (this._config.mode == "regex") {
elmts.regexCheckbox.attr("checked", "true");
}
elmts.removeButton.click(function() { self._remove(); });
elmts.caseSensitiveCheckbox.bind("change", function() {
self._config.caseSensitive = this.checked;
if (self._query !== null && self._query.length > 0) {
self._scheduleUpdate();
} }
if (this._config.mode == "regex") { });
elmts.regexCheckbox.attr("checked", "true"); elmts.regexCheckbox.bind("change", function() {
self._config.mode = this.checked ? "regex" : "text";
if (self._query !== null && self._query.length > 0) {
self._scheduleUpdate();
} }
});
elmts.removeButton.click(function() { self._remove(); }); if (this._query) {
elmts.input[0].value = this._query;
elmts.caseSensitiveCheckbox.bind("change", function() { }
self._config.caseSensitive = this.checked; elmts.input.keyup(function(evt) {
if (self._query !== null && self._query.length > 0) { self._query = this.value;
self._scheduleUpdate(); self._scheduleUpdate();
} }).focus();
});
elmts.regexCheckbox.bind("change", function() {
self._config.mode = this.checked ? "regex" : "text";
if (self._query !== null && self._query.length > 0) {
self._scheduleUpdate();
}
});
if (this._query) {
elmts.input[0].value = this._query;
}
elmts.input.keyup(function(evt) {
self._query = this.value;
self._scheduleUpdate();
}).focus();
}; };
TextSearchFacet.prototype.updateState = function(data) { TextSearchFacet.prototype.updateState = function(data) {
}; };
TextSearchFacet.prototype.render = function() { TextSearchFacet.prototype.render = function() {
this._setRangeIndicators(); this._setRangeIndicators();
}; };
TextSearchFacet.prototype._reset = function() { TextSearchFacet.prototype._reset = function() {
this._query = null; this._query = null;
this._updateRest(); this._updateRest();
}; };
TextSearchFacet.prototype._remove = function() { TextSearchFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this); ui.browsingEngine.removeFacet(this);
this._div = null; this._div = null;
this._config = null; this._config = null;
this._options = null; this._options = null;
}; };
TextSearchFacet.prototype._scheduleUpdate = function() { TextSearchFacet.prototype._scheduleUpdate = function() {
if (!this._timerID) { if (!this._timerID) {
var self = this; var self = this;
this._timerID = window.setTimeout(function() { this._timerID = window.setTimeout(function() {
self._timerID = null; self._timerID = null;
self._updateRest(); self._updateRest();
}, 500); }, 500);
} }
}; };
TextSearchFacet.prototype._updateRest = function() { TextSearchFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true }); Refine.update({ engineChanged: true });
}; };

598
main/webapp/modules/core/scripts/facets/timerange-facet.js
View File

@ -7,13 +7,13 @@ Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are modification, are permitted provided that the following conditions are
met: met:
* Redistributions of source code must retain the above copyright * Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer. notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above * Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the in the documentation and/or other materials provided with the
distribution. distribution.
* Neither the name of Google Inc. nor the names of its * Neither the name of Google Inc. nor the names of its
contributors may be used to endorse or promote products derived from contributors may be used to endorse or promote products derived from
this software without specific prior written permission. this software without specific prior written permission.
@ -29,401 +29,401 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/ */
function TimeRangeFacet(div, config, options) { function TimeRangeFacet(div, config, options) {
this._div = div; this._div = div;
this._config = config; this._config = config;
this._options = options; this._options = options;
this._from = ("from" in this._config) ? this._config.from : null; this._from = ("from" in this._config) ? this._config.from : null;
this._to = ("to" in this._config) ? this._config.to : null; this._to = ("to" in this._config) ? this._config.to : null;
this._step = ("step" in this._config) ? this._config.step : null; this._step = ("step" in this._config) ? this._config.step : null;
this._selectTime = ("selectTime" in this._config) ? this._config.selectTime : true; this._selectTime = ("selectTime" in this._config) ? this._config.selectTime : true;
this._selectNonTime = ("selectNonTime" in this._config) ? this._config.selectNonTime : true; this._selectNonTime = ("selectNonTime" in this._config) ? this._config.selectNonTime : true;
this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true; this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true;
this._selectError = ("selectError" in this._config) ? this._config.selectError : true; this._selectError = ("selectError" in this._config) ? this._config.selectError : true;
this._baseTimeCount = 0; this._baseTimeCount = 0;
this._baseNonTimeCount = 0; this._baseNonTimeCount = 0;
this._baseBlankCount = 0; this._baseBlankCount = 0;
this._baseErrorCount = 0; this._baseErrorCount = 0;
this._timeCount = 0; this._timeCount = 0;
this._nonTimeCount = 0; this._nonTimeCount = 0;
this._blankCount = 0; this._blankCount = 0;
this._errorCount = 0; this._errorCount = 0;
this._error = false; this._error = false;
this._initializedUI = false; this._initializedUI = false;
} }
TimeRangeFacet.prototype.reset = function() { TimeRangeFacet.prototype.reset = function() {
this._from = this._config.min; this._from = this._config.min;
this._to = this._config.max; this._to = this._config.max;
this._sliderWidget.update( this._sliderWidget.update(
this._config.min, this._config.min,
this._config.max, this._config.max,
this._config.step, this._config.step,
this._from, this._from,
this._to this._to
); );
this._selectTime = true; this._selectTime = true;
this._selectNonTime = true; this._selectNonTime = true;
this._selectBlank = true; this._selectBlank = true;
this._selectError = true; this._selectError = true;
this._setRangeIndicators(); this._setRangeIndicators();
}; };
TimeRangeFacet.reconstruct = function(div, uiState) { TimeRangeFacet.reconstruct = function(div, uiState) {
return new TimeRangeFacet(div, uiState.c, uiState.o); return new TimeRangeFacet(div, uiState.c, uiState.o);
}; };
TimeRangeFacet.prototype.dispose = function() { TimeRangeFacet.prototype.dispose = function() {
}; };
TimeRangeFacet.prototype.getUIState = function() { TimeRangeFacet.prototype.getUIState = function() {
var json = { var json = {
c: this.getJSON(), c: this.getJSON(),
o: this._options o: this._options
}; };
return json; return json;
}; };
TimeRangeFacet.prototype.getJSON = function() { TimeRangeFacet.prototype.getJSON = function() {
var o = { var o = {
type: "timerange", type: "timerange",
name: this._config.name, name: this._config.name,
expression: this._config.expression, expression: this._config.expression,
columnName: this._config.columnName, columnName: this._config.columnName,
selectTime: this._selectTime, selectTime: this._selectTime,
selectNonTime: this._selectNonTime, selectNonTime: this._selectNonTime,
selectBlank: this._selectBlank, selectBlank: this._selectBlank,
selectError: this._selectError selectError: this._selectError
}; };
if (this._from !== null) { if (this._from !== null) {
o.from = this._from; o.from = this._from;
} }
if (this._to !== null) { if (this._to !== null) {
o.to = this._to; o.to = this._to;
} }
return o; return o;
}; };
TimeRangeFacet.prototype.hasSelection = function() { TimeRangeFacet.prototype.hasSelection = function() {
if (!this._selectTime || !this._selectNonTime || !this._selectBlank || !this._selectError) { if (!this._selectTime || !this._selectNonTime || !this._selectBlank || !this._selectError) {
return true; return true;
} }
return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) || return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) ||
(this._to !== null && (!this._initializedUI || this._to < this._config.max)); (this._to !== null && (!this._initializedUI || this._to < this._config.max));
}; };
TimeRangeFacet.prototype._initializeUI = function() { TimeRangeFacet.prototype._initializeUI = function() {
var self = this; var self = this;
this._div this._div
.empty() .empty()
.show() .show()
.html( .html(
'<div class="facet-title" bind="headerDiv">' + '<div class="facet-title" bind="headerDiv">' +
'<div class="grid-layout layout-tightest layout-full"><table><tr>' + '<div class="grid-layout layout-tightest layout-full"><table><tr>' +
'<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' + '<td width="1%"><a href="javascript:{}" title="Remove this facet" class="facet-title-remove" bind="removeButton">&nbsp;</a></td>' +
'<td>' + '<td>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' + '<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' + '<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' +
'<span bind="facetTitle"></span>' + '<span bind="facetTitle"></span>' +
'</td>' + '</td>' +
'</tr></table></div>' + '</tr></table></div>' +
'</div>' + '</div>' +
'<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' + '<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' +
'<div class="facet-range-body">' + '<div class="facet-range-body">' +
'<div class="facet-range-message" bind="messageDiv">Loading...</div>' + '<div class="facet-range-message" bind="messageDiv">Loading...</div>' +
'<div class="facet-range-slider" bind="sliderWidgetDiv">' + '<div class="facet-range-slider" bind="sliderWidgetDiv">' +
'<div class="facet-range-histogram" bind="histogramDiv"></div>' + '<div class="facet-range-histogram" bind="histogramDiv"></div>' +
'</div>' + '</div>' +
'<div class="facet-range-status" bind="statusDiv"></div>' + '<div class="facet-range-status" bind="statusDiv"></div>' +
'<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' + '<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' +
'</div>' '</div>'
); );
this._elmts = DOM.bind(this._div); this._elmts = DOM.bind(this._div);
this._elmts.facetTitle.text(this._config.name); this._elmts.facetTitle.text(this._config.name);
this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() { this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() {
self._elmts.expressionDiv.slideToggle(100, function() { self._elmts.expressionDiv.slideToggle(100, function() {
if (self._elmts.expressionDiv.css("display") != "none") { if (self._elmts.expressionDiv.css("display") != "none") {
self._editExpression();
}
});
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression(); self._editExpression();
}).hide(); }
this._elmts.resetButton.click(function() {
self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
}); });
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression();
}).hide();
this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#ccccff", "#6666ff" ] }); this._elmts.resetButton.click(function() {
this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv); self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
});
this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) { this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#ccccff", "#6666ff" ] });
self._from = data.from; this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv);
self._to = data.to;
self._setRangeIndicators(); this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) {
}).bind("stop", function(evt, data) { self._from = data.from;
self._from = data.from; self._to = data.to;
self._to = data.to; self._setRangeIndicators();
self._selectTime = true; }).bind("stop", function(evt, data) {
self._updateRest(); self._from = data.from;
}); self._to = data.to;
self._selectTime = true;
self._updateRest();
});
}; };
TimeRangeFacet.prototype._renderOtherChoices = function() { TimeRangeFacet.prototype._renderOtherChoices = function() {
var self = this; var self = this;
var container = this._elmts.otherChoicesDiv.empty(); var container = this._elmts.otherChoicesDiv.empty();
if (this._baseNonTimeCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) { if (this._baseNonTimeCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) {
return; return;
} }
var facet_id = this._div.attr("id"); var facet_id = this._div.attr("id");
var choices = $('<div>').addClass("facet-range-choices"); var choices = $('<div>').addClass("facet-range-choices");
// ----------------- time ----------------- // ----------------- time -----------------
var timeDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var timeDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var timeCheck = $('<input type="checkbox" />').attr("id",facet_id + "-time").appendTo(timeDiv).change(function() { var timeCheck = $('<input type="checkbox" />').attr("id",facet_id + "-time").appendTo(timeDiv).change(function() {
self._selectTime = !self._selectTime; self._selectTime = !self._selectTime;
self._updateRest(); self._updateRest();
}); });
if (this._selectTime) timeCheck.attr("checked","checked"); if (this._selectTime) timeCheck.attr("checked","checked");
var timeLabel = $('<label>').attr("for", facet_id + "-time").appendTo(timeDiv); var timeLabel = $('<label>').attr("for", facet_id + "-time").appendTo(timeDiv);
$('<span>').text("Time ").addClass("facet-range-choice-label").appendTo(timeLabel); $('<span>').text("Time ").addClass("facet-range-choice-label").appendTo(timeLabel);
$('<div>').text(this._timeCount).addClass("facet-range-choice-count").appendTo(timeLabel); $('<div>').text(this._timeCount).addClass("facet-range-choice-count").appendTo(timeLabel);
// ----------------- non-Time ----------------- // ----------------- non-Time -----------------
var nonTimeDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var nonTimeDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var nonTimeCheck = $('<input type="checkbox" />').attr("id",facet_id + "-non-time").appendTo(nonTimeDiv).change(function() { var nonTimeCheck = $('<input type="checkbox" />').attr("id",facet_id + "-non-time").appendTo(nonTimeDiv).change(function() {
self._selectNonTime = !self._selectNonTime; self._selectNonTime = !self._selectNonTime;
self._updateRest(); self._updateRest();
}); });
if (this._selectNonTime) nonTimeCheck.attr("checked","checked"); if (this._selectNonTime) nonTimeCheck.attr("checked","checked");
var nonTimeLabel = $('<label>').attr("for", facet_id + "-non-time").appendTo(nonTimeDiv); var nonTimeLabel = $('<label>').attr("for", facet_id + "-non-time").appendTo(nonTimeDiv);
$('<span>').text("Non-Time ").addClass("facet-range-choice-label").appendTo(nonTimeLabel); $('<span>').text("Non-Time ").addClass("facet-range-choice-label").appendTo(nonTimeLabel);
$('<div>').text(this._nonTimeCount).addClass("facet-range-choice-count").appendTo(nonTimeLabel); $('<div>').text(this._nonTimeCount).addClass("facet-range-choice-count").appendTo(nonTimeLabel);
if (this._baseNonTimeCount === 0) nonTimeCheck.removeAttr("checked"); if (this._baseNonTimeCount === 0) nonTimeCheck.removeAttr("checked");
// ----------------- blank ----------------- // ----------------- blank -----------------
var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() { var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() {
self._selectBlank = !self._selectBlank; self._selectBlank = !self._selectBlank;
self._updateRest(); self._updateRest();
}); });
if (this._selectBlank) blankCheck.attr("checked","checked"); if (this._selectBlank) blankCheck.attr("checked","checked");
var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv); var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv);
$('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel); $('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel);
$('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel); $('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel);
if (this._baseBlankCount === 0) blankCheck.removeAttr("checked"); if (this._baseBlankCount === 0) blankCheck.removeAttr("checked");
// ----------------- error ----------------- // ----------------- error -----------------
var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices); var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() { var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() {
self._selectError = !self._selectError; self._selectError = !self._selectError;
self._updateRest(); self._updateRest();
}); });
if (this._selectError) errorCheck.attr("checked","checked"); if (this._selectError) errorCheck.attr("checked","checked");
var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv); var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv);
$('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel); $('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel);
$('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel); $('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel);
if (this._baseErrorCount === 0) errorCheck.removeAttr("checked"); if (this._baseErrorCount === 0) errorCheck.removeAttr("checked");
// -------------------------- // --------------------------
choices.appendTo(container); choices.appendTo(container);
}; };
TimeRangeFacet.prototype.steps = [ TimeRangeFacet.prototype.steps = [
1, // msec 1, // msec
1000, // sec 1000, // sec
1000*60, // min 1000*60, // min
1000*60*60, // hour 1000*60*60, // hour
1000*60*60*24, // day 1000*60*60*24, // day
1000*60*60*24*7, // week 1000*60*60*24*7, // week
1000*2629746, // month (average Gregorian year / 12) 1000*2629746, // month (average Gregorian year / 12)
1000*31556952, // year (average Gregorian year) 1000*31556952, // year (average Gregorian year)
1000*31556952*10, // decade 1000*31556952*10, // decade
1000*31556952*100, // century 1000*31556952*100, // century
1000*31556952*1000, // millennium 1000*31556952*1000, // millennium
]; ];
TimeRangeFacet.prototype._setRangeIndicators = function() { TimeRangeFacet.prototype._setRangeIndicators = function() {
var fromDate = new Date(this._from); var fromDate = new Date(this._from);
var toDate = new Date(this._to); var toDate = new Date(this._to);
if (this._step > 2629746000) { // > month if (this._step > 2629746000) { // > month
var format = "yyyy"; var format = "yyyy";
this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format)); this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format));
} else if (this.step > 3600000) { // > hour } else if (this.step > 3600000) { // > hour
var format = "yyyy-MM-dd"; var format = "yyyy-MM-dd";
this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format)); this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format));
} else { } else {
var format = "HH:mm:ss"; var format = "HH:mm:ss";
this._elmts.statusDiv.html("<b style='margin-right: 4em'>" + fromDate.toString("yyyy-MM-dd") + "</b> " + fromDate.toString(format) + " &mdash; " + toDate.toString(format)); this._elmts.statusDiv.html("<b style='margin-right: 4em'>" + fromDate.toString("yyyy-MM-dd") + "</b> " + fromDate.toString(format) + " &mdash; " + toDate.toString(format));
} }
}; };
TimeRangeFacet.prototype._addCommas = function(nStr) { TimeRangeFacet.prototype._addCommas = function(nStr) {
nStr += ''; nStr += '';
x = nStr.split('.'); x = nStr.split('.');
x1 = x[0]; x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : ''; x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/; var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) { while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2'); x1 = x1.replace(rgx, '$1' + ',' + '$2');
} }
return x1 + x2; return x1 + x2;
}; };
TimeRangeFacet.prototype.updateState = function(data) { TimeRangeFacet.prototype.updateState = function(data) {
if ("min" in data && "max" in data) { if ("min" in data && "max" in data) {
this._error = false; this._error = false;
this._config.min = data.min; this._config.min = data.min;
this._config.max = data.max; this._config.max = data.max;
this._config.step = data.step; this._config.step = data.step;
this._baseBins = data.baseBins; this._baseBins = data.baseBins;
this._bins = data.bins; this._bins = data.bins;
switch (this._config.mode) { switch (this._config.mode) {
case "min": case "min":
this._from = Math.max(data.from, this._config.min); this._from = Math.max(data.from, this._config.min);
break; break;
case "max": case "max":
this._to = Math.min(data.to, this._config.max); this._to = Math.min(data.to, this._config.max);
break; break;
default: default:
this._from = Math.max(data.from, this._config.min); this._from = Math.max(data.from, this._config.min);
if ("to" in data) { if ("to" in data) {
this._to = Math.min(data.to, this._config.max); this._to = Math.min(data.to, this._config.max);
} else {
this._to = data.max;
}
}
this._baseTimeCount = data.baseTimeCount;
this._baseNonTimeCount = data.baseNonTimeCount;
this._baseBlankCount = data.baseBlankCount;
this._baseErrorCount = data.baseErrorCount;
this._timeCount = data.timeCount;
this._nonTimeCount = data.nonTimeCount;
this._blankCount = data.blankCount;
this._errorCount = data.errorCount;
} else { } else {
this._error = true; this._to = data.max;
this._errorMessage = "error" in data ? data.error : "Unknown error."; }
} }
this.render(); this._baseTimeCount = data.baseTimeCount;
this._baseNonTimeCount = data.baseNonTimeCount;
this._baseBlankCount = data.baseBlankCount;
this._baseErrorCount = data.baseErrorCount;
this._timeCount = data.timeCount;
this._nonTimeCount = data.nonTimeCount;
this._blankCount = data.blankCount;
this._errorCount = data.errorCount;
} else {
this._error = true;
this._errorMessage = "error" in data ? data.error : "Unknown error.";
}
this.render();
}; };
TimeRangeFacet.prototype.render = function() { TimeRangeFacet.prototype.render = function() {
if (!this._initializedUI) { if (!this._initializedUI) {
this._initializeUI(); this._initializeUI();
this._initializedUI = true; this._initializedUI = true;
} }
if (this._error) { if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show(); this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.sliderWidgetDiv.hide(); this._elmts.sliderWidgetDiv.hide();
this._elmts.histogramDiv.hide(); this._elmts.histogramDiv.hide();
this._elmts.statusDiv.hide(); this._elmts.statusDiv.hide();
this._elmts.otherChoicesDiv.hide(); this._elmts.otherChoicesDiv.hide();
return; return;
} }
this._elmts.messageDiv.hide(); this._elmts.messageDiv.hide();
this._elmts.sliderWidgetDiv.show(); this._elmts.sliderWidgetDiv.show();
this._elmts.histogramDiv.show(); this._elmts.histogramDiv.show();
this._elmts.statusDiv.show(); this._elmts.statusDiv.show();
this._elmts.otherChoicesDiv.show(); this._elmts.otherChoicesDiv.show();
this._sliderWidget.update( this._sliderWidget.update(
this._config.min, this._config.min,
this._config.max, this._config.max,
this._config.step, this._config.step,
this._from, this._from,
this._to this._to
); );
this._histogram.update( this._histogram.update(
this._config.min, this._config.min,
this._config.max, this._config.max,
this._config.step, this._config.step,
[ this._baseBins, this._bins ] [ this._baseBins, this._bins ]
); );
this._setRangeIndicators(); this._setRangeIndicators();
this._renderOtherChoices(); this._renderOtherChoices();
}; };
TimeRangeFacet.prototype._remove = function() { TimeRangeFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this); ui.browsingEngine.removeFacet(this);
this._div = null; this._div = null;
this._config = null; this._config = null;
this._data = null; this._data = null;
}; };
TimeRangeFacet.prototype._updateRest = function() { TimeRangeFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true }); Refine.update({ engineChanged: true });
}; };
TimeRangeFacet.prototype._editExpression = function() { TimeRangeFacet.prototype._editExpression = function() {
var self = this; var self = this;
var title = (this._config.columnName) ? var title = (this._config.columnName) ?
("Edit Facet's Expression based on Column " + this._config.columnName) : ("Edit Facet's Expression based on Column " + this._config.columnName) :
"Edit Facet's Expression"; "Edit Facet's Expression";
var column = Refine.columnNameToColumn(this._config.columnName); var column = Refine.columnNameToColumn(this._config.columnName);
var o = DataTableView.sampleVisibleRows(column); var o = DataTableView.sampleVisibleRows(column);
new ExpressionPreviewDialog( new ExpressionPreviewDialog(
title, title,
column ? column.cellIndex : -1, column ? column.cellIndex : -1,
o.rowIndices, o.rowIndices,
o.values, o.values,
this._config.expression, this._config.expression,
function(expr) { function(expr) {
if (expr != self._config.expression) { if (expr != self._config.expression) {
self._config.expression = expr; self._config.expression = expr;
self._elmts.expressionDiv.text(self._config.expression); self._elmts.expressionDiv.text(self._config.expression);
self.reset(); self.reset();
self._from = null; self._from = null;
self._to = null; self._to = null;
self._updateRest(); self._updateRest();
} }
} }
); );
}; };