dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Convert widget style to camel case

Browse Source
This commit is contained in:
Artem Dzhereleiko 2023-11-09 15:37:49 +02:00
parent 3bc89c35af
commit d52f745909
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-ngx/src/app/core/utils.ts
View File

@ -817,3 +817,7 @@ export const getOS = (): string => {
export const camelCase = (str: string): string => {
return _.camelCase(str);
};
export const convertKeysToCamelCase = (obj: Record<string, any>): Record<string, any> => {
return _.mapKeys(obj, (value, key) => _.camelCase(key));
};

17
ui-ngx/src/app/modules/home/models/dashboard-component.models.ts
View File

@ -27,7 +27,15 @@ import { WidgetLayout, WidgetLayouts } from '@app/shared/models/dashboard.models
import { IDashboardWidget, WidgetAction, WidgetContext, WidgetHeaderAction } from './widget-component.models';
import { Timewindow } from '@shared/models/time/time.models';
import { Observable, of, Subject } from 'rxjs';
import { formattedDataFormDatasourceData, guid, isDefined, isEqual, isUndefined } from '@app/core/utils';
import {
convertKeysToCamelCase,
formattedDataFormDatasourceData,
guid,
isDefined,
isEmpty,
isEqual,
isUndefined
} from '@app/core/utils';
import { IterableDiffer, KeyValueDiffer } from '@angular/core';
import { IAliasController, IStateController } from '@app/core/api/widget-api.models';
import { enumerable } from '@shared/decorators/enumerable';
@ -479,9 +487,10 @@ export class DashboardWidget implements GridsterItem, IDashboardWidget {
backgroundColor: this.backgroundColor,
padding: this.padding,
margin: this.margin,
borderRadius: this.borderRadius || 'unset' };
if (this.widget.config.widgetStyle) {
this.style = {...this.style, ...this.widget.config.widgetStyle};
borderRadius: this.borderRadius };
if (this.widget.config.widgetStyle && !isEmpty(this.widget.config.widgetStyle)) {
const convertedStyle = convertKeysToCamelCase(this.widget.config.widgetStyle);
this.style = {...this.style, ...convertedStyle};
}
this.showWidgetTitlePanel = this.widgetContext.hideTitlePanel ? false :