azuredatastudio/samples/sqlservices/src/controllers/splitPropertiesPanel.ts

/*---------------------------------------------------------------------------------------------
 *  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 * as azdata from 'azdata';

/**
 * The main controller class that initializes the extension
 */
export default class SplitPropertiesPanel {
	private panels: azdata.FlexContainer[];
	private _modelBase: azdata.FlexContainer;
	constructor(view: azdata.ModelView, numPanels: number) {
		this.panels = [];
		let ratio = Math.round(100 / numPanels);
		for (let i = 0; i < numPanels; i++) {
			this.panels.push(view.modelBuilder.flexContainer()
				.withLayout({ flexFlow: 'column' }).component());
		}
		this._modelBase = view.modelBuilder.flexContainer()
			.withLayout({
				flexFlow: 'row'
			}).withItems(this.panels, {
				flex: `0 1 ${ratio}%`
			})
			.component();
	}

	public get modelBase(): azdata.Component {
		return this._modelBase;
	}

	public addItem(item: azdata.Component, panel: number): void {
		if (panel >= this.panels.length) {
			throw new Error(`Cannot add to panel ${panel} as only ${this.panels.length - 1} panels defined`);
		}
		this.panels[panel].addItem(item, undefined);
	}
}