Added categories and search based filtering to the resource dialog. (#12658)

* added filtering to the resource type along with a new component.

* -Added caching of cards
-Removed unused component props
-localized tags
-limited the scope of list items

* Made some changes in the PR

* - Added Iot Category to SQL edge
- Moved category names to constants
- Moved localization strings to localized constants
- Made filtering logic more concise
- Changed how category list is generated
--Category list can now be ordered
-Added back event generation for selectedCard

* Fixed bugs, and some additional changes
-Fixed radiogroup height to avoid the movement of options below it
-Restoring the focus back to the search and listview components
- Added focus behaviour for listview
- Fixed a typo in comment

* Made categories an Enum

* Added localized string

* localized category string
converted categories to enum.

* made the filtering logic more concise.

* returning string if no localized string formed
removed unnecessary returns

* fixed the filtering tag logic
resetting search when category is changed

* removing the iot tag from sql edge deployment

* made filtering logic more concise
made enum const

* added vscode list

* some cleanup

* Some PR changes
- Made PR camelcase
- added comments to SQL
- removed unnecessary export

* -Some PR related changes
-Removing unsupported style property
-scoping down css and removing unused ones.

* Fixed a comment text

* Fixed typings for listview event
This commit is contained in:
Aasim Khan
2020-10-07 13:38:12 -07:00
committed by GitHub
parent 830cef06db
commit 280a9d20f9
18 changed files with 512 additions and 28 deletions

View File

@@ -248,6 +248,7 @@ declare module 'azdata' {
export interface ModelBuilder {
radioCardGroup(): ComponentBuilder<RadioCardGroupComponent, RadioCardGroupComponentProperties>;
listView(): ComponentBuilder<ListViewComponent, ListViewComponentProperties>;
tabbedPanel(): TabbedPanelComponentBuilder;
separator(): ComponentBuilder<SeparatorComponent, SeparatorComponentProperties>;
propertiesContainer(): ComponentBuilder<PropertiesContainerComponent, PropertiesContainerComponentProperties>;
@@ -301,6 +302,28 @@ declare module 'azdata' {
}
export interface ListViewComponentProperties extends ComponentProperties {
title?: ListViewTitle;
options: ListViewOption[];
selectedOptionId?: string;
}
export interface ListViewTitle {
text?: string;
style?: CssStyles;
}
export interface ListViewOption {
label: string;
id: string;
}
export type ListViewClickEvent = { id: string };
export interface ListViewComponent extends Component, ListViewComponentProperties {
onDidClick: vscode.Event<ListViewClickEvent>;
}
export interface SeparatorComponent extends Component {
}
export interface SeparatorComponentProperties extends ComponentProperties {