| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223 |
- /* ***** 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 dom = require("../lib/dom");
- var Marker = function(parentEl) {
- this.element = dom.createElement("div");
- this.element.className = "ace_layer ace_marker-layer";
- parentEl.appendChild(this.element);
- };
- (function() {
- this.$padding = 0;
- this.setPadding = function(padding) {
- this.$padding = padding;
- };
- this.setSession = function(session) {
- this.session = session;
- };
-
- this.setMarkers = function(markers) {
- this.markers = markers;
- };
- this.update = function(config) {
- var config = config || this.config;
- if (!config)
- return;
- this.config = config;
- var html = [];
- for (var key in this.markers) {
- var marker = this.markers[key];
- if (!marker.range) {
- marker.update(html, this, this.session, config);
- continue;
- }
- var range = marker.range.clipRows(config.firstRow, config.lastRow);
- if (range.isEmpty()) continue;
- range = range.toScreenRange(this.session);
- if (marker.renderer) {
- var top = this.$getTop(range.start.row, config);
- var left = this.$padding + range.start.column * config.characterWidth;
- marker.renderer(html, range, left, top, config);
- } else if (marker.type == "fullLine") {
- this.drawFullLineMarker(html, range, marker.clazz, config);
- } else if (marker.type == "screenLine") {
- this.drawScreenLineMarker(html, range, marker.clazz, config);
- } else if (range.isMultiLine()) {
- if (marker.type == "text")
- this.drawTextMarker(html, range, marker.clazz, config);
- else
- this.drawMultiLineMarker(html, range, marker.clazz, config);
- } else {
- this.drawSingleLineMarker(html, range, marker.clazz + " ace_start" + " ace_br15", config);
- }
- }
- this.element.innerHTML = html.join("");
- };
- this.$getTop = function(row, layerConfig) {
- return (row - layerConfig.firstRowScreen) * layerConfig.lineHeight;
- };
- function getBorderClass(tl, tr, br, bl) {
- return (tl ? 1 : 0) | (tr ? 2 : 0) | (br ? 4 : 0) | (bl ? 8 : 0);
- }
- // Draws a marker, which spans a range of text on multiple lines
- this.drawTextMarker = function(stringBuilder, range, clazz, layerConfig, extraStyle) {
- var session = this.session;
- var start = range.start.row;
- var end = range.end.row;
- var row = start;
- var prev = 0;
- var curr = 0;
- var next = session.getScreenLastRowColumn(row);
- var lineRange = new Range(row, range.start.column, row, curr);
- for (; row <= end; row++) {
- lineRange.start.row = lineRange.end.row = row;
- lineRange.start.column = row == start ? range.start.column : session.getRowWrapIndent(row);
- lineRange.end.column = next;
- prev = curr;
- curr = next;
- next = row + 1 < end ? session.getScreenLastRowColumn(row + 1) : row == end ? 0 : range.end.column;
- this.drawSingleLineMarker(stringBuilder, lineRange,
- clazz + (row == start ? " ace_start" : "") + " ace_br"
- + getBorderClass(row == start || row == start + 1 && range.start.column, prev < curr, curr > next, row == end),
- layerConfig, row == end ? 0 : 1, extraStyle);
- }
- };
- // Draws a multi line marker, where lines span the full width
- this.drawMultiLineMarker = function(stringBuilder, range, clazz, config, extraStyle) {
- // from selection start to the end of the line
- var padding = this.$padding;
- var height = config.lineHeight;
- var top = this.$getTop(range.start.row, config);
- var left = padding + range.start.column * config.characterWidth;
- extraStyle = extraStyle || "";
- stringBuilder.push(
- "<div class='", clazz, " ace_br1 ace_start' style='",
- "height:", height, "px;",
- "right:0;",
- "top:", top, "px;",
- "left:", left, "px;", extraStyle, "'></div>"
- );
- // from start of the last line to the selection end
- top = this.$getTop(range.end.row, config);
- var width = range.end.column * config.characterWidth;
- stringBuilder.push(
- "<div class='", clazz, " ace_br12' style='",
- "height:", height, "px;",
- "width:", width, "px;",
- "top:", top, "px;",
- "left:", padding, "px;", extraStyle, "'></div>"
- );
- // all the complete lines
- height = (range.end.row - range.start.row - 1) * config.lineHeight;
- if (height <= 0)
- return;
- top = this.$getTop(range.start.row + 1, config);
-
- var radiusClass = (range.start.column ? 1 : 0) | (range.end.column ? 0 : 8);
- stringBuilder.push(
- "<div class='", clazz, (radiusClass ? " ace_br" + radiusClass : ""), "' style='",
- "height:", height, "px;",
- "right:0;",
- "top:", top, "px;",
- "left:", padding, "px;", extraStyle, "'></div>"
- );
- };
- // Draws a marker which covers part or whole width of a single screen line
- this.drawSingleLineMarker = function(stringBuilder, range, clazz, config, extraLength, extraStyle) {
- var height = config.lineHeight;
- var width = (range.end.column + (extraLength || 0) - range.start.column) * config.characterWidth;
- var top = this.$getTop(range.start.row, config);
- var left = this.$padding + range.start.column * config.characterWidth;
- stringBuilder.push(
- "<div class='", clazz, "' style='",
- "height:", height, "px;",
- "width:", width, "px;",
- "top:", top, "px;",
- "left:", left, "px;", extraStyle || "", "'></div>"
- );
- };
- this.drawFullLineMarker = function(stringBuilder, range, clazz, config, extraStyle) {
- var top = this.$getTop(range.start.row, config);
- var height = config.lineHeight;
- if (range.start.row != range.end.row)
- height += this.$getTop(range.end.row, config) - top;
- stringBuilder.push(
- "<div class='", clazz, "' style='",
- "height:", height, "px;",
- "top:", top, "px;",
- "left:0;right:0;", extraStyle || "", "'></div>"
- );
- };
-
- this.drawScreenLineMarker = function(stringBuilder, range, clazz, config, extraStyle) {
- var top = this.$getTop(range.start.row, config);
- var height = config.lineHeight;
- stringBuilder.push(
- "<div class='", clazz, "' style='",
- "height:", height, "px;",
- "top:", top, "px;",
- "left:0;right:0;", extraStyle || "", "'></div>"
- );
- };
- }).call(Marker.prototype);
- exports.Marker = Marker;
- });
|