SQL Operations Studio Public Preview 1 (0.23) release source code

src/vs/base/browser/ui/highlightedlabel/highlightedLabel.ts

@@ -0,0 +1,91 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+'use strict';
+
+import { escape } from 'vs/base/common/strings';
+import { IDisposable } from 'vs/base/common/lifecycle';
+import * as dom from 'vs/base/browser/dom';
+import * as objects from 'vs/base/common/objects';
+import { expand as expandOcticons } from 'vs/base/browser/ui/octiconLabel/octiconLabel';
+
+export interface IHighlight {
+	start: number;
+	end: number;
+}
+
+export class HighlightedLabel implements IDisposable {
+
+	private domNode: HTMLElement;
+	private text: string;
+	private highlights: IHighlight[];
+	private didEverRender: boolean;
+
+	constructor(container: HTMLElement) {
+		this.domNode = document.createElement('span');
+		this.domNode.className = 'monaco-highlighted-label';
+		this.didEverRender = false;
+		container.appendChild(this.domNode);
+	}
+
+	get element(): HTMLElement {
+		return this.domNode;
+	}
+
+	set(text: string, highlights: IHighlight[] = []) {
+		if (!text) {
+			text = '';
+		}
+		if (this.didEverRender && this.text === text && objects.equals(this.highlights, highlights)) {
+			return;
+		}
+
+		if (!Array.isArray(highlights)) {
+			highlights = [];
+		}
+
+		this.text = text;
+		this.highlights = highlights;
+		this.render();
+	}
+
+	private render() {
+		dom.clearNode(this.domNode);
+
+		let htmlContent: string[] = [],
+			highlight: IHighlight,
+			pos = 0;
+
+		for (let i = 0; i < this.highlights.length; i++) {
+			highlight = this.highlights[i];
+			if (highlight.end === highlight.start) {
+				continue;
+			}
+			if (pos < highlight.start) {
+				htmlContent.push('<span>');
+				htmlContent.push(expandOcticons(escape(this.text.substring(pos, highlight.start))));
+				htmlContent.push('</span>');
+				pos = highlight.end;
+			}
+			htmlContent.push('<span class="highlight">');
+			htmlContent.push(expandOcticons(escape(this.text.substring(highlight.start, highlight.end))));
+			htmlContent.push('</span>');
+			pos = highlight.end;
+		}
+
+		if (pos < this.text.length) {
+			htmlContent.push('<span>');
+			htmlContent.push(expandOcticons(escape(this.text.substring(pos))));
+			htmlContent.push('</span>');
+		}
+
+		this.domNode.innerHTML = htmlContent.join('');
+		this.didEverRender = true;
+	}
+
+	dispose() {
+		this.text = null;
+		this.highlights = null;
+	}
+}