mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-04 09:35:38 -05:00
692ed02df8
* started moving properties to home tab * moved properties * refactored panel in dashboard * fix errors * fix miss-naming * added collapsable properties * revert unnecessary change * add icon for collapsing properties
62 lines
3.0 KiB
TypeScript
62 lines
3.0 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 'vs/css!./dashboardHomeContainer';
|
|
|
|
import { Component, forwardRef, Input, ChangeDetectorRef, Inject, ViewChild } from '@angular/core';
|
|
|
|
import { DashboardWidgetContainer } from 'sql/parts/dashboard/containers/dashboardWidgetContainer.component';
|
|
import { DashboardTab } from 'sql/parts/dashboard/common/interfaces';
|
|
import { WidgetConfig } from 'sql/parts/dashboard/common/dashboardWidget';
|
|
import { DashboardServiceInterface } from 'sql/parts/dashboard/services/dashboardServiceInterface.service';
|
|
import { AngularEventType } from '../../../services/angularEventing/angularEventingService';
|
|
import { DashboardWidgetWrapper } from 'sql/parts/dashboard/contents/dashboardWidgetWrapper.component';
|
|
import { ConfigurationTarget } from 'vs/platform/configuration/common/configuration';
|
|
|
|
@Component({
|
|
selector: 'dashboard-home-container',
|
|
providers: [{ provide: DashboardTab, useExisting: forwardRef(() => DashboardHomeContainer) }],
|
|
template: `
|
|
<div class="scroll-container" #scrollContainer>
|
|
<div class="scrollable" #scrollable>
|
|
<dashboard-widget-wrapper #propertiesClass *ngIf="properties" [collapsable]="true" [_config]="properties"
|
|
style="padding-left: 10px; padding-right: 10px; display: block" [style.height.px]="_propertiesClass?.collapsed ? '30' : '90'">
|
|
</dashboard-widget-wrapper>
|
|
<widget-content [widgets]="widgets" [originalConfig]="tab.originalConfig" [context]="tab.context">
|
|
</widget-content>
|
|
</div>
|
|
</div>
|
|
`
|
|
})
|
|
export class DashboardHomeContainer extends DashboardWidgetContainer {
|
|
@Input() private properties: WidgetConfig;
|
|
@ViewChild('propertiesClass') private _propertiesClass: DashboardWidgetWrapper;
|
|
|
|
constructor(
|
|
@Inject(forwardRef(() => ChangeDetectorRef)) _cd: ChangeDetectorRef,
|
|
@Inject(forwardRef(() => DashboardServiceInterface)) protected dashboardService: DashboardServiceInterface,
|
|
|
|
) {
|
|
super(_cd);
|
|
}
|
|
|
|
ngAfterContentInit() {
|
|
let collapsedVal = this.dashboardService.getSettings<string>(`${this.properties.context}.properties`);
|
|
if (collapsedVal === 'collapsed') {
|
|
this._propertiesClass.collapsed = true;
|
|
}
|
|
this.dashboardService.angularEventingService.onAngularEvent(this.dashboardService.getUnderlyingUri(), event => {
|
|
if (event.event === AngularEventType.COLLAPSE_WIDGET && this._propertiesClass && event.payload === this._propertiesClass.guid) {
|
|
this._propertiesClass.collapsed = !this._propertiesClass.collapsed;
|
|
this._cd.detectChanges();
|
|
this.dashboardService.configurationEditingService.writeConfiguration(ConfigurationTarget.USER, {
|
|
key: `dashboard.${this.properties.context}.properties`,
|
|
value: this._propertiesClass.collapsed ? 'collapsed' : true
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|