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);
} else if (_choices.size() > getLimit()) {
writer.key("error"); writer.value("Too many choices");
writer.key("choiceCount"); writer.value(_choices.size());
} else {
writer.key("choices"); writer.array();
for (NominalFacetChoice choice : _choices) {

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

File diff suppressed because it is too large Load Diff

616
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
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.
* 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
in the documentation and/or other materials provided with the
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
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
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
*/
function RangeFacet(div, config, options) {
this._div = div;
this._config = config;
this._options = options;
this._from = ("from" in this._config) ? this._config.from : null;
this._to = ("to" in this._config) ? this._config.to : null;
this._selectNumeric = ("selectNumeric" in this._config) ? this._config.selectNumeric : true;
this._selectNonNumeric = ("selectNonNumeric" in this._config) ? this._config.selectNonNumeric : true;
this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true;
this._selectError = ("selectError" in this._config) ? this._config.selectError : true;
this._baseNumericCount = 0;
this._baseNonNumericCount = 0;
this._baseBlankCount = 0;
this._baseErrorCount = 0;
this._numericCount = 0;
this._nonNumericCount = 0;
this._blankCount = 0;
this._errorCount = 0;
this._error = false;
this._initializedUI = false;
this._div = div;
this._config = config;
this._options = options;
this._from = ("from" in this._config) ? this._config.from : null;
this._to = ("to" in this._config) ? this._config.to : null;
this._selectNumeric = ("selectNumeric" in this._config) ? this._config.selectNumeric : true;
this._selectNonNumeric = ("selectNonNumeric" in this._config) ? this._config.selectNonNumeric : true;
this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true;
this._selectError = ("selectError" in this._config) ? this._config.selectError : true;
this._baseNumericCount = 0;
this._baseNonNumericCount = 0;
this._baseBlankCount = 0;
this._baseErrorCount = 0;
this._numericCount = 0;
this._nonNumericCount = 0;
this._blankCount = 0;
this._errorCount = 0;
this._error = false;
this._initializedUI = false;
}
RangeFacet.prototype.reset = function() {
this._from = this._config.min;
this._to = this._config.max;
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._selectNumeric = true;
this._selectNonNumeric = true;
this._selectBlank = true;
this._selectError = true;
this._setRangeIndicators();
this._from = this._config.min;
this._to = this._config.max;
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._selectNumeric = true;
this._selectNonNumeric = true;
this._selectBlank = true;
this._selectError = true;
this._setRangeIndicators();
};
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.getUIState = function() {
var json = {
c: this.getJSON(),
o: this._options
};
return json;
var json = {
c: this.getJSON(),
o: this._options
};
return json;
};
RangeFacet.prototype.getJSON = function() {
var o = {
type: "range",
name: this._config.name,
expression: this._config.expression,
columnName: this._config.columnName,
selectNumeric: this._selectNumeric,
selectNonNumeric: this._selectNonNumeric,
selectBlank: this._selectBlank,
selectError: this._selectError
};
if (this._from !== null) {
o.from = this._from;
}
if (this._to !== null) {
o.to = this._to;
}
return o;
var o = {
type: "range",
name: this._config.name,
expression: this._config.expression,
columnName: this._config.columnName,
selectNumeric: this._selectNumeric,
selectNonNumeric: this._selectNonNumeric,
selectBlank: this._selectBlank,
selectError: this._selectError
};
if (this._from !== null) {
o.from = this._from;
}
if (this._to !== null) {
o.to = this._to;
}
return o;
};
RangeFacet.prototype.hasSelection = function() {
if (!this._selectNumeric || !this._selectNonNumeric || !this._selectBlank || !this._selectError) {
return true;
}
return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) ||
(this._to !== null && (!this._initializedUI || this._to < this._config.max));
if (!this._selectNumeric || !this._selectNonNumeric || !this._selectBlank || !this._selectError) {
return true;
}
return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) ||
(this._to !== null && (!this._initializedUI || this._to < this._config.max));
};
RangeFacet.prototype._initializeUI = function() {
var self = this;
this._div
.empty()
.show()
.html(
'<div class="facet-title" bind="headerDiv">' +
'<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>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' +
'<span bind="facetTitle"></span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' +
'<div class="facet-range-body">' +
'<div class="facet-range-message" bind="messageDiv">Loading...</div>' +
'<div class="facet-range-slider" bind="sliderWidgetDiv">' +
'<div class="facet-range-histogram" bind="histogramDiv"></div>' +
'</div>' +
'<div class="facet-range-status" bind="statusDiv"></div>' +
'<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' +
'</div>'
);
this._elmts = DOM.bind(this._div);
this._elmts.facetTitle.text(this._config.name);
this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() {
self._elmts.expressionDiv.slideToggle(100, function() {
if (self._elmts.expressionDiv.css("display") != "none") {
self._editExpression();
}
});
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression();
}).hide();
this._elmts.resetButton.click(function() {
self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
});
this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#bbccff", "#88aaee" ] });
this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv);
this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._setRangeIndicators();
}).bind("stop", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._selectNumeric = true;
self._updateRest();
var self = this;
this._div
.empty()
.show()
.html(
'<div class="facet-title" bind="headerDiv">' +
'<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>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' +
'<span bind="facetTitle"></span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' +
'<div class="facet-range-body">' +
'<div class="facet-range-message" bind="messageDiv">Loading...</div>' +
'<div class="facet-range-slider" bind="sliderWidgetDiv">' +
'<div class="facet-range-histogram" bind="histogramDiv"></div>' +
'</div>' +
'<div class="facet-range-status" bind="statusDiv"></div>' +
'<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' +
'</div>'
);
this._elmts = DOM.bind(this._div);
this._elmts.facetTitle.text(this._config.name);
this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() {
self._elmts.expressionDiv.slideToggle(100, function() {
if (self._elmts.expressionDiv.css("display") != "none") {
self._editExpression();
}
});
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression();
}).hide();
this._elmts.resetButton.click(function() {
self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
});
this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#bbccff", "#88aaee" ] });
this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv);
this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._setRangeIndicators();
}).bind("stop", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._selectNumeric = true;
self._updateRest();
});
};
RangeFacet.prototype._renderOtherChoices = function() {
var self = this;
var container = this._elmts.otherChoicesDiv.empty();
if (this._baseNonNumericCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) {
return;
}
var self = this;
var container = this._elmts.otherChoicesDiv.empty();
var facet_id = this._div.attr("id");
var choices = $('<div>').addClass("facet-range-choices");
if (this._baseNonNumericCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) {
return;
}
// ----------------- numeric -----------------
var numericDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var numericCheck = $('<input type="checkbox" />').attr("id",facet_id + "-numeric").appendTo(numericDiv).change(function() {
self._selectNumeric = !self._selectNumeric;
self._updateRest();
});
if (this._selectNumeric) numericCheck.attr("checked","checked");
var numericLabel = $('<label>').attr("for", facet_id + "-numeric").appendTo(numericDiv);
$('<span>').text("Numeric ").addClass("facet-range-choice-label").appendTo(numericLabel);
$('<div>').text(this._numericCount).addClass("facet-range-choice-count").appendTo(numericLabel);
var facet_id = this._div.attr("id");
// ----------------- non-numeric -----------------
var choices = $('<div>').addClass("facet-range-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() {
self._selectNonNumeric = !self._selectNonNumeric;
self._updateRest();
});
if (this._selectNonNumeric) nonNumericCheck.attr("checked","checked");
var nonNumericLabel = $('<label>').attr("for", facet_id + "-non-numeric").appendTo(nonNumericDiv);
$('<span>').text("Non-numeric ").addClass("facet-range-choice-label").appendTo(nonNumericLabel);
$('<div>').text(this._nonNumericCount).addClass("facet-range-choice-count").appendTo(nonNumericLabel);
// ----------------- numeric -----------------
if (this._baseNonNumericCount === 0) nonNumericCheck.removeAttr("checked");
// ----------------- blank -----------------
var numericDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var numericCheck = $('<input type="checkbox" />').attr("id",facet_id + "-numeric").appendTo(numericDiv).change(function() {
self._selectNumeric = !self._selectNumeric;
self._updateRest();
});
if (this._selectNumeric) numericCheck.attr("checked","checked");
var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() {
self._selectBlank = !self._selectBlank;
self._updateRest();
});
if (this._selectBlank) blankCheck.attr("checked","checked");
var numericLabel = $('<label>').attr("for", facet_id + "-numeric").appendTo(numericDiv);
$('<span>').text("Numeric ").addClass("facet-range-choice-label").appendTo(numericLabel);
$('<div>').text(this._numericCount).addClass("facet-range-choice-count").appendTo(numericLabel);
var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv);
$('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel);
$('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel);
// ----------------- non-numeric -----------------
if (this._baseBlankCount === 0) blankCheck.removeAttr("checked");
// ----------------- error -----------------
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() {
self._selectNonNumeric = !self._selectNonNumeric;
self._updateRest();
});
if (this._selectNonNumeric) nonNumericCheck.attr("checked","checked");
var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() {
self._selectError = !self._selectError;
self._updateRest();
});
if (this._selectError) errorCheck.attr("checked","checked");
var nonNumericLabel = $('<label>').attr("for", facet_id + "-non-numeric").appendTo(nonNumericDiv);
$('<span>').text("Non-numeric ").addClass("facet-range-choice-label").appendTo(nonNumericLabel);
$('<div>').text(this._nonNumericCount).addClass("facet-range-choice-count").appendTo(nonNumericLabel);
var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv);
$('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel);
$('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel);
if (this._baseNonNumericCount === 0) nonNumericCheck.removeAttr("checked");
if (this._baseErrorCount === 0) errorCheck.removeAttr("checked");
// ----------------- blank -----------------
// --------------------------
choices.appendTo(container);
var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() {
self._selectBlank = !self._selectBlank;
self._updateRest();
});
if (this._selectBlank) blankCheck.attr("checked","checked");
var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv);
$('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel);
$('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel);
if (this._baseBlankCount === 0) blankCheck.removeAttr("checked");
// ----------------- error -----------------
var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() {
self._selectError = !self._selectError;
self._updateRest();
});
if (this._selectError) errorCheck.attr("checked","checked");
var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv);
$('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel);
$('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel);
if (this._baseErrorCount === 0) errorCheck.removeAttr("checked");
// --------------------------
choices.appendTo(container);
};
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) {
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
};
RangeFacet.prototype.updateState = function(data) {
if ("min" in data && "max" in data) {
this._error = false;
this._config.min = data.min;
this._config.max = data.max;
this._config.step = data.step;
this._baseBins = data.baseBins;
this._bins = data.bins;
switch (this._config.mode) {
case "min":
this._from = Math.max(data.from, this._config.min);
break;
case "max":
this._to = Math.min(data.to, this._config.max);
break;
default:
this._from = Math.max(data.from, this._config.min);
if ("to" in data) {
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;
if ("min" in data && "max" in data) {
this._error = false;
this._numericCount = data.numericCount;
this._nonNumericCount = data.nonNumericCount;
this._blankCount = data.blankCount;
this._errorCount = data.errorCount;
this._config.min = data.min;
this._config.max = data.max;
this._config.step = data.step;
this._baseBins = data.baseBins;
this._bins = data.bins;
switch (this._config.mode) {
case "min":
this._from = Math.max(data.from, this._config.min);
break;
case "max":
this._to = Math.min(data.to, this._config.max);
break;
default:
this._from = Math.max(data.from, this._config.min);
if ("to" in data) {
this._to = Math.min(data.to, this._config.max);
} else {
this._error = true;
this._errorMessage = "error" in data ? data.error : "Unknown error.";
this._to = data.max;
}
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() {
if (!this._initializedUI) {
this._initializeUI();
this._initializedUI = true;
}
if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.sliderWidgetDiv.hide();
this._elmts.histogramDiv.hide();
this._elmts.statusDiv.hide();
this._elmts.otherChoicesDiv.hide();
return;
}
this._elmts.messageDiv.hide();
this._elmts.sliderWidgetDiv.show();
this._elmts.histogramDiv.show();
this._elmts.statusDiv.show();
this._elmts.otherChoicesDiv.show();
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._histogram.update(
this._config.min,
this._config.max,
this._config.step,
[ this._baseBins, this._bins ]
);
this._setRangeIndicators();
this._renderOtherChoices();
if (!this._initializedUI) {
this._initializeUI();
this._initializedUI = true;
}
if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.sliderWidgetDiv.hide();
this._elmts.histogramDiv.hide();
this._elmts.statusDiv.hide();
this._elmts.otherChoicesDiv.hide();
return;
}
this._elmts.messageDiv.hide();
this._elmts.sliderWidgetDiv.show();
this._elmts.histogramDiv.show();
this._elmts.statusDiv.show();
this._elmts.otherChoicesDiv.show();
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._histogram.update(
this._config.min,
this._config.max,
this._config.step,
[ this._baseBins, this._bins ]
);
this._setRangeIndicators();
this._renderOtherChoices();
};
RangeFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
this._data = null;
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
this._data = null;
};
RangeFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true });
Refine.update({ engineChanged: true });
};
RangeFacet.prototype._editExpression = function() {
var self = this;
var title = (this._config.columnName) ?
("Edit Facet's Expression based on Column " + this._config.columnName) :
"Edit Facet's Expression";
var column = Refine.columnNameToColumn(this._config.columnName);
var o = DataTableView.sampleVisibleRows(column);
new ExpressionPreviewDialog(
title,
column ? column.cellIndex : -1,
o.rowIndices,
o.values,
this._config.expression,
function(expr) {
var self = this;
var title = (this._config.columnName) ?
("Edit Facet's Expression based on Column " + this._config.columnName) :
"Edit Facet's Expression";
var column = Refine.columnNameToColumn(this._config.columnName);
var o = DataTableView.sampleVisibleRows(column);
new ExpressionPreviewDialog(
title,
column ? column.cellIndex : -1,
o.rowIndices,
o.values,
this._config.expression,
function(expr) {
if (expr != self._config.expression) {
self._config.expression = expr;
self._elmts.expressionDiv.text(self._config.expression);
self.reset();
self._from = null;
self._to = null;
self._updateRest();
self._config.expression = expr;
self._elmts.expressionDiv.text(self._config.expression);
self.reset();
self._from = null;
self._to = null;
self._updateRest();
}
}
);
}
);
};

