mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-27 13:20:59 +00:00
293 lines
9.6 KiB
JavaScript
Executable file
293 lines
9.6 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 oop = require("./lib/oop");
|
|
var dom = require("./lib/dom");
|
|
var Range = require("./range").Range;
|
|
|
|
|
|
function LineWidgets(session) {
|
|
this.session = session;
|
|
this.session.widgetManager = this;
|
|
this.session.getRowLength = this.getRowLength;
|
|
this.session.$getWidgetScreenLength = this.$getWidgetScreenLength;
|
|
this.updateOnChange = this.updateOnChange.bind(this);
|
|
this.renderWidgets = this.renderWidgets.bind(this);
|
|
this.measureWidgets = this.measureWidgets.bind(this);
|
|
this.session._changedWidgets = [];
|
|
this.detach = this.detach.bind(this);
|
|
|
|
this.session.on("change", this.updateOnChange);
|
|
};
|
|
|
|
(function() {
|
|
this.getRowLength = function(row) {
|
|
if (this.lineWidgets)
|
|
var h = this.lineWidgets[row] && this.lineWidgets[row].rowCount || 0;
|
|
else
|
|
h = 0;
|
|
if (!this.$useWrapMode || !this.$wrapData[row]) {
|
|
return 1 + h;
|
|
} else {
|
|
return this.$wrapData[row].length + 1 + h;
|
|
}
|
|
};
|
|
|
|
this.$getWidgetScreenLength = function() {
|
|
var screenRows = 0;
|
|
this.lineWidgets.forEach(function(w){
|
|
if (w && w.rowCount)
|
|
screenRows +=w.rowCount;
|
|
});
|
|
return screenRows;
|
|
};
|
|
|
|
this.attach = function(editor) {
|
|
if (editor.widgetManager && editor.widgetManager != this)
|
|
editor.widgetManager.detach();
|
|
|
|
if (this.editor == editor)
|
|
return;
|
|
|
|
this.detach();
|
|
this.editor = editor;
|
|
|
|
this.editor.on("changeSession", this.detach);
|
|
|
|
editor.widgetManager = this;
|
|
|
|
editor.setOption("enableLineWidgets", true);
|
|
editor.renderer.on("beforeRender", this.measureWidgets);
|
|
editor.renderer.on("afterRender", this.renderWidgets);
|
|
};
|
|
this.detach = function(e) {
|
|
if (e && e.session == this.session)
|
|
return; // sometimes attach can be called before setSession
|
|
var editor = this.editor;
|
|
if (!editor)
|
|
return;
|
|
|
|
editor.off("changeSession", this.detach);
|
|
|
|
this.editor = null;
|
|
editor.widgetManager = null;
|
|
|
|
editor.renderer.off("beforeRender", this.measureWidgets);
|
|
editor.renderer.off("afterRender", this.renderWidgets);
|
|
this.session.lineWidgets.forEach(function(w) {
|
|
if (w && w.el && w.el.parentNode) {
|
|
w._inDocument = false;
|
|
w.el.parentNode.removeChild(w.el);
|
|
}
|
|
});
|
|
};
|
|
|
|
this.updateOnChange = function(e) {
|
|
var cells = this.session.lineWidgets;
|
|
if (!cells) return;
|
|
|
|
var delta = e.data;
|
|
var range = delta.range;
|
|
var startRow = range.start.row;
|
|
var len = range.end.row - startRow;
|
|
|
|
if (len === 0) {
|
|
// return
|
|
} else if (delta.action == "removeText" || delta.action == "removeLines") {
|
|
var removed = cells.splice(startRow + 1, len);
|
|
removed.forEach(function(w) {
|
|
w && this.removeLineWidget(w);
|
|
}, this);
|
|
this.$updateRows();
|
|
} else {
|
|
var args = Array(len);
|
|
args.unshift(startRow, 0);
|
|
cells.splice.apply(cells, args);
|
|
this.$updateRows();
|
|
}
|
|
};
|
|
|
|
this.$updateRows = function() {
|
|
var lw = this.session.lineWidgets;
|
|
if (!lw) return;
|
|
var noWidgets = true;
|
|
lw.forEach(function(w, i) {
|
|
if (w) {
|
|
noWidgets = false;
|
|
w.row = i;
|
|
}
|
|
});
|
|
if (noWidgets)
|
|
this.session.lineWidgets = null;
|
|
}
|
|
|
|
this.addLineWidget = function(w) {
|
|
if (!this.session.lineWidgets)
|
|
this.session.lineWidgets = Array(this.session.getLength())
|
|
|
|
this.session.lineWidgets[w.row] = w;
|
|
|
|
var renderer = this.editor.renderer;
|
|
if (w.html && !w.el) {
|
|
w.el = dom.createElement("div");
|
|
w.el.innerHTML = w.html;
|
|
}
|
|
if (w.el) {
|
|
dom.addCssClass(w.el, "ace_lineWidgetContainer");
|
|
renderer.container.appendChild(w.el);
|
|
w._inDocument = true;
|
|
}
|
|
|
|
if (!w.coverGutter) {
|
|
w.el.style.zIndex = 3;
|
|
}
|
|
if (!w.pixelHeight) {
|
|
w.pixelHeight = w.el.offsetHeight;
|
|
}
|
|
if (w.rowCount == null)
|
|
w.rowCount = w.pixelHeight / renderer.layerConfig.lineHeight;
|
|
|
|
this.session._emit("changeFold", {data:{start:{row: w.row}}});
|
|
|
|
this.$updateRows();
|
|
this.renderWidgets(null, renderer);
|
|
return w;
|
|
};
|
|
|
|
this.removeLineWidget = function(w) {
|
|
w._inDocument = false;
|
|
if (w.el && w.el.parentNode)
|
|
w.el.parentNode.removeChild(w.el);
|
|
if (w.editor && w.editor.destroy) try {
|
|
w.editor.destroy();
|
|
} catch(e){}
|
|
this.session.lineWidgets[w.row] = undefined;
|
|
this.session._emit("changeFold", {data:{start:{row: w.row}}});
|
|
this.$updateRows();
|
|
};
|
|
|
|
this.onWidgetChanged = function(w) {
|
|
this.session._changedWidgets.push(w);
|
|
this.editor && this.editor.renderer.updateFull();
|
|
};
|
|
|
|
this.measureWidgets = function(e, renderer) {
|
|
var ws = this.session._changedWidgets;
|
|
var config = renderer.layerConfig;
|
|
|
|
if (!ws || !ws.length) return;
|
|
var min = Infinity;
|
|
for (var i = 0; i < ws.length; i++) {
|
|
var w = ws[i].lineWidget;
|
|
if (!w._inDocument) {
|
|
w._inDocument = true;
|
|
renderer.container.appendChild(w.el);
|
|
}
|
|
|
|
w.h = w.el.offsetHeight;
|
|
|
|
if (!w.fixedWidth) {
|
|
w.w = w.el.offsetWidth;
|
|
w.screenWidth = Math.ceil(w.w / config.characterWidth);
|
|
}
|
|
|
|
var rowCount = w.h / config.lineHeight;
|
|
if (w.coverLine) {
|
|
rowCount -= this.session.getRowLineCount(w.row);
|
|
if (rowCount < 0)
|
|
rowCount = 0;
|
|
}
|
|
if (w.rowCount != rowCount) {
|
|
w.rowCount = rowCount;
|
|
if (w.row < min)
|
|
min = w.row;
|
|
}
|
|
}
|
|
if (min != Infinity) {
|
|
this.session._emit("changeFold", {data:{start:{row: min}}});
|
|
this.session.lineWidgetWidth = null;
|
|
}
|
|
this.session._changedWidgets = [];
|
|
};
|
|
|
|
this.renderWidgets = function(e, renderer) {
|
|
var config = renderer.layerConfig;
|
|
var ws = this.session.lineWidgets;
|
|
if (!ws)
|
|
return;
|
|
var first = Math.min(this.firstRow, config.firstRow);
|
|
var last = Math.max(this.lastRow, config.lastRow, ws.length);
|
|
|
|
while (first > 0 && !ws[first])
|
|
first--;
|
|
|
|
this.firstRow = config.firstRow;
|
|
this.lastRow = config.lastRow;
|
|
|
|
renderer.$cursorLayer.config = config;
|
|
for (var i = first; i <= last; i++) {
|
|
var w = ws[i];
|
|
if (!w || !w.el) continue;
|
|
|
|
if (!w._inDocument) {
|
|
w._inDocument = true;
|
|
renderer.container.appendChild(w.el);
|
|
}
|
|
var top = renderer.$cursorLayer.getPixelPosition({row: i, column:0}, true).top;
|
|
if (!w.coverLine)
|
|
top += config.lineHeight * this.session.getRowLineCount(w.row);
|
|
w.el.style.top = top - config.offset + "px";
|
|
|
|
var left = w.coverGutter ? 0 : renderer.gutterWidth;
|
|
if (!w.fixedWidth)
|
|
left -= renderer.scrollLeft;
|
|
w.el.style.left = left + "px";
|
|
|
|
if (w.fixedWidth) {
|
|
w.el.style.right = renderer.scrollBar.getWidth() + "px";
|
|
} else {
|
|
w.el.style.right = "";
|
|
}
|
|
}
|
|
};
|
|
|
|
}).call(LineWidgets.prototype);
|
|
|
|
|
|
exports.LineWidgets = LineWidgets;
|
|
|
|
});
|
|
|
|
|
|
|
|
|