azuredatastudio/src/sql/base/browser/ui/table/plugins/textWithIconColumn.ts

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

import { escape } from 'sql/base/common/strings';

/**
 * Definition for column with icon on the left of text.
 */
export interface TextWithIconColumnDefinition<T extends Slick.SlickData> extends Slick.Column<T> {
	iconCssClassField?: string;
}

export interface TextWithIconColumnOptions {
	iconCssClassField?: string;
	field?: string;
	width?: number;
	id?: string;
	resizable?: boolean;
	name?: string;
}

export class TextWithIconColumn<T extends Slick.SlickData> {

	private _definition: TextWithIconColumnDefinition<T>;

	constructor(options: TextWithIconColumnOptions) {
		this._definition = {
			id: options.id,
			field: options.field,
			resizable: options.resizable,
			formatter: this.formatter,
			width: options.width,
			name: options.name,
			iconCssClassField: options.iconCssClassField,
			cssClass: 'slick-icon-cell'
		};
	}
	private formatter(row: number, cell: number, value: any, columnDef: Slick.Column<T>, dataContext: T): string {
		const iconColumn = columnDef as TextWithIconColumnDefinition<T>;
		return `<div class="icon codicon slick-icon-cell-content ${iconColumn.iconCssClassField ? dataContext[iconColumn.iconCssClassField] : ''}">${escape(value)}</div>`;
	}

	public get definition(): TextWithIconColumnDefinition<T> {
		return this._definition;
	}
}