Show choice count in list facet. Use close.png for close button.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@145 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-02-26 22:24:25 +00:00
parent c601bb6b0a
commit aadf98a388
3 changed files with 16 additions and 3 deletions

Binary file not shown.

View File

@ -75,7 +75,11 @@ ListFacet.prototype.render = function() {
var headerDiv = $('<div></div>').addClass("facet-title").appendTo(container); var headerDiv = $('<div></div>').addClass("facet-title").appendTo(container);
$('<span></span>').text(this._config.name).appendTo(headerDiv); $('<span></span>').text(this._config.name).appendTo(headerDiv);
var removeButton = $('<a href="javascript:{}"></a>').addClass("facet-choice-link").text("remove").click(function() { var removeButton = $('<img>')
.attr("src", "images/close.png")
.attr("title", "Remove this facet")
.addClass("facet-choice-link")
.click(function() {
self._remove(); self._remove();
}).prependTo(headerDiv); }).prependTo(headerDiv);
@ -149,6 +153,8 @@ ListFacet.prototype.render = function() {
bodyDiv[0].scrollTop = scrollTop; bodyDiv[0].scrollTop = scrollTop;
var footerDiv = $('<div></div>').addClass("facet-footer").appendTo(container); var footerDiv = $('<div></div>').addClass("facet-footer").appendTo(container);
$('<span>').text(choices.length + " choices: ").appendTo(footerDiv);
if (this._options.sort == "name") { if (this._options.sort == "name") {
$('<a href="javascript:{}"></a>').addClass("action").text("re-sort by count").click(function() { $('<a href="javascript:{}"></a>').addClass("action").text("re-sort by count").click(function() {
self._options.sort = "count"; self._options.sort = "count";

View File

@ -67,6 +67,13 @@ a.facet-choice-link:hover {
color: #88a; color: #88a;
} }
img.facet-choice-link {
text-align: baseline;
cursor: pointer;
margin: 0 2px;
float: right;
}
.facet-range-body { .facet-range-body {
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 15px; padding: 15px;