206 lines
7.4 KiB
JavaScript
206 lines
7.4 KiB
JavaScript
/* vim:ts=4:sts=4:sw=4:
|
|
* ***** BEGIN LICENSE BLOCK *****
|
|
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
|
|
*
|
|
* The contents of this file are subject to the Mozilla Public License Version
|
|
* 1.1 (the "License"); you may not use this file except in compliance with
|
|
* the License. You may obtain a copy of the License at
|
|
* http://www.mozilla.org/MPL/
|
|
*
|
|
* Software distributed under the License is distributed on an "AS IS" basis,
|
|
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
|
|
* for the specific language governing rights and limitations under the
|
|
* License.
|
|
*
|
|
* The Original Code is Ajax.org Code Editor (ACE).
|
|
*
|
|
* The Initial Developer of the Original Code is
|
|
* Ajax.org B.V.
|
|
* Portions created by the Initial Developer are Copyright (C) 2010
|
|
* the Initial Developer. All Rights Reserved.
|
|
*
|
|
* Contributor(s):
|
|
* Fabian Jakobs <fabian AT ajax DOT org>
|
|
* Julian Viereck <julian DOT viereck AT gmail DOT com>
|
|
*
|
|
* Alternatively, the contents of this file may be used under the terms of
|
|
* either the GNU General Public License Version 2 or later (the "GPL"), or
|
|
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
|
|
* in which case the provisions of the GPL or the LGPL are applicable instead
|
|
* of those above. If you wish to allow use of your version of this file only
|
|
* under the terms of either the GPL or the LGPL, and not to allow others to
|
|
* use your version of this file under the terms of the MPL, indicate your
|
|
* decision by deleting the provisions above and replace them with the notice
|
|
* and other provisions required by the GPL or the LGPL. If you do not delete
|
|
* the provisions above, a recipient may use your version of this file under
|
|
* the terms of any one of the MPL, the GPL or the LGPL.
|
|
*
|
|
* ***** END LICENSE BLOCK ***** */
|
|
|
|
define(function(require, exports, module) {
|
|
"use strict";
|
|
|
|
var dom = require("../lib/dom");
|
|
var oop = require("../lib/oop");
|
|
var EventEmitter = require("../lib/event_emitter").EventEmitter;
|
|
|
|
var Gutter = function(parentEl) {
|
|
this.element = dom.createElement("div");
|
|
this.element.className = "ace_layer ace_gutter-layer";
|
|
parentEl.appendChild(this.element);
|
|
this.setShowFoldWidgets(this.$showFoldWidgets);
|
|
|
|
this.gutterWidth = 0;
|
|
|
|
this.$annotations = [];
|
|
};
|
|
|
|
(function() {
|
|
|
|
oop.implement(this, EventEmitter);
|
|
|
|
this.setSession = function(session) {
|
|
this.session = session;
|
|
};
|
|
|
|
this.addGutterDecoration = function(row, className){
|
|
if (window.console)
|
|
console.warn && console.warn("deprecated use session.addGutterDecoration");
|
|
this.session.addGutterDecoration(row, className);
|
|
};
|
|
|
|
this.removeGutterDecoration = function(row, className){
|
|
if (window.console)
|
|
console.warn && console.warn("deprecated use session.removeGutterDecoration");
|
|
this.session.removeGutterDecoration(row, className);
|
|
};
|
|
|
|
this.setAnnotations = function(annotations) {
|
|
// iterate over sparse array
|
|
this.$annotations = [];
|
|
for (var row in annotations) if (annotations.hasOwnProperty(row)) {
|
|
var rowAnnotations = annotations[row];
|
|
if (!rowAnnotations)
|
|
continue;
|
|
|
|
var rowInfo = this.$annotations[row] = {
|
|
text: []
|
|
};
|
|
for (var i=0; i<rowAnnotations.length; i++) {
|
|
var annotation = rowAnnotations[i];
|
|
var annoText = annotation.text.replace(/"/g, """).replace(/'/g, "’").replace(/</, "<");
|
|
if (rowInfo.text.indexOf(annoText) === -1)
|
|
rowInfo.text.push(annoText);
|
|
var type = annotation.type;
|
|
if (type == "error")
|
|
rowInfo.className = "ace_error";
|
|
else if (type == "warning" && rowInfo.className != "ace_error")
|
|
rowInfo.className = "ace_warning";
|
|
else if (type == "info" && (!rowInfo.className))
|
|
rowInfo.className = "ace_info";
|
|
}
|
|
}
|
|
};
|
|
|
|
this.update = function(config) {
|
|
var emptyAnno = {className: ""};
|
|
var html = [];
|
|
var i = config.firstRow;
|
|
var lastRow = config.lastRow;
|
|
var fold = this.session.getNextFoldLine(i);
|
|
var foldStart = fold ? fold.start.row : Infinity;
|
|
var foldWidgets = this.$showFoldWidgets && this.session.foldWidgets;
|
|
var breakpoints = this.session.$breakpoints;
|
|
var decorations = this.session.$decorations;
|
|
|
|
while (true) {
|
|
if(i > foldStart) {
|
|
i = fold.end.row + 1;
|
|
fold = this.session.getNextFoldLine(i, fold);
|
|
foldStart = fold ?fold.start.row :Infinity;
|
|
}
|
|
if(i > lastRow)
|
|
break;
|
|
|
|
var annotation = this.$annotations[i] || emptyAnno;
|
|
html.push(
|
|
"<div class='ace_gutter-cell ",
|
|
breakpoints[i] || "", decorations[i] || "", annotation.className,
|
|
"' style='height:", this.session.getRowLength(i) * config.lineHeight, "px;'>",
|
|
i + 1
|
|
);
|
|
|
|
if (foldWidgets) {
|
|
var c = foldWidgets[i];
|
|
// check if cached value is invalidated and we need to recompute
|
|
if (c == null)
|
|
c = foldWidgets[i] = this.session.getFoldWidget(i);
|
|
if (c)
|
|
html.push(
|
|
"<span class='ace_fold-widget ", c,
|
|
c == "start" && i == foldStart && i < fold.end.row ? " closed" : " open",
|
|
"'></span>"
|
|
);
|
|
}
|
|
|
|
html.push("</div>");
|
|
|
|
i++;
|
|
}
|
|
|
|
if (this.session.$useWrapMode)
|
|
html.push(
|
|
"<div class='ace_gutter-cell' style='pointer-events:none;opacity:0'>",
|
|
this.session.getLength() - 1,
|
|
"</div>"
|
|
);
|
|
|
|
this.element = dom.setInnerHtml(this.element, html.join(""));
|
|
this.element.style.height = config.minHeight + "px";
|
|
|
|
var gutterWidth = this.element.offsetWidth;
|
|
if (gutterWidth !== this.gutterWidth) {
|
|
this.gutterWidth = gutterWidth;
|
|
this._emit("changeGutterWidth", gutterWidth);
|
|
}
|
|
};
|
|
|
|
this.$showFoldWidgets = true;
|
|
this.setShowFoldWidgets = function(show) {
|
|
if (show)
|
|
dom.addCssClass(this.element, "ace_folding-enabled");
|
|
else
|
|
dom.removeCssClass(this.element, "ace_folding-enabled");
|
|
|
|
this.$showFoldWidgets = show;
|
|
this.$padding = null;
|
|
};
|
|
|
|
this.getShowFoldWidgets = function() {
|
|
return this.$showFoldWidgets;
|
|
};
|
|
|
|
this.$computePadding = function() {
|
|
if (!this.element.firstChild)
|
|
return {left: 0, right: 0};
|
|
var style = dom.computedStyle(this.element.firstChild);
|
|
this.$padding = {}
|
|
this.$padding.left = parseInt(style.paddingLeft) + 1;
|
|
this.$padding.right = parseInt(style.paddingRight);
|
|
return this.$padding;
|
|
};
|
|
|
|
this.getRegion = function(point) {
|
|
var padding = this.$padding || this.$computePadding();
|
|
var rect = this.element.getBoundingClientRect();
|
|
if (point.x < padding.left + rect.left)
|
|
return "markers";
|
|
if (this.$showFoldWidgets && point.x > rect.right - padding.right)
|
|
return "foldWidgets";
|
|
};
|
|
|
|
}).call(Gutter.prototype);
|
|
|
|
exports.Gutter = Gutter;
|
|
|
|
});
|