516
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
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.
* 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
in the documentation and/or other materials provided with the
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
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
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
*/
function ScatterplotFacet(div, config, options) {
this._div = div;
this._config = config;
this._options = options;
this._error = false;
this._initializedUI = false;
this._div = div;
this._config = config;
this._options = options;
this._error = false;
this._initializedUI = false;
}
ScatterplotFacet.prototype.update = function() {
this._plotAreaSelector.update();
this._plotAreaSelector.update();
};
ScatterplotFacet.prototype.reset = function() {
delete this._config.from_x;
delete this._config.from_y;
delete this._config.to_x;
delete this._config.to_y;
this._plotAreaSelector.setOptions({ hide : true });
this._plotAreaSelector.update();
delete this._config.from_x;
delete this._config.from_y;
delete this._config.to_x;
delete this._config.to_y;
this._plotAreaSelector.setOptions({ hide : true });
this._plotAreaSelector.update();
};
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() {
this._elmts.plotImg.imgAreaSelect({ hide : true });
this._elmts.plotImg.imgAreaSelect({ hide : true });
};
ScatterplotFacet.prototype.getUIState = function() {
var json = {
c: this.getJSON(),
o: this._options
};
return json;
var json = {
c: this.getJSON(),
o: this._options
};
return json;
};
ScatterplotFacet.prototype.getJSON = function() {
this._config.type = "scatterplot";
var dot = this._config.dot;
if (typeof dot == 'number') this._config.dot.toFixed(2);
return this._config;
this._config.type = "scatterplot";
var dot = this._config.dot;
if (typeof dot == 'number') this._config.dot.toFixed(2);
return this._config;
};
ScatterplotFacet.prototype.hasSelection = function() {
return ("from_x" in this._config && this._config.from_x !== 0) ||
("from_y" in this._config && this._config.from_y !== 0) ||
("to_x" in this._config && this._config.to_x !== 1) ||
("to_y" in this._config && this._config.to_y !== 1);
return ("from_x" in this._config && this._config.from_x !== 0) ||
("from_y" in this._config && this._config.from_y !== 0) ||
("to_x" in this._config && this._config.to_x !== 1) ||
("to_y" in this._config && this._config.to_y !== 1);
};
ScatterplotFacet.prototype._initializeUI = function() {
var self = this;
var container = this._div.empty().show();
var facet_id = container.attr("id");
this._div.empty().show().html(
'<div class="facet-title">' +
'<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>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<span bind="titleSpan"></span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<div class="facet-scatterplot-body" bind="bodyDiv">' +
'<div class="facet-scatterplot-message" bind="messageDiv">Loading...</div>' +
'<table width="100%"><tr>' +
'<td>' +
'<div class="facet-scatterplot-plot-container">' +
'<div class="facet-scatterplot-plot" bind="plotDiv">' +
'<img class="facet-scatterplot-image" bind="plotBaseImg" />' +
'<img class="facet-scatterplot-image" bind="plotImg" />' +
'</div>' +
'</div>' +
'</td>' +
'<td class="facet-scatterplot-selectors-container" width="100%">' +
'<div class="scatterplot-selectors" bind="selectors">' +
'<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-log" name="' + facet_id + '-dim" value="log"/><label class="dim-log-label" for="' + facet_id + '-dim-log" title="Logarithmic Plot">log</label>' +
'</div>' +
'<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-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>' +
'</div>' +
'<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-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>' +
'</div>' +
'<div class="scatterplot-export-plot"><a bind="exportPlotLink" class="action" target="_blank">export plot</a></div>' +
'</div>' +
'</td>' +
'</tr></table>' +
'<div class="facet-scatterplot-status" bind="statusDiv"></div>' +
'</div>'
);
this._elmts = DOM.bind(this._div);
this._elmts.titleSpan.text(this._config.name);
this._elmts.removeButton.click(function() { self._remove(); });
this._elmts.resetButton.click(function() {
self.reset();
var self = this;
var container = this._div.empty().show();
var facet_id = container.attr("id");
this._div.empty().show().html(
'<div class="facet-title">' +
'<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>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<span bind="titleSpan"></span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<div class="facet-scatterplot-body" bind="bodyDiv">' +
'<div class="facet-scatterplot-message" bind="messageDiv">Loading...</div>' +
'<table width="100%"><tr>' +
'<td>' +
'<div class="facet-scatterplot-plot-container">' +
'<div class="facet-scatterplot-plot" bind="plotDiv">' +
'<img class="facet-scatterplot-image" bind="plotBaseImg" />' +
'<img class="facet-scatterplot-image" bind="plotImg" />' +
'</div>' +
'</div>' +
'</td>' +
'<td class="facet-scatterplot-selectors-container" width="100%">' +
'<div class="scatterplot-selectors" bind="selectors">' +
'<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-log" name="' + facet_id + '-dim" value="log"/><label class="dim-log-label" for="' + facet_id + '-dim-log" title="Logarithmic Plot">log</label>' +
'</div>' +
'<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-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>' +
'</div>' +
'<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-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>' +
'</div>' +
'<div class="scatterplot-export-plot"><a bind="exportPlotLink" class="action" target="_blank">export plot</a></div>' +
'</div>' +
'</td>' +
'</tr></table>' +
'<div class="facet-scatterplot-status" bind="statusDiv"></div>' +
'</div>'
);
this._elmts = DOM.bind(this._div);
this._elmts.titleSpan.text(this._config.name);
this._elmts.removeButton.click(function() { self._remove(); });
this._elmts.resetButton.click(function() {
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();
});
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();
}
};
}
};
this._fillSelectionOptions(ops);
this._plotAreaSelector = this._elmts.plotImg.imgAreaSelect(ops);
if (this._config.dim_x == 'lin' && this._config.dim_y == 'lin') {
this._elmts.selectors.find("#" + facet_id + "-dim-lin").attr('checked','checked');
} else if (this._config.dim_x == 'log' && this._config.dim_y == 'log') {
this._elmts.selectors.find("#" + facet_id + "-dim-log").attr('checked','checked');
}
this._fillSelectionOptions(ops);
this._plotAreaSelector = this._elmts.plotImg.imgAreaSelect(ops);
if (this._config.r == 'cw') {
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');
if (this._config.dim_x == 'lin' && this._config.dim_y == 'lin') {
this._elmts.selectors.find("#" + facet_id + "-dim-lin").attr('checked','checked');
} else if (this._config.dim_x == 'log' && this._config.dim_y == 'log') {
this._elmts.selectors.find("#" + facet_id + "-dim-log").attr('checked','checked');
}
if (this._config.r == 'cw') {
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.dot >= 1.2) {
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 {
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("#" + 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();
this._elmts.selectors.find(".buttonset").buttonset();
};
ScatterplotFacet.prototype._fillSelectionOptions = function(ops) {
if (this.hasSelection()) {
ops.x1 = this._config.l * this._config.from_x;
ops.x2 = this._config.l * this._config.to_x;
ops.y1 = this._config.l - (this._config.l * this._config.to_y);
ops.y2 = this._config.l - (this._config.l * this._config.from_y);
} else {
ops.x1 = ops.y1 = 0;
ops.x2 = ops.y2 = this._config.l;
ops.hide = true;
}
if (this.hasSelection()) {
ops.x1 = this._config.l * this._config.from_x;
ops.x2 = this._config.l * this._config.to_x;
ops.y1 = this._config.l - (this._config.l * this._config.to_y);
ops.y2 = this._config.l - (this._config.l * this._config.from_y);
} else {
ops.x1 = ops.y1 = 0;
ops.x2 = ops.y2 = this._config.l;
ops.hide = true;
}
};
ScatterplotFacet.prototype._putSelectionOptions = function(selection) {
if (selection.height === 0 || selection.width === 0) {
this.reset();
} else {
this._config.from_x = selection.x1 / 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.to_y = (this._config.l - selection.y1) / this._config.l;
}
if (selection.height === 0 || selection.width === 0) {
this.reset();
} else {
this._config.from_x = selection.x1 / 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.to_y = (this._config.l - selection.y1) / this._config.l;
}
};
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() {
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() {
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) {
var options = {};
for (var p in this._config) {
if (this._config.hasOwnProperty(p)) {
options[p] = this._config[p];
}
var options = {};
for (var p in this._config) {
if (this._config.hasOwnProperty(p)) {
options[p] = this._config[p];
}
for (var p in conf) {
if (conf.hasOwnProperty(p)) {
options[p] = conf[p];
}
}
for (var p in conf) {
if (conf.hasOwnProperty(p)) {
options[p] = conf[p];
}
var params = {
project: theProject.id,
engine: JSON.stringify(engineConfig),
plotter: JSON.stringify(options)
};
return "/command/core/get-scatterplot?" + $.param(params);
}
var params = {
project: theProject.id,
engine: JSON.stringify(engineConfig),
plotter: JSON.stringify(options)
};
return "/command/core/get-scatterplot?" + $.param(params);
};
ScatterplotFacet.prototype.updateState = function(data) {
if ("error" in data) {
this._error = true;
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 {
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 ("error" in data) {
this._error = true;
this._errorMessage = "error" in data ? data.error : "Unknown error.";
} else {
this._error = false;
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();
}
// 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 {
this._config.from_x = 0;
}
this.render();
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();
};
ScatterplotFacet.prototype.changePlot = function() {
this._elmts.plotBaseImg.attr("src", this._formulateBaseImageUrl());
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl());
this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl());
this._elmts.plotBaseImg.attr("src", this._formulateBaseImageUrl());
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl());
this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl());
};
ScatterplotFacet.prototype.render = function() {
if (!this._initializedUI) {
this._initializeUI();
this._initializedUI = true;
}
if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.plotDiv.hide();
this._elmts.statusDiv.hide();
return;
}
this._elmts.messageDiv.hide();
this._elmts.plotDiv.show();
this._elmts.statusDiv.show();
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl());
this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl());
if (!this._initializedUI) {
this._initializeUI();
this._initializedUI = true;
}
if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.plotDiv.hide();
this._elmts.statusDiv.hide();
return;
}
this._elmts.messageDiv.hide();
this._elmts.plotDiv.show();
this._elmts.statusDiv.show();
this._elmts.plotImg.attr("src", this._formulateCurrentImageUrl());
this._elmts.exportPlotLink.attr("href", this._formulateExportImageUrl());
};
ScatterplotFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
};
ScatterplotFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true });
Refine.update({ engineChanged: true });
};

