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

Converted "Show as rows/records" from radio buttons to links.

Browse Source 
git-svn-id: http://google-refine.googlecode.com/svn/trunk@1534 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-10-14 18:31:34 +00:00
parent d6015f783c
commit f7222f70f7
2 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
main/webapp/modules/core/scripts/views/data-table/data-table-view.js
View File

@ -35,10 +35,7 @@ DataTableView.prototype.render = function() {
var html = $(
'<div id="viewPanel-header">' +
'<div bind="rowRecordControls">Show as ' +
'<span bind="modeSelectors" class="viewPanel-browsingmodes">' +
'<input type="radio" id="viewPanel-browsingMode-row-based" name="viewPanel-browsingMode" value="row-based" /><label for="viewPanel-browsingMode-row-based">rows</label>' +
'<input type="radio" id="viewPanel-browsingMode-record-based" name="viewPanel-browsingMode" value="record-based" /><label for="viewPanel-browsingMode-record-based">records</label>' +
'</span>' +
'<span bind="modeSelectors" class="viewPanel-browsingmodes"></span>' +
'</div>' +
'<div bind="pageSizeControls"></div>' +
'<div bind="sortingControls" align="center"></div>' +
@ -50,26 +47,35 @@ DataTableView.prototype.render = function() {
ui.summaryWidget.updateResultCount();
var renderBrowsingModeLink = function(label, value) {
var a = $('<a href="javascript:{}"></a>')
.addClass("viewPanel-browsingModes-mode")
.text(label)
.appendTo(elmts.modeSelectors);
if (value == ui.browsingEngine.getMode()) {
a.addClass("inaction");
} else {
a.addClass("action").click(function(evt) {
ui.browsingEngine.setMode(value);
});
}
};
renderBrowsingModeLink("rows", "row-based");
renderBrowsingModeLink("records", "record-based");
this._renderPagingControls(elmts.pageSizeControls, elmts.pagingControls);
this._renderDataTable(elmts.table[0]);
if (this._sorting.criteria.length > 0) {
this._renderSortingControls(elmts.sortingControls);
}
this._div.empty().append(html);
this._renderDataTable(elmts.table[0]);
this._div.empty().append(html);
this.resize();
elmts.dataTableContainer[0].scrollLeft = scrollLeft;
$("#viewPanel-browsingMode-" +
(theProject.recordModel.hasRecords ? 'record-based' : 'row-based')).attr("checked", "checked");
elmts.modeSelectors.buttonset();
elmts.modeSelectors.find("input").change(function() {
ui.browsingEngine.setMode(this.value);
});
};
DataTableView.prototype._renderSortingControls = function(sortingControls) {

12
main/webapp/modules/core/styles/views/data-table-view.less
View File

@ -6,24 +6,16 @@
padding: @padding_normal;
}
.viewPanel-browsingModes .ui-button .ui-button-text {
line-height: 1.0;
text-decoration: line-through;
}
.viewPanel-browsingModes .ui-button.ui-state-active .ui-button-text {
text-decoration: none;
}
.viewPanel-pagingControls-currentPageInfo {
font-size: 150%;
}
a.viewPanel-pagingControls-page {
a.viewPanel-pagingControls-page, a.viewPanel-browsingModes-mode {
margin: 0 2px;
padding: 2px 4px 3px 4px;
font-weight: bold;
}
a.viewPanel-pagingControls-page.inaction {
a.viewPanel-pagingControls-page.inaction, a.viewPanel-browsingModes-mode.inaction {
background: #f8f8f8;
color: #777;
border: 1px solid #ff6a00;