function ListFacet(div, config, options, selection) {
this._div = div;
this._config = config;
this._options = options || {};
if (!("sort" in this._options)) {
this._options.sort = "name";
}
this._selection = selection || [];
this._blankChoice = null;
this._errorChoice = null;
this._data = null;
this.render();
}
ListFacet.reconstruct = function(div, uiState) {
return new ListFacet(div, uiState.c, uiState.o, uiState.s);
};
ListFacet.prototype.getUIState = function() {
var json = {
c: this.getJSON(),
o: this._options
};
json.s = json.c.selection;
delete json.c.selection;
return json;
}
ListFacet.prototype.getJSON = function() {
var o = {
type: "list",
name: this._config.name,
columnName: this._config.columnName,
expression: this._config.expression,
selection: [],
selectBlank: this._blankChoice != null && this._blankChoice.s,
selectError: this._errorChoice != null && this._errorChoice.s
}
for (var i = 0; i < this._selection.length; i++) {
var choice = {
v: cloneDeep(this._selection[i].v)
};
o.selection.push(choice);
}
return o;
};
ListFacet.prototype.hasSelection = function() {
return this._selection.length > 0 ||
(this._blankChoice != null && this._blankChoice.s) ||
(this._errorChoice != null && this._errorChoice.s);
};
ListFacet.prototype.updateState = function(data) {
this._data = data;
var selection = [];
var choices = data.choices;
for (var i = 0; i < choices.length; i++) {
var choice = choices[i];
if (choice.s) {
selection.push(choice);
}
}
this._selection = selection;
this._reSortChoices();
this._blankChoice = data.blankChoice || null;
this._errorChoice = data.errorChoice || null;
this.render();
};
ListFacet.prototype._reSortChoices = function() {
this._data.choices.sort(this._options.sort == "name" ?
function(a, b) {
return a.v.l.localeCompare(b.v.l);
} :
function(a, b) {
return b.c - a.c;
}
);
};
ListFacet.prototype.render = function() {
var self = this;
var scrollTop = 0;
try {
scrollTop = this._div[0].childNodes[1].scrollTop;
} catch (e) {
}
var container = this._div.empty();
var headerDiv = $('
').addClass("facet-title").appendTo(container);
$('').text(this._config.name).appendTo(headerDiv);
var removeButton = $('
')
.attr("src", "images/close.png")
.attr("title", "Remove this facet")
.addClass("facet-choice-link")
.click(function() {
self._remove();
}).prependTo(headerDiv);
var bodyDiv = $('').addClass("facet-body").appendTo(container);
if (!("scroll" in this._options) || this._options.scroll) {
bodyDiv.addClass("facet-body-scrollable");
}
if (this._data == null) {
bodyDiv.html("Loading...");
} else {
var selectionCount = this._selection.length
+ (this._blankChoice != null && this._blankChoice.s ? 1 : 0)
+ (this._errorChoice != null && this._errorChoice.s ? 1 : 0);
if (selectionCount > 0) {
var reset = function() {
self._reset();
};
removeButton.after(
$('').addClass("facet-choice-link").text("reset").click(reset)
);
}
var renderChoice = function(choice, customLabel) {
var label = customLabel || choice.v.l;
var count = choice.c;
var choiceDiv = $('').addClass("facet-choice").appendTo(bodyDiv);
if (choice.s) {
choiceDiv.addClass("facet-choice-selected");
}
var a = $('').addClass("facet-choice-label").text(label).appendTo(choiceDiv);
$('').addClass("facet-choice-count").text(count).appendTo(choiceDiv);
var select = function() {
self._select(choice, false);
};
var selectOnly = function() {
self._select(choice, true);
};
var deselect = function() {
self._deselect(choice);
};
if (choice.s) { // selected
if (selectionCount > 1) {
// select only
a.click(selectOnly);
} else {
// deselect
a.click(deselect);
}
// remove link
$('').addClass("facet-choice-link").text("remove").click(deselect).prependTo(choiceDiv);
} else if (selectionCount > 0) {
a.click(selectOnly);
// include link
$('').addClass("facet-choice-link").text("include").click(select).appendTo(choiceDiv);
} else {
a.click(select);
}
};
var choices = this._data.choices;
for (var i = 0; i < choices.length; i++) {
renderChoice(choices[i]);
}
if (this._blankChoice != null) {
renderChoice(this._blankChoice, "(blank)");
}
if (this._errorChoice != null) {
renderChoice(this._errorChoice, "(error)");
}
bodyDiv[0].scrollTop = scrollTop;
var footerDiv = $('').addClass("facet-footer").appendTo(container);
$('').text(choices.length + " choices: ").appendTo(footerDiv);
if (this._options.sort == "name") {
$('').addClass("action").text("re-sort by count").click(function() {
self._options.sort = "count";
self._reSortChoices();
self.render();
}).appendTo(footerDiv);
} else {
$('').addClass("action").text("re-sort by name").click(function() {
self._options.sort = "name";
self._reSortChoices();
self.render();
}).appendTo(footerDiv);
}
$('').html(" • ").appendTo(footerDiv);
$('').addClass("action").text("edit").click(function() {
self._doEdit();
}).appendTo(footerDiv);
}
};
ListFacet.prototype._doEdit = function() {
var entries = [];
for (var i = 0; i < this._data.choices.length; i++) {
var choice = this._data.choices[i];
entries.push({
v: choice.v,
c: choice.c
});
}
new FacetBasedEditDialog(this._config.columnName, this._config.expression, entries);
};
ListFacet.prototype._select = function(choice, only) {
if (only) {
this._selection = [];
if (this._blankChoice != null) {
this._blankChoice.s = false;
}
if (this._errorChoice != null) {
this._errorChoice.s = false;
}
}
choice.s = true;
if (choice !== this._errorChoice && choice !== this._blankChoice) {
this._selection.push(choice);
}
this._updateRest();
};
ListFacet.prototype._deselect = function(choice) {
if (choice === this._errorChoice || choice === this._blankChoice) {
choice.s = false;
} else {
for (var i = this._selection.length - 1; i >= 0; i--) {
if (this._selection[i] === choice) {
this._selection.splice(i, 1);
break;
}
}
}
this._updateRest();
};
ListFacet.prototype._reset = function() {
this._selection = [];
this._blankChoice = null;
this._errorChoice = null;
this._updateRest();
};
ListFacet.prototype._remove = function() {
ui.browsingEngine.removeFacet(this);
this._div = null;
this._config = null;
this._selection = null;
this._blankChoice = null;
this._errorChoice = null;
this._data = null;
};
ListFacet.prototype._updateRest = function() {
Gridworks.update({ engineChanged: true });
};