190
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
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.
* 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
in the documentation and/or other materials provided with the
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
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
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
*/
function TextSearchFacet(div, config, options) {
this._div = div;
this._config = config;
this._options = options;
this._query = config.query || null;
this._timerID = null;
this._initializeUI();
this._div = div;
this._config = config;
this._options = options;
this._query = config.query || null;
this._timerID = null;
this._initializeUI();
}
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.reset = function() {
this._query = null;
this._div.find(".input-container input").each(function() { this.value = ""; });
this._query = null;
this._div.find(".input-container input").each(function() { this.value = ""; });
};
TextSearchFacet.prototype.getUIState = function() {
var json = {
c: this.getJSON(),
o: this._options
};
return json;
var json = {
c: this.getJSON(),
o: this._options
};
return json;
};
TextSearchFacet.prototype.getJSON = function() {
var o = {
type: "text",
name: this._config.name,
columnName: this._config.columnName,
mode: this._config.mode,
caseSensitive: this._config.caseSensitive,
query: this._query
};
return o;
var o = {
type: "text",
name: this._config.name,
columnName: this._config.columnName,
mode: this._config.mode,
caseSensitive: this._config.caseSensitive,
query: this._query
};
return o;
};
TextSearchFacet.prototype.hasSelection = function() {
return this._query !== null;
return this._query !== null;
};
TextSearchFacet.prototype._initializeUI = function() {
var self = this;
this._div.empty().show().html(
'<div class="facet-title">' +
'<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>' +
'<span>' + this._config.name + '</span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<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 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>' +
'</tr>' +
'</table></div></div>'
);
var elmts = DOM.bind(this._div);
if (this._config.caseSensitive) {
elmts.caseSensitiveCheckbox.attr("checked", "true");
var self = this;
this._div.empty().show().html(
'<div class="facet-title">' +
'<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>' +
'<span>' + this._config.name + '</span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<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 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>' +
'</tr>' +
'</table></div></div>'
);
var elmts = DOM.bind(this._div);
if (this._config.caseSensitive) {
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(); });
elmts.caseSensitiveCheckbox.bind("change", function() {
self._config.caseSensitive = this.checked;
if (self._query !== null && self._query.length > 0) {
self._scheduleUpdate();
}
});
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();
});
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.render = function() {
this._setRangeIndicators();
this._setRangeIndicators();
};
TextSearchFacet.prototype._reset = function() {
this._query = null;
this._updateRest();
this._query = null;
this._updateRest();
};
TextSearchFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
this._options = null;
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
this._options = null;
};
TextSearchFacet.prototype._scheduleUpdate = function() {
if (!this._timerID) {
var self = this;
this._timerID = window.setTimeout(function() {
self._timerID = null;
self._updateRest();
}, 500);
}
if (!this._timerID) {
var self = this;
this._timerID = window.setTimeout(function() {
self._timerID = null;
self._updateRest();
}, 500);
}
};
TextSearchFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true });
Refine.update({ engineChanged: true });
};

