function HistoryWidget(div) { this._div = div; this.update(); } HistoryWidget.prototype.resize = function() { }; HistoryWidget.prototype.update = function(onDone) { var self = this; Ajax.chainGetJSON( "/command/get-history?" + $.param({ project: theProject.id }), null, function(data) { self._data = data; self._render(); if (onDone) { onDone(); } } ); }; HistoryWidget.prototype._render = function() { var self = this; var collapsedMessage = (this._data.past.length == 0 ? "" : (this._data.past.length == 1 ? "1 change - " : (this._data.past.length + " changes - ")) ) + 'hover to see'; this._div .empty() .unbind() .html( '

Undo/Redo History

' + '
' + collapsedMessage + '
' + '
' + '
' + '
done upto here
' + '
' + '
' + '
roll up
' + '' ); var elmts = DOM.bind(this._div); var renderEntry = function(container, entry, lastDoneID, title) { var a = $('').appendTo(container); a.addClass("history-entry").html(entry.description).attr("title", title).click(function(evt) { return self._onClickHistoryEntry(evt, entry, lastDoneID); }); return a; }; if (this._data.past.length == 0) { elmts.pastDiv.html('
No change to undo
'); } else { for (var i = 0; i < this._data.past.length; i++) { var entry = this._data.past[i]; renderEntry(elmts.pastDiv, entry, i == 0 ? 0 : this._data.past[i - 1].id, "Undo to here"); } } if (this._data.future.length == 0) { elmts.futureDiv.html('
No change to redo
'); } else { for (var i = 0; i < this._data.future.length; i++) { var entry = this._data.future[i]; renderEntry(elmts.futureDiv, entry, entry.id, "Redo to here"); } } elmts.extractLink.click(function() { self._extractOperations(); }); elmts.applyLink.click(function() { self._showApplyOperationsDialog(); }); elmts.bodyCollapsedDiv.mouseenter(function(evt) { elmts.bodyCollapsedDiv.hide(); elmts.bodyDiv.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) { if (self._timerID != null) { window.clearTimeout(self._timerID); self._timerID = null; } elmts.bodyCollapsedDiv.show(); elmts.bodyDiv.hide(); elmts.bodyControlsDiv.hide(); }); elmts.bodyDiv[0].scrollTop = elmts.nowDiv[0].offsetTop + elmts.nowDiv[0].offsetHeight - elmts.bodyDiv[0].offsetHeight; }; HistoryWidget.prototype._onClickHistoryEntry = function(evt, entry, lastDoneID) { var self = this; Gridworks.postProcess( "undo-redo", { lastDoneID: lastDoneID }, null, { everythingChanged: true } ); }; HistoryWidget.prototype._extractOperations = function() { var self = this; $.getJSON( "/command/get-operations?" + $.param({ project: theProject.id }), null, function(data) { if ("entries" in data) { self._showExtractOperationsDialog(data); } }, "jsonp" ); }; HistoryWidget.prototype._showExtractOperationsDialog = function(json) { var self = this; var frame = DialogSystem.createDialog(); frame.width("800px"); var header = $('
').addClass("dialog-header").text("Extract Operations").appendTo(frame); var body = $('
').addClass("dialog-body").appendTo(frame); var footer = $('
').addClass("dialog-footer").appendTo(frame); var html = $( '
' + '' + '' + '' + '
' + 'The following JSON code encodes the operations you have done that can be abstracted. ' + 'You can copy and save it in order to apply the same operations in the future.' + '
' + '
' + '
' + '