Browse Source

clean up

pull/14488/head
Maksym Tsymbarov 10 months ago
parent
commit
d898674268
  1. 2
      ui-ngx/src/app/modules/home/components/widget/config/basic/chart/bar-chart-basic-config.component.ts
  2. 54
      ui-ngx/src/app/modules/home/components/widget/config/basic/chart/latest-chart-basic-config.component.html
  3. 2
      ui-ngx/src/app/modules/home/components/widget/config/basic/chart/polar-area-chart-basic-config.component.ts
  4. 1
      ui-ngx/src/app/modules/home/components/widget/lib/chart/latest-chart.ts
  5. 4
      ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart.models.ts
  6. 14
      ui-ngx/src/app/modules/home/components/widget/lib/settings/chart/latest-chart-widget-settings.component.html
  7. 27
      ui-ngx/src/app/modules/home/components/widget/lib/settings/chart/polar-area-chart-widget-settings.component.ts

2
ui-ngx/src/app/modules/home/components/widget/config/basic/chart/bar-chart-basic-config.component.ts

@ -41,7 +41,7 @@ export class BarChartBasicConfigComponent extends LatestChartBasicConfigComponen
barChartConfigTemplate: TemplateRef<any>; barChartConfigTemplate: TemplateRef<any>;
predefinedValues = widgetTitleAutocompleteValues; predefinedValues = widgetTitleAutocompleteValues;
constructor(protected store: Store<AppState>, constructor(protected store: Store<AppState>,
protected widgetConfigComponent: WidgetConfigComponent, protected widgetConfigComponent: WidgetConfigComponent,
protected fb: UntypedFormBuilder) { protected fb: UntypedFormBuilder) {

54
ui-ngx/src/app/modules/home/components/widget/config/basic/chart/latest-chart-basic-config.component.html

@ -21,27 +21,27 @@
formControlName="timewindowConfig"> formControlName="timewindowConfig">
</tb-timewindow-config-panel> </tb-timewindow-config-panel>
<tb-datasources <tb-datasources
[configMode]="basicMode" [configMode]="basicMode"
hideDatasourceLabel hideDatasourceLabel
hideDataKeys hideDataKeys
forceSingleDatasource forceSingleDatasource
formControlName="datasources"> formControlName="datasources">
</tb-datasources> </tb-datasources>
<tb-data-keys-panel <tb-data-keys-panel
panelTitle="{{ 'widgets.chart.series' | translate }}" panelTitle="{{ 'widgets.chart.series' | translate }}"
addKeyTitle="{{ 'widgets.chart.add-series' | translate }}" addKeyTitle="{{ 'widgets.chart.add-series' | translate }}"
keySettingsTitle="{{ 'widgets.chart.series-settings' | translate }}" keySettingsTitle="{{ 'widgets.chart.series-settings' | translate }}"
removeKeyTitle="{{ 'widgets.chart.remove-series' | translate }}" removeKeyTitle="{{ 'widgets.chart.remove-series' | translate }}"
noKeysText="{{ 'widgets.chart.no-series' | translate }}" noKeysText="{{ 'widgets.chart.no-series' | translate }}"
requiredKeysText="{{ 'widgets.chart.no-series-error' | translate }}" requiredKeysText="{{ 'widgets.chart.no-series-error' | translate }}"
hideUnits hideUnits
hideDecimals hideDecimals
hideDataKeyUnits hideDataKeyUnits
hideDataKeyDecimals hideDataKeyDecimals
[datasourceType]="datasource?.type" [datasourceType]="datasource?.type"
[deviceId]="datasource?.deviceId" [deviceId]="datasource?.deviceId"
[entityAliasId]="datasource?.entityAliasId" [entityAliasId]="datasource?.entityAliasId"
formControlName="series"> formControlName="series">
</tb-data-keys-panel> </tb-data-keys-panel>
<div class="tb-form-panel"> <div class="tb-form-panel">
<div class="tb-form-panel-title" translate>widget-config.appearance</div> <div class="tb-form-panel-title" translate>widget-config.appearance</div>
@ -210,7 +210,7 @@
</mat-expansion-panel> </mat-expansion-panel>
</div> </div>
<tb-chart-animation-settings <tb-chart-animation-settings
formControlName="animation"> formControlName="animation">
</tb-chart-animation-settings> </tb-chart-animation-settings>
<div class="tb-form-panel"> <div class="tb-form-panel">
<div class="tb-form-panel-title" translate>widget-config.card-appearance</div> <div class="tb-form-panel-title" translate>widget-config.card-appearance</div>
@ -239,7 +239,7 @@
</div> </div>
</div> </div>
<tb-widget-actions-panel <tb-widget-actions-panel
formControlName="actions"> formControlName="actions">
</tb-widget-actions-panel> </tb-widget-actions-panel>
</ng-container> </ng-container>
@ -346,8 +346,8 @@
<div class="tb-form-panel"> <div class="tb-form-panel">
<div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div> <div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div>
<tb-chart-bar-settings <tb-chart-bar-settings
formControlName="barSettings" formControlName="barSettings"
[series]="false"> [series]="false">
</tb-chart-bar-settings> </tb-chart-bar-settings>
</div> </div>
<div class="tb-form-panel"> <div class="tb-form-panel">
@ -385,9 +385,9 @@
<div class="tb-form-panel"> <div class="tb-form-panel">
<div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div> <div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div>
<tb-chart-bar-settings <tb-chart-bar-settings
formControlName="barSettings" formControlName="barSettings"
pieLabelPosition pieLabelPosition
[series]="false"> [series]="false">
</tb-chart-bar-settings> </tb-chart-bar-settings>
</div> </div>
<div class="tb-form-panel"> <div class="tb-form-panel">
@ -508,7 +508,7 @@
</div> </div>
</div> </div>
<tb-chart-fill-settings <tb-chart-fill-settings
formControlName="fillAreaSettings"> formControlName="fillAreaSettings">
</tb-chart-fill-settings> </tb-chart-fill-settings>
</div> </div>
<div class="tb-form-panel"> <div class="tb-form-panel">

2
ui-ngx/src/app/modules/home/components/widget/config/basic/chart/polar-area-chart-basic-config.component.ts

@ -41,7 +41,7 @@ export class PolarAreaChartBasicConfigComponent extends LatestChartBasicConfigCo
polarAreaChartConfigTemplate: TemplateRef<any>; polarAreaChartConfigTemplate: TemplateRef<any>;
predefinedValues = widgetTitleAutocompleteValues; predefinedValues = widgetTitleAutocompleteValues;
constructor(protected store: Store<AppState>, constructor(protected store: Store<AppState>,
protected widgetConfigComponent: WidgetConfigComponent, protected widgetConfigComponent: WidgetConfigComponent,
protected fb: UntypedFormBuilder) { protected fb: UntypedFormBuilder) {

1
ui-ngx/src/app/modules/home/components/widget/lib/chart/latest-chart.ts

@ -142,7 +142,6 @@ export abstract class TbLatestChart<S extends LatestChartSettings> {
public update(): void { public update(): void {
for (const dsData of this.ctx.data) { for (const dsData of this.ctx.data) {
console.log("this.ctx.data",this.ctx.data)
let value = 0; let value = 0;
const tsValue = dsData.data[0]; const tsValue = dsData.data[0];
const dataItem = this.dataItems.find(item => item.dataKey === dsData.dataKey); const dataItem = this.dataItems.find(item => item.dataKey === dsData.dataKey);

4
ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart.models.ts

@ -381,8 +381,8 @@ export interface TimeSeriesChartYAxisSettings extends TimeSeriesChartAxisSetting
decimals?: number; decimals?: number;
interval?: number; interval?: number;
splitNumber?: number; splitNumber?: number;
min?: string | ValueSourceConfig; min?: number | string | ValueSourceConfig;
max?: string | ValueSourceConfig; max?: number | string | ValueSourceConfig;
ticksGenerator?: TimeSeriesChartTicksGenerator | string; ticksGenerator?: TimeSeriesChartTicksGenerator | string;
ticksFormatter?: TimeSeriesChartTicksFormatter | string; ticksFormatter?: TimeSeriesChartTicksFormatter | string;
} }

14
ui-ngx/src/app/modules/home/components/widget/lib/settings/chart/latest-chart-widget-settings.component.html

@ -120,7 +120,7 @@
</mat-expansion-panel> </mat-expansion-panel>
</div> </div>
<tb-chart-animation-settings <tb-chart-animation-settings
formControlName="animation"> formControlName="animation">
</tb-chart-animation-settings> </tb-chart-animation-settings>
<div class="tb-form-panel"> <div class="tb-form-panel">
<div class="tb-form-panel-title" translate>widget-config.card-appearance</div> <div class="tb-form-panel-title" translate>widget-config.card-appearance</div>
@ -256,8 +256,8 @@
<div class="tb-form-panel"> <div class="tb-form-panel">
<div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div> <div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div>
<tb-chart-bar-settings <tb-chart-bar-settings
formControlName="barSettings" formControlName="barSettings"
[series]="false"> [series]="false">
</tb-chart-bar-settings> </tb-chart-bar-settings>
</div> </div>
<div class="tb-form-panel"> <div class="tb-form-panel">
@ -303,9 +303,9 @@
<div class="tb-form-panel"> <div class="tb-form-panel">
<div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div> <div class="tb-form-panel-title" translate>widgets.bar-chart.bar-appearance</div>
<tb-chart-bar-settings <tb-chart-bar-settings
formControlName="barSettings" formControlName="barSettings"
pieLabelPosition pieLabelPosition
[series]="false"> [series]="false">
</tb-chart-bar-settings> </tb-chart-bar-settings>
</div> </div>
<div class="tb-form-panel"> <div class="tb-form-panel">
@ -434,7 +434,7 @@
</div> </div>
</div> </div>
<tb-chart-fill-settings <tb-chart-fill-settings
formControlName="fillAreaSettings"> formControlName="fillAreaSettings">
</tb-chart-fill-settings> </tb-chart-fill-settings>
</div> </div>
<div class="tb-form-panel"> <div class="tb-form-panel">

27
ui-ngx/src/app/modules/home/components/widget/lib/settings/chart/polar-area-chart-widget-settings.component.ts

@ -26,7 +26,6 @@ import {
import { import {
LatestChartWidgetSettingsComponent LatestChartWidgetSettingsComponent
} from '@home/components/widget/lib/settings/chart/latest-chart-widget-settings.component'; } from '@home/components/widget/lib/settings/chart/latest-chart-widget-settings.component';
import { ValueSourceConfig, ValueSourceType } from '@shared/models/widget-settings.models';
@Component({ @Component({
selector: 'tb-polar-area-chart-widget-settings', selector: 'tb-polar-area-chart-widget-settings',
@ -53,32 +52,10 @@ export class PolarAreaChartWidgetSettingsComponent extends LatestChartWidgetSett
protected setupLatestChartControls(latestChartWidgetSettingsForm: UntypedFormGroup, settings: WidgetSettings) { protected setupLatestChartControls(latestChartWidgetSettingsForm: UntypedFormGroup, settings: WidgetSettings) {
latestChartWidgetSettingsForm.addControl('barSettings', this.fb.control(settings.barSettings, [])); latestChartWidgetSettingsForm.addControl('barSettings', this.fb.control(settings.barSettings, []));
latestChartWidgetSettingsForm.addControl('axisMin', this.fb.control(settings.axisMin)); latestChartWidgetSettingsForm.addControl('axisMin', this.fb.control(settings.axisMin, []));
latestChartWidgetSettingsForm.addControl('axisMax', this.fb.control(settings.axisMax)); latestChartWidgetSettingsForm.addControl('axisMax', this.fb.control(settings.axisMax, []));
latestChartWidgetSettingsForm.addControl('axisTickLabelFont', this.fb.control(settings.axisTickLabelFont, [])); latestChartWidgetSettingsForm.addControl('axisTickLabelFont', this.fb.control(settings.axisTickLabelFont, []));
latestChartWidgetSettingsForm.addControl('axisTickLabelColor', this.fb.control(settings.axisTickLabelColor, [Validators.min(0)])); latestChartWidgetSettingsForm.addControl('axisTickLabelColor', this.fb.control(settings.axisTickLabelColor, [Validators.min(0)]));
latestChartWidgetSettingsForm.addControl('angleAxisStartAngle', this.fb.control(settings.angleAxisStartAngle, [])); latestChartWidgetSettingsForm.addControl('angleAxisStartAngle', this.fb.control(settings.angleAxisStartAngle, []));
} }
protected prepareInputSettings(settings: WidgetSettings): WidgetSettings {
settings.axisMin = this.normalizeAxisLimit(settings.axisMin);
settings.axisMax = this.normalizeAxisLimit(settings.axisMax);
return super.prepareInputSettings(settings);
}
private normalizeAxisLimit(limit: any): ValueSourceConfig {
if (!limit) {
return {
type: ValueSourceType.constant,
value: null,
entityAlias: null
};
} else if (typeof limit === 'number') {
return {
type: ValueSourceType.constant,
value: limit,
entityAlias: null
};
}
return limit;
}
} }

Loading…
Cancel
Save