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

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/main/webapp/images/Thumbs.db Normal file
View File

Binary file not shown.

12
src/main/webapp/scripts/facets/list-facet.js
View File

@ -75,9 +75,13 @@ 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>')
self._remove(); .attr("src", "images/close.png")
}).prependTo(headerDiv); .attr("title", "Remove this facet")
.addClass("facet-choice-link")
.click(function() {
self._remove();
}).prependTo(headerDiv);
var bodyDiv = $('<div></div>').addClass("facet-body").appendTo(container); var bodyDiv = $('<div></div>').addClass("facet-body").appendTo(container);
if (!("scroll" in this._options) || this._options.scroll) { if (!("scroll" in this._options) || this._options.scroll) {
@ -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";

7
src/main/webapp/styles/browsing.css
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;