668
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
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.
* 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
in the documentation and/or other materials provided with the
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
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
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
*/
function TimeRangeFacet(div, config, options) {
this._div = div;
this._config = config;
this._options = options;
this._from = ("from" in this._config) ? this._config.from : null;
this._to = ("to" in this._config) ? this._config.to : null;
this._step = ("step" in this._config) ? this._config.step : null;
this._selectTime = ("selectTime" in this._config) ? this._config.selectTime : true;
this._selectNonTime = ("selectNonTime" in this._config) ? this._config.selectNonTime : true;
this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true;
this._selectError = ("selectError" in this._config) ? this._config.selectError : true;
this._baseTimeCount = 0;
this._baseNonTimeCount = 0;
this._baseBlankCount = 0;
this._baseErrorCount = 0;
this._timeCount = 0;
this._nonTimeCount = 0;
this._blankCount = 0;
this._errorCount = 0;
this._error = false;
this._initializedUI = false;
this._div = div;
this._config = config;
this._options = options;
this._from = ("from" in this._config) ? this._config.from : null;
this._to = ("to" in this._config) ? this._config.to : null;
this._step = ("step" in this._config) ? this._config.step : null;
this._selectTime = ("selectTime" in this._config) ? this._config.selectTime : true;
this._selectNonTime = ("selectNonTime" in this._config) ? this._config.selectNonTime : true;
this._selectBlank = ("selectBlank" in this._config) ? this._config.selectBlank : true;
this._selectError = ("selectError" in this._config) ? this._config.selectError : true;
this._baseTimeCount = 0;
this._baseNonTimeCount = 0;
this._baseBlankCount = 0;
this._baseErrorCount = 0;
this._timeCount = 0;
this._nonTimeCount = 0;
this._blankCount = 0;
this._errorCount = 0;
this._error = false;
this._initializedUI = false;
}
TimeRangeFacet.prototype.reset = function() {
this._from = this._config.min;
this._to = this._config.max;
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._selectTime = true;
this._selectNonTime = true;
this._selectBlank = true;
this._selectError = true;
this._setRangeIndicators();
this._from = this._config.min;
this._to = this._config.max;
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._selectTime = true;
this._selectNonTime = true;
this._selectBlank = true;
this._selectError = true;
this._setRangeIndicators();
};
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.getUIState = function() {
var json = {
c: this.getJSON(),
o: this._options
};
return json;
var json = {
c: this.getJSON(),
o: this._options
};
return json;
};
TimeRangeFacet.prototype.getJSON = function() {
var o = {
type: "timerange",
name: this._config.name,
expression: this._config.expression,
columnName: this._config.columnName,
selectTime: this._selectTime,
selectNonTime: this._selectNonTime,
selectBlank: this._selectBlank,
selectError: this._selectError
};
if (this._from !== null) {
o.from = this._from;
}
if (this._to !== null) {
o.to = this._to;
}
return o;
var o = {
type: "timerange",
name: this._config.name,
expression: this._config.expression,
columnName: this._config.columnName,
selectTime: this._selectTime,
selectNonTime: this._selectNonTime,
selectBlank: this._selectBlank,
selectError: this._selectError
};
if (this._from !== null) {
o.from = this._from;
}
if (this._to !== null) {
o.to = this._to;
}
return o;
};
TimeRangeFacet.prototype.hasSelection = function() {
if (!this._selectTime || !this._selectNonTime || !this._selectBlank || !this._selectError) {
return true;
}
return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) ||
(this._to !== null && (!this._initializedUI || this._to < this._config.max));
if (!this._selectTime || !this._selectNonTime || !this._selectBlank || !this._selectError) {
return true;
}
return (this._from !== null && (!this._initializedUI || this._from > this._config.min)) ||
(this._to !== null && (!this._initializedUI || this._to < this._config.max));
};
TimeRangeFacet.prototype._initializeUI = function() {
var self = this;
this._div
.empty()
.show()
.html(
'<div class="facet-title" bind="headerDiv">' +
'<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>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' +
'<span bind="facetTitle"></span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' +
'<div class="facet-range-body">' +
'<div class="facet-range-message" bind="messageDiv">Loading...</div>' +
'<div class="facet-range-slider" bind="sliderWidgetDiv">' +
'<div class="facet-range-histogram" bind="histogramDiv"></div>' +
'</div>' +
'<div class="facet-range-status" bind="statusDiv"></div>' +
'<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' +
'</div>'
);
this._elmts = DOM.bind(this._div);
this._elmts.facetTitle.text(this._config.name);
this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() {
self._elmts.expressionDiv.slideToggle(100, function() {
if (self._elmts.expressionDiv.css("display") != "none") {
self._editExpression();
}
});
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression();
}).hide();
this._elmts.resetButton.click(function() {
self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
});
this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#ccccff", "#6666ff" ] });
this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv);
this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._setRangeIndicators();
}).bind("stop", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._selectTime = true;
self._updateRest();
var self = this;
this._div
.empty()
.show()
.html(
'<div class="facet-title" bind="headerDiv">' +
'<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>' +
'<a href="javascript:{}" class="facet-choice-link" bind="resetButton">reset</a>' +
'<a href="javascript:{}" class="facet-choice-link" bind="changeButton">change</a>' +
'<span bind="facetTitle"></span>' +
'</td>' +
'</tr></table></div>' +
'</div>' +
'<div class="facet-expression" bind="expressionDiv" title="Click to edit expression"></div>' +
'<div class="facet-range-body">' +
'<div class="facet-range-message" bind="messageDiv">Loading...</div>' +
'<div class="facet-range-slider" bind="sliderWidgetDiv">' +
'<div class="facet-range-histogram" bind="histogramDiv"></div>' +
'</div>' +
'<div class="facet-range-status" bind="statusDiv"></div>' +
'<div class="facet-range-other-choices" bind="otherChoicesDiv"></div>' +
'</div>'
);
this._elmts = DOM.bind(this._div);
this._elmts.facetTitle.text(this._config.name);
this._elmts.changeButton.attr("title","Current Expression: " + this._config.expression).click(function() {
self._elmts.expressionDiv.slideToggle(100, function() {
if (self._elmts.expressionDiv.css("display") != "none") {
self._editExpression();
}
});
});
this._elmts.expressionDiv.text(this._config.expression).click(function() {
self._editExpression();
}).hide();
this._elmts.resetButton.click(function() {
self.reset();
self._updateRest();
});
this._elmts.removeButton.click(function() {
self._remove();
});
this._histogram = new HistogramWidget(this._elmts.histogramDiv, { binColors: [ "#ccccff", "#6666ff" ] });
this._sliderWidget = new SliderWidget(this._elmts.sliderWidgetDiv);
this._elmts.sliderWidgetDiv.bind("slide", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._setRangeIndicators();
}).bind("stop", function(evt, data) {
self._from = data.from;
self._to = data.to;
self._selectTime = true;
self._updateRest();
});
};
TimeRangeFacet.prototype._renderOtherChoices = function() {
var self = this;
var container = this._elmts.otherChoicesDiv.empty();
if (this._baseNonTimeCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) {
return;
}
var self = this;
var container = this._elmts.otherChoicesDiv.empty();
var facet_id = this._div.attr("id");
var choices = $('<div>').addClass("facet-range-choices");
if (this._baseNonTimeCount === 0 && this._baseBlankCount === 0 && this._baseErrorCount === 0) {
return;
}
// ----------------- time -----------------
var timeDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var timeCheck = $('<input type="checkbox" />').attr("id",facet_id + "-time").appendTo(timeDiv).change(function() {
self._selectTime = !self._selectTime;
self._updateRest();
});
if (this._selectTime) timeCheck.attr("checked","checked");
var timeLabel = $('<label>').attr("for", facet_id + "-time").appendTo(timeDiv);
$('<span>').text("Time ").addClass("facet-range-choice-label").appendTo(timeLabel);
$('<div>').text(this._timeCount).addClass("facet-range-choice-count").appendTo(timeLabel);
var facet_id = this._div.attr("id");
// ----------------- non-Time -----------------
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() {
self._selectNonTime = !self._selectNonTime;
self._updateRest();
});
if (this._selectNonTime) nonTimeCheck.attr("checked","checked");
var nonTimeLabel = $('<label>').attr("for", facet_id + "-non-time").appendTo(nonTimeDiv);
$('<span>').text("Non-Time ").addClass("facet-range-choice-label").appendTo(nonTimeLabel);
$('<div>').text(this._nonTimeCount).addClass("facet-range-choice-count").appendTo(nonTimeLabel);
var choices = $('<div>').addClass("facet-range-choices");
if (this._baseNonTimeCount === 0) nonTimeCheck.removeAttr("checked");
// ----------------- blank -----------------
var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() {
self._selectBlank = !self._selectBlank;
self._updateRest();
});
if (this._selectBlank) blankCheck.attr("checked","checked");
// ----------------- time -----------------
var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv);
$('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel);
$('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel);
var timeDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var timeCheck = $('<input type="checkbox" />').attr("id",facet_id + "-time").appendTo(timeDiv).change(function() {
self._selectTime = !self._selectTime;
self._updateRest();
});
if (this._selectTime) timeCheck.attr("checked","checked");
if (this._baseBlankCount === 0) blankCheck.removeAttr("checked");
// ----------------- error -----------------
var timeLabel = $('<label>').attr("for", facet_id + "-time").appendTo(timeDiv);
$('<span>').text("Time ").addClass("facet-range-choice-label").appendTo(timeLabel);
$('<div>').text(this._timeCount).addClass("facet-range-choice-count").appendTo(timeLabel);
var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() {
self._selectError = !self._selectError;
self._updateRest();
});
if (this._selectError) errorCheck.attr("checked","checked");
// ----------------- non-Time -----------------
var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv);
$('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel);
$('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel);
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() {
self._selectNonTime = !self._selectNonTime;
self._updateRest();
});
if (this._selectNonTime) nonTimeCheck.attr("checked","checked");
if (this._baseErrorCount === 0) errorCheck.removeAttr("checked");
var nonTimeLabel = $('<label>').attr("for", facet_id + "-non-time").appendTo(nonTimeDiv);
$('<span>').text("Non-Time ").addClass("facet-range-choice-label").appendTo(nonTimeLabel);
$('<div>').text(this._nonTimeCount).addClass("facet-range-choice-count").appendTo(nonTimeLabel);
// --------------------------
choices.appendTo(container);
if (this._baseNonTimeCount === 0) nonTimeCheck.removeAttr("checked");
// ----------------- blank -----------------
var blankDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var blankCheck = $('<input type="checkbox" />').attr("id",facet_id + "-blank").appendTo(blankDiv).change(function() {
self._selectBlank = !self._selectBlank;
self._updateRest();
});
if (this._selectBlank) blankCheck.attr("checked","checked");
var blankLabel = $('<label>').attr("for", facet_id + "-blank").appendTo(blankDiv);
$('<span>').text("Blank ").addClass("facet-range-choice-label").appendTo(blankLabel);
$('<div>').text(this._blankCount).addClass("facet-range-choice-count").appendTo(blankLabel);
if (this._baseBlankCount === 0) blankCheck.removeAttr("checked");
// ----------------- error -----------------
var errorDiv = $('<div class="facet-range-item"></div>').appendTo(choices);
var errorCheck = $('<input type="checkbox" />').attr("id",facet_id + "-error").appendTo(errorDiv).change(function() {
self._selectError = !self._selectError;
self._updateRest();
});
if (this._selectError) errorCheck.attr("checked","checked");
var errorLabel = $('<label>').attr("for", facet_id + "-error").appendTo(errorDiv);
$('<span>').text("Error ").addClass("facet-range-choice-label").appendTo(errorLabel);
$('<div>').text(this._errorCount).addClass("facet-range-choice-count").appendTo(errorLabel);
if (this._baseErrorCount === 0) errorCheck.removeAttr("checked");
// --------------------------
choices.appendTo(container);
};
TimeRangeFacet.prototype.steps = [
1, // msec
1000, // sec
1000*60, // min
1000*60*60, // hour
1000*60*60*24, // day
1000*60*60*24*7, // week
1000*2629746, // month (average Gregorian year / 12)
1000*31556952, // year (average Gregorian year)
1000*31556952*10, // decade
1000*31556952*100, // century
1000*31556952*1000, // millennium
];
1, // msec
1000, // sec
1000*60, // min
1000*60*60, // hour
1000*60*60*24, // day
1000*60*60*24*7, // week
1000*2629746, // month (average Gregorian year / 12)
1000*31556952, // year (average Gregorian year)
1000*31556952*10, // decade
1000*31556952*100, // century
1000*31556952*1000, // millennium
];
TimeRangeFacet.prototype._setRangeIndicators = function() {
var fromDate = new Date(this._from);
var toDate = new Date(this._to);
var fromDate = new Date(this._from);
var toDate = new Date(this._to);
if (this._step > 2629746000) { // > month
var format = "yyyy";
this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format));
} else if (this.step > 3600000) { // > hour
var format = "yyyy-MM-dd";
this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format));
} else {
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));
}
if (this._step > 2629746000) { // > month
var format = "yyyy";
this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format));
} else if (this.step > 3600000) { // > hour
var format = "yyyy-MM-dd";
this._elmts.statusDiv.html(fromDate.toString(format) + " &mdash; " + toDate.toString(format));
} else {
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));
}
};
TimeRangeFacet.prototype._addCommas = function(nStr) {
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
};
TimeRangeFacet.prototype.updateState = function(data) {
if ("min" in data && "max" in data) {
this._error = false;
this._config.min = data.min;
this._config.max = data.max;
this._config.step = data.step;
this._baseBins = data.baseBins;
this._bins = data.bins;
switch (this._config.mode) {
case "min":
this._from = Math.max(data.from, this._config.min);
break;
case "max":
this._to = Math.min(data.to, this._config.max);
break;
default:
this._from = Math.max(data.from, this._config.min);
if ("to" in data) {
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;
if ("min" in data && "max" in data) {
this._error = false;
this._timeCount = data.timeCount;
this._nonTimeCount = data.nonTimeCount;
this._blankCount = data.blankCount;
this._errorCount = data.errorCount;
this._config.min = data.min;
this._config.max = data.max;
this._config.step = data.step;
this._baseBins = data.baseBins;
this._bins = data.bins;
switch (this._config.mode) {
case "min":
this._from = Math.max(data.from, this._config.min);
break;
case "max":
this._to = Math.min(data.to, this._config.max);
break;
default:
this._from = Math.max(data.from, this._config.min);
if ("to" in data) {
this._to = Math.min(data.to, this._config.max);
} else {
this._error = true;
this._errorMessage = "error" in data ? data.error : "Unknown error.";
this._to = data.max;
}
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() {
if (!this._initializedUI) {
this._initializeUI();
this._initializedUI = true;
}
if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.sliderWidgetDiv.hide();
this._elmts.histogramDiv.hide();
this._elmts.statusDiv.hide();
this._elmts.otherChoicesDiv.hide();
return;
}
this._elmts.messageDiv.hide();
this._elmts.sliderWidgetDiv.show();
this._elmts.histogramDiv.show();
this._elmts.statusDiv.show();
this._elmts.otherChoicesDiv.show();
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._histogram.update(
this._config.min,
this._config.max,
this._config.step,
[ this._baseBins, this._bins ]
);
this._setRangeIndicators();
this._renderOtherChoices();
if (!this._initializedUI) {
this._initializeUI();
this._initializedUI = true;
}
if (this._error) {
this._elmts.messageDiv.text(this._errorMessage).show();
this._elmts.sliderWidgetDiv.hide();
this._elmts.histogramDiv.hide();
this._elmts.statusDiv.hide();
this._elmts.otherChoicesDiv.hide();
return;
}
this._elmts.messageDiv.hide();
this._elmts.sliderWidgetDiv.show();
this._elmts.histogramDiv.show();
this._elmts.statusDiv.show();
this._elmts.otherChoicesDiv.show();
this._sliderWidget.update(
this._config.min,
this._config.max,
this._config.step,
this._from,
this._to
);
this._histogram.update(
this._config.min,
this._config.max,
this._config.step,
[ this._baseBins, this._bins ]
);
this._setRangeIndicators();
this._renderOtherChoices();
};
TimeRangeFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
this._data = null;
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
this._data = null;
};
TimeRangeFacet.prototype._updateRest = function() {
Refine.update({ engineChanged: true });
Refine.update({ engineChanged: true });
};
TimeRangeFacet.prototype._editExpression = function() {
var self = this;
var title = (this._config.columnName) ?
("Edit Facet's Expression based on Column " + this._config.columnName) :
"Edit Facet's Expression";
var column = Refine.columnNameToColumn(this._config.columnName);
var o = DataTableView.sampleVisibleRows(column);
new ExpressionPreviewDialog(
title,
column ? column.cellIndex : -1,
o.rowIndices,
o.values,
this._config.expression,
function(expr) {
var self = this;
var title = (this._config.columnName) ?
("Edit Facet's Expression based on Column " + this._config.columnName) :
"Edit Facet's Expression";
var column = Refine.columnNameToColumn(this._config.columnName);
var o = DataTableView.sampleVisibleRows(column);
new ExpressionPreviewDialog(
title,
column ? column.cellIndex : -1,
o.rowIndices,
o.values,
this._config.expression,
function(expr) {
if (expr != self._config.expression) {
self._config.expression = expr;
self._elmts.expressionDiv.text(self._config.expression);
self.reset();
self._from = null;
self._to = null;
self._updateRest();
self._config.expression = expr;
self._elmts.expressionDiv.text(self._config.expression);
self.reset();
self._from = null;
self._to = null;
self._updateRest();
}
}
);
}
);
};