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

Made history panel expand on click rather than on hover.

Browse Source 
git-svn-id: http://google-refine.googlecode.com/svn/trunk@428 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-04-08 21:32:36 +00:00
parent 7526c4e582
commit c4460fdfdd
1 changed files with 12 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/main/webapp/scripts/project/history-widget.js
View File

@ -24,19 +24,13 @@ HistoryWidget.prototype.update = function(onDone) {
HistoryWidget.prototype._render = function() { HistoryWidget.prototype._render = function() {
var self = this; var self = this;
var collapsedMessage =
(!this._data.past.length ?
"" :
(this._data.past.length == 1 ? "1 change - " : (this._data.past.length + " changes - "))
) + 'hover to see';
this._div this._div
.empty() .empty()
.unbind() .unbind()
.html( .html(
'<h3>Undo/Redo History</h3>' + '<h3>Undo/Redo History</h3>' +
'<div class="history-panel-body-collapsed" bind="bodyCollapsedDiv">' + '<div class="history-panel-body-collapsed" bind="bodyCollapsedDiv">' +
collapsedMessage + '<a href="javascript:{}" bind="expandLink"></a>' +
'</div>' + '</div>' +
'<div class="history-panel-body" bind="bodyDiv">' + '<div class="history-panel-body" bind="bodyDiv">' +
'<div class="history-past" bind="pastDiv"></div>' + '<div class="history-past" bind="pastDiv"></div>' +
@ -52,6 +46,16 @@ HistoryWidget.prototype._render = function() {
var elmts = DOM.bind(this._div); var elmts = DOM.bind(this._div);
if (!this._data.past.length) {
if (!this._data.future.length) {
elmts.expandLink.text("No change");
} else {
elmts.expandLink.text(this._data.future.length === 1 ? "1 change to redo" : (this._data.future.length + " changes to redo"));
}
} else {
elmts.expandLink.text(this._data.past.length === 1 ? "1 change" : (this._data.past.length + " changes done"));
}
var renderEntry = function(container, entry, lastDoneID, title) { var renderEntry = function(container, entry, lastDoneID, title) {
var a = $('<a href="javascript:{}"></a>').appendTo(container); var a = $('<a href="javascript:{}"></a>').appendTo(container);
a.addClass("history-entry").html(entry.description).attr("title", title).click(function(evt) { a.addClass("history-entry").html(entry.description).attr("title", title).click(function(evt) {
@ -80,32 +84,12 @@ HistoryWidget.prototype._render = function() {
elmts.extractLink.click(function() { self._extractOperations(); }); elmts.extractLink.click(function() { self._extractOperations(); });
elmts.applyLink.click(function() { self._showApplyOperationsDialog(); }); elmts.applyLink.click(function() { self._showApplyOperationsDialog(); });
elmts.expandLink.click(function() {
elmts.bodyCollapsedDiv.mouseenter(function(evt) {
elmts.bodyCollapsedDiv.hide(); elmts.bodyCollapsedDiv.hide();
elmts.bodyDiv.show(); elmts.bodyDiv.show();
elmts.bodyControlsDiv.show(); elmts.bodyControlsDiv.show();
}); });
this._div.mouseenter(function(evt) {
if (self._timerID != null) {
window.clearTimeout(self._timerID);
self._timerID = null;
}
}).mouseleave(function(evt) {
self._timerID = window.setTimeout(function() {
self._timerID = null;
elmts.bodyCollapsedDiv.show();
elmts.bodyDiv.hide();
elmts.bodyControlsDiv.hide();
}, 1000);
});
elmts.rollUpLink.click(function(evt) { elmts.rollUpLink.click(function(evt) {
if (self._timerID != null) {
window.clearTimeout(self._timerID);
self._timerID = null;
}
elmts.bodyCollapsedDiv.show(); elmts.bodyCollapsedDiv.show();
elmts.bodyDiv.hide(); elmts.bodyDiv.hide();
elmts.bodyControlsDiv.hide(); elmts.bodyControlsDiv.hide();