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

import { DesignerTab } from 'sql/base/browser/ui/designer/interfaces';
import { IPanelView } from 'sql/base/browser/ui/panel/panel';
import { Table } from 'sql/base/browser/ui/table/table';
import { Disposable } from 'vs/base/common/lifecycle';
import * as DOM from 'vs/base/browser/dom';
import { CreateComponentFunc } from 'sql/base/browser/ui/designer/designer';

export class DesignerTabPanelView extends Disposable implements IPanelView {
	private _componentsContainer: HTMLElement;
	private _tables: Table<Slick.SlickData>[] = [];
	constructor(private readonly _tab: DesignerTab, private _createComponent: CreateComponentFunc) {
		super();
		this._componentsContainer = DOM.$('.components-grid');
		this._tab.components.forEach(componentDefition => {
			const component = this._createComponent(this._componentsContainer, componentDefition, componentDefition.propertyName);
			if (componentDefition.componentType === 'table') {
				this._tables.push(component as Table<Slick.SlickData>);
			}
		});
	}

	render(container: HTMLElement): void {
		container.appendChild(this._componentsContainer);
	}

	layout(dimension: DOM.Dimension): void {
		this._tables.forEach(table => {
			table.layout(new DOM.Dimension(dimension.width - 10, dimension.height - 20));
		});
	}
}