mediawiki-extensions-Visual.../modules/es/models/es.SurfaceModel.js

201 lines
5.2 KiB
JavaScript
Raw Normal View History

/**
* Creates an es.SurfaceModel object.
*
* @class
* @constructor
* @extends {es.EventEmitter}
* @param {es.DocumentModel} doc Document model to create surface for
*/
es.SurfaceModel = function( doc ) {
// Inheritance
es.EventEmitter.call( this );
// Properties
this.doc = doc;
this.selection = null;
this.history = [];
this.historyIndex = 0;
this.currentLengthDifference = 0;
// TODO magic number move to configuration
// Configuration
this.lengthDifferenceLimit = 24;
// DEBUG don't commit
var _this = this;
this.addListener( 'transact', function() { console.log( _this.history ); } );
};
/* Methods */
/**
* Gets the document model of the surface.
*
* @method
* @returns {es.DocumentModel} Document model of the surface
*/
es.SurfaceModel.prototype.getDocument = function() {
return this.doc;
};
/**
* Gets the selection
*
* @method
* @returns {es.Range} Current selection
*/
es.SurfaceModel.prototype.getSelection = function() {
return this.selection;
};
/**
* Changes the selection.
*
* If changing the selection at a high frequency (such as while dragging) use the combine argument
* to avoid them being split up into multiple history items
*
* @method
* @param {es.Range} selection
* @param {Boolean} isManual Whether this selection was the result of a user action, and thus should be recorded in history...?
*/
es.SurfaceModel.prototype.select = function( selection, isManual ) {
2011-12-01 01:01:27 +00:00
selection.normalize();
if (
( ! this.selection ) || ( ! this.selection.equals( selection ) )
) {
// check if the last thing is a selection, if so, swap it.
this.selection = selection;
if ( isManual ) {
this.historyPush( selection );
}
this.emit( 'select', this.selection.clone() );
}
};
/**
* Adds a selection (which is really just a marker for when we stop undo/redo) to the history.
* For the history, selections are just markers, so we don't want to record many of them in a row.
*
* @method
* @param {es.Range|es.Transaction} historyItem
*/
/**
* TODO docs
*/
es.SurfaceModel.prototype.historyPush = function ( historyItem ) {
// truncate anything past our current history position
this.history.splice( this.historyIndex );
// push the next item. Could be combined with above splice given sufficient cleverness
this.history.push( historyItem );
// get ready to insert at the end
this.historyIndex = this.history.length;
};
/*
es.SurfaceModel.prototype.pushSelection = function( selection ) {
if ( this.history[ this.history.length - 1 ] instanceof es.Range ) {
this.history[ this.history.length - 1 ] = selection;
} else {
this.history.push( selection );
}
};
*/
/**
* Applies a series of transactions to the content data.
*
* If committing multiple transactions which are the result of a single user action and need to be
* part of a single history item, use the isPartial argument for all but the last one to avoid them being
* split up into multple history items.
*
* @method
* @param {es.TransactionModel} transactions Tranasction to apply to the document
* @param {boolean} isPartial whether this transaction is part of a larger logical grouping of transactions
* (such as when replacing - delete, then insert)
*/
es.SurfaceModel.prototype.transact = function( transaction, isPartial ) {
2011-12-06 22:14:48 +00:00
// console.log( 'tx:' + $.map( transaction.getOperations(), function(tx) { return tx.type; } ).join(",")
// + ' isPartial:' + isPartial );
this.doc.commit( transaction );
// if we have changed the kind of operation (delete -> insert or insert -> delete or annotations )
// then push a new selection onto the history, to mark where the undo/redo should end.
var d = transaction.getLengthDifference();
if (
!isPartial &&
(
( d === 0 ) ||
( this.currentLengthDifference < 0 && d > 0 ) ||
( this.currentLengthDifference > 0 && d < 0 ) ||
( Math.abs( this.currentLengthDifference ) > this.lengthDifferenceLimit )
)
) {
this.currentLengthDifference = 0;
this.historyPush( this.selection );
}
this.currentLengthDifference += d;
this.historyPush( transaction );
this.emit( 'transact', transaction );
};
/**
* Reverses one or more history items.
*
* @method
* @param {Integer} n Number of history items to roll back
*/
es.SurfaceModel.prototype.undo = function( n ) {
console.log( this.history );
console.log( 'about to undo...' );
console.log( "historyIndex: " + this.historyIndex );
lengthDifference = 0;
var finalSelection = null;
while ( n ) {
n--;
if ( this.history.length ) {
for (var i = this.history.length - 1; i >= 0; i-- ) {
this.historyIndex = i;
if ( this.history[i] instanceof es.Range ) {
finalSelection = this.history[i];
break;
} else {
this.doc.rollback( this.history[i] );
}
}
this.emit( 'undo', this.currentState );
}
}
console.log( 'after undo...' );
console.log( "historyIndex: " + this.historyIndex );
this.select( finalSelection );
};
/**
* Repeats one or more selections and transactions.
*
* @method
* @param {Integer} steps Number of steps to repeat
*/
2011-11-30 22:06:19 +00:00
es.SurfaceModel.prototype.redo = function( steps ) {
// TODO: Implement me!
this.emit( 'redo'/*, transaction/selection*/ );
};
/* Inheritance */
es.extendClass( es.SurfaceModel, es.EventEmitter );