mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-10 18:22:34 -05:00
220b2b4ac4
* initial changes for making a QDS report with placeholders * Add icon for configure button * Add another example report to show layout * move files * add placeholder names to components and cleanup toolbar * cleanup * switch to createViews() instead of createTop and BottomSections() * add QueryStoreView class for the different components in a report * cleanup * add more comments * fix yarn not running for query store extension folder * add missing break * change one more view to container
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
import * as azdata from 'azdata';
|
|
import { createOneComponentFlexContainer } from '../common/utils';
|
|
|
|
/**
|
|
* Defines a view in a query store report
|
|
*/
|
|
export class QueryStoreView {
|
|
// TODO: add toolbar support
|
|
// TODO: add support for toggling between chart and table components (could potentially add a child class to support this).
|
|
public component?: azdata.Component; // chart, query plan, text (component to display whole query text)
|
|
|
|
/**
|
|
*
|
|
* @param title Title of view to display
|
|
* @param backgroundColor TODO: remove this after chart components are supported
|
|
*/
|
|
constructor(private title: string, private backgroundColor: string) { }
|
|
|
|
/**
|
|
* Creates component in a container with the background color. Eventually will create the component with a toolbar in a flex container
|
|
* @param view
|
|
* @returns
|
|
*/
|
|
public async createViewContainer(view: azdata.ModelView): Promise<azdata.FlexContainer> {
|
|
// TODO: replace these text components with the actual chart/table/query plan components
|
|
this.component = view.modelBuilder.text().withProps({
|
|
value: this.title
|
|
}).component();
|
|
|
|
return await createOneComponentFlexContainer(view, this.component, this.backgroundColor);
|
|
}
|
|
}
|