mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-28 03:10:49 +00:00
269 lines
10 KiB
JavaScript
Executable file
269 lines
10 KiB
JavaScript
Executable file
/* ***** BEGIN LICENSE BLOCK *****
|
|
* Distributed under the BSD license:
|
|
*
|
|
* Copyright (c) 2010, Ajax.org B.V.
|
|
* All rights reserved.
|
|
*
|
|
* Redistribution and use in source and binary forms, with or without
|
|
* modification, are permitted provided that the following conditions are met:
|
|
* * Redistributions of source code must retain the above copyright
|
|
* notice, this list of conditions and the following disclaimer.
|
|
* * Redistributions in binary form must reproduce the above copyright
|
|
* notice, this list of conditions and the following disclaimer in the
|
|
* documentation and/or other materials provided with the distribution.
|
|
* * Neither the name of Ajax.org B.V. nor the
|
|
* names of its contributors may be used to endorse or promote products
|
|
* derived from this software without specific prior written permission.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
|
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
|
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
* DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
|
|
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
|
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
|
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
|
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
|
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*
|
|
* ***** END LICENSE BLOCK ***** */
|
|
define(function(require, exports, module) {
|
|
"use strict";
|
|
|
|
var Range = require("./range").Range;
|
|
var EventEmitter = require("./lib/event_emitter").EventEmitter;
|
|
var oop = require("./lib/oop");
|
|
|
|
/**
|
|
* @class PlaceHolder
|
|
*
|
|
*
|
|
**/
|
|
|
|
/**
|
|
* - session (Document): The document to associate with the anchor
|
|
* - length (Number): The starting row position
|
|
* - pos (Number): The starting column position
|
|
* - others (String):
|
|
* - mainClass (String):
|
|
* - othersClass (String):
|
|
*
|
|
*
|
|
* @constructor
|
|
**/
|
|
|
|
var PlaceHolder = function(session, length, pos, others, mainClass, othersClass) {
|
|
var _self = this;
|
|
this.length = length;
|
|
this.session = session;
|
|
this.doc = session.getDocument();
|
|
this.mainClass = mainClass;
|
|
this.othersClass = othersClass;
|
|
this.$onUpdate = this.onUpdate.bind(this);
|
|
this.doc.on("change", this.$onUpdate);
|
|
this.$others = others;
|
|
|
|
this.$onCursorChange = function() {
|
|
setTimeout(function() {
|
|
_self.onCursorChange();
|
|
});
|
|
};
|
|
|
|
this.$pos = pos;
|
|
// Used for reset
|
|
var undoStack = session.getUndoManager().$undoStack || session.getUndoManager().$undostack || {length: -1};
|
|
this.$undoStackDepth = undoStack.length;
|
|
this.setup();
|
|
|
|
session.selection.on("changeCursor", this.$onCursorChange);
|
|
};
|
|
|
|
(function() {
|
|
|
|
oop.implement(this, EventEmitter);
|
|
|
|
/**
|
|
* PlaceHolder.setup()
|
|
*
|
|
* TODO
|
|
*
|
|
**/
|
|
this.setup = function() {
|
|
var _self = this;
|
|
var doc = this.doc;
|
|
var session = this.session;
|
|
var pos = this.$pos;
|
|
|
|
this.pos = doc.createAnchor(pos.row, pos.column);
|
|
this.markerId = session.addMarker(new Range(pos.row, pos.column, pos.row, pos.column + this.length), this.mainClass, null, false);
|
|
this.pos.on("change", function(event) {
|
|
session.removeMarker(_self.markerId);
|
|
_self.markerId = session.addMarker(new Range(event.value.row, event.value.column, event.value.row, event.value.column+_self.length), _self.mainClass, null, false);
|
|
});
|
|
this.others = [];
|
|
this.$others.forEach(function(other) {
|
|
var anchor = doc.createAnchor(other.row, other.column);
|
|
_self.others.push(anchor);
|
|
});
|
|
session.setUndoSelect(false);
|
|
};
|
|
|
|
/**
|
|
* PlaceHolder.showOtherMarkers()
|
|
*
|
|
* TODO
|
|
*
|
|
**/
|
|
this.showOtherMarkers = function() {
|
|
if(this.othersActive) return;
|
|
var session = this.session;
|
|
var _self = this;
|
|
this.othersActive = true;
|
|
this.others.forEach(function(anchor) {
|
|
anchor.markerId = session.addMarker(new Range(anchor.row, anchor.column, anchor.row, anchor.column+_self.length), _self.othersClass, null, false);
|
|
anchor.on("change", function(event) {
|
|
session.removeMarker(anchor.markerId);
|
|
anchor.markerId = session.addMarker(new Range(event.value.row, event.value.column, event.value.row, event.value.column+_self.length), _self.othersClass, null, false);
|
|
});
|
|
});
|
|
};
|
|
|
|
/**
|
|
* PlaceHolder.hideOtherMarkers()
|
|
*
|
|
* Hides all over markers in the [[EditSession `EditSession`]] that are not the currently selected one.
|
|
*
|
|
**/
|
|
this.hideOtherMarkers = function() {
|
|
if(!this.othersActive) return;
|
|
this.othersActive = false;
|
|
for (var i = 0; i < this.others.length; i++) {
|
|
this.session.removeMarker(this.others[i].markerId);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* PlaceHolder@onUpdate(e)
|
|
*
|
|
* Emitted when the place holder updates.
|
|
*
|
|
**/
|
|
this.onUpdate = function(event) {
|
|
var delta = event.data;
|
|
var range = delta.range;
|
|
if(range.start.row !== range.end.row) return;
|
|
if(range.start.row !== this.pos.row) return;
|
|
if (this.$updating) return;
|
|
this.$updating = true;
|
|
var lengthDiff = delta.action === "insertText" ? range.end.column - range.start.column : range.start.column - range.end.column;
|
|
|
|
if(range.start.column >= this.pos.column && range.start.column <= this.pos.column + this.length + 1) {
|
|
var distanceFromStart = range.start.column - this.pos.column;
|
|
this.length += lengthDiff;
|
|
if(!this.session.$fromUndo) {
|
|
if(delta.action === "insertText") {
|
|
for (var i = this.others.length - 1; i >= 0; i--) {
|
|
var otherPos = this.others[i];
|
|
var newPos = {row: otherPos.row, column: otherPos.column + distanceFromStart};
|
|
if(otherPos.row === range.start.row && range.start.column < otherPos.column)
|
|
newPos.column += lengthDiff;
|
|
this.doc.insert(newPos, delta.text);
|
|
}
|
|
} else if(delta.action === "removeText") {
|
|
for (var i = this.others.length - 1; i >= 0; i--) {
|
|
var otherPos = this.others[i];
|
|
var newPos = {row: otherPos.row, column: otherPos.column + distanceFromStart};
|
|
if(otherPos.row === range.start.row && range.start.column < otherPos.column)
|
|
newPos.column += lengthDiff;
|
|
this.doc.remove(new Range(newPos.row, newPos.column, newPos.row, newPos.column - lengthDiff));
|
|
}
|
|
}
|
|
// Special case: insert in beginning
|
|
if(range.start.column === this.pos.column && delta.action === "insertText") {
|
|
setTimeout(function() {
|
|
this.pos.setPosition(this.pos.row, this.pos.column - lengthDiff);
|
|
for (var i = 0; i < this.others.length; i++) {
|
|
var other = this.others[i];
|
|
var newPos = {row: other.row, column: other.column - lengthDiff};
|
|
if(other.row === range.start.row && range.start.column < other.column)
|
|
newPos.column += lengthDiff;
|
|
other.setPosition(newPos.row, newPos.column);
|
|
}
|
|
}.bind(this), 0);
|
|
}
|
|
else if(range.start.column === this.pos.column && delta.action === "removeText") {
|
|
setTimeout(function() {
|
|
for (var i = 0; i < this.others.length; i++) {
|
|
var other = this.others[i];
|
|
if(other.row === range.start.row && range.start.column < other.column) {
|
|
other.setPosition(other.row, other.column - lengthDiff);
|
|
}
|
|
}
|
|
}.bind(this), 0);
|
|
}
|
|
}
|
|
this.pos._emit("change", {value: this.pos});
|
|
for (var i = 0; i < this.others.length; i++) {
|
|
this.others[i]._emit("change", {value: this.others[i]});
|
|
}
|
|
}
|
|
this.$updating = false;
|
|
};
|
|
|
|
/**
|
|
* PlaceHolder@onCursorChange(e)
|
|
*
|
|
* Emitted when the cursor changes.
|
|
*
|
|
**/
|
|
|
|
this.onCursorChange = function(event) {
|
|
if (this.$updating) return;
|
|
var pos = this.session.selection.getCursor();
|
|
if(pos.row === this.pos.row && pos.column >= this.pos.column && pos.column <= this.pos.column + this.length) {
|
|
this.showOtherMarkers();
|
|
this._emit("cursorEnter", event);
|
|
} else {
|
|
this.hideOtherMarkers();
|
|
this._emit("cursorLeave", event);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* PlaceHolder.detach()
|
|
*
|
|
* TODO
|
|
*
|
|
**/
|
|
this.detach = function() {
|
|
this.session.removeMarker(this.markerId);
|
|
this.hideOtherMarkers();
|
|
this.doc.removeEventListener("change", this.$onUpdate);
|
|
this.session.selection.removeEventListener("changeCursor", this.$onCursorChange);
|
|
this.pos.detach();
|
|
for (var i = 0; i < this.others.length; i++) {
|
|
this.others[i].detach();
|
|
}
|
|
this.session.setUndoSelect(true);
|
|
};
|
|
|
|
/**
|
|
* PlaceHolder.cancel()
|
|
*
|
|
* TODO
|
|
*
|
|
**/
|
|
this.cancel = function() {
|
|
if(this.$undoStackDepth === -1)
|
|
throw Error("Canceling placeholders only supported with undo manager attached to session.");
|
|
var undoManager = this.session.getUndoManager();
|
|
var undosRequired = (undoManager.$undoStack || undoManager.$undostack).length - this.$undoStackDepth;
|
|
for (var i = 0; i < undosRequired; i++) {
|
|
undoManager.undo(true);
|
|
}
|
|
};
|
|
}).call(PlaceHolder.prototype);
|
|
|
|
|
|
exports.PlaceHolder = PlaceHolder;
|
|
});
|