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

IE11 fixes.

Browse Source
This commit is contained in:
Igor Kulikov 2020-02-05 17:52:18 +02:00
parent 66d08103e1
commit c979a93099
14 changed files with 60 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui-ngx/package-lock.json generated
View File

@ -11724,17 +11724,17 @@
}
},
"schema-inspector": {
"version": "1.6.9",
"resolved": "https://registry.npmjs.org/schema-inspector/-/schema-inspector-1.6.9.tgz",
"integrity": "sha512-MNS3SOn6noecIv9R+gwroIgiOLQoRY1IRXToFvVBo2QMfnXy1E+SGRVWJFsJPqgy0lAivUfPLaVLhvAI35HKRg==",
"version": "1.6.8",
"resolved": "https://registry.npmjs.org/schema-inspector/-/schema-inspector-1.6.8.tgz",
"integrity": "sha1-ueU5g8xV/y29e2Xj2+CF2dEoXyo=",
"requires": {
"async": "^3.1.0"
"async": "^1.5.0"
},
"dependencies": {
"async": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/async/-/async-3.1.1.tgz",
"integrity": "sha512-X5Dj8hK1pJNC2Wzo2Rcp9FBVdJMGRR/S7V+lH46s8GVFhtbo5O4Le5GECCF/8PISVdkUA6mMPvgz7qTTD1rf1g=="
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
"integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo="
}
}
},

2
ui-ngx/package.json
View File

@ -74,7 +74,7 @@
"react-dropzone": "^10.2.1",
"reactcss": "^1.2.3",
"rxjs": "^6.5.4",
"schema-inspector": "^1.6.9",
"schema-inspector": "1.6.8",
"screenfull": "^5.0.1",
"split.js": "^1.5.11",
"systemjs": "0.21.5",

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

@ -109,7 +109,7 @@ export function isString(value: any): boolean {
export function formatValue(value: any, dec?: number, units?: string, showZeroDecimals?: boolean): string | undefined {
if (isDefined(value) &&
value != null && isNumeric(value)) {
value !== null && isNumeric(value)) {
let formatted: string | number = Number(value);
if (isDefined(dec)) {
formatted = formatted.toFixed(dec);
@ -123,10 +123,14 @@ export function formatValue(value: any, dec?: number, units?: string, showZeroDe
}
return formatted;
} else {
return value;
return value !== null ? value : '';
}
}
export function objectValues(obj: any): any[] {
return Object.keys(obj).map(e => obj[e]);
}
export function deleteNullProperties(obj: any) {
if (isUndefined(obj) || obj == null) {
return;

2
ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.html
View File

@ -15,7 +15,7 @@
limitations under the License.
-->
<form [formGroup]="alarmFormGroup" style="width: 600px;">
<form [formGroup]="alarmFormGroup" style="min-width: 600px;">
<mat-toolbar fxLayout="row" color="primary">
<h2>{{ 'alarm.alarm-details' | translate }}</h2>
<span fxFlex></span>

2
ui-ngx/src/app/modules/home/components/entity/entities-table.component.html
View File

@ -221,7 +221,7 @@
'tb-current-entity': dataSource.isCurrentEntity(entity)}"
*matRowDef="let entity; columns: displayedColumns;" (click)="onRowClick($event, entity)"></mat-row>
</mat-table>
<span [fxShow]="dataSource.isEmpty() | async"
<span [fxShow]="!(isLoading$ | async) && (dataSource.isEmpty() | async)"
fxLayoutAlign="center center"
class="no-data-found" translate>{{ translations.noEntities }}</span>
</div>

2
ui-ngx/src/app/modules/home/components/entity/entities-table.component.ts
View File

@ -419,7 +419,7 @@ export class EntitiesTableComponent extends PageComponent implements AfterViewIn
}
return res;
} else {
return null;
return '';
}
}

2
ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.scss
View File

@ -18,11 +18,9 @@
height: 100%;
.tb-table-widget {
mat-footer-row, mat-row {
min-height: 38px;
height: 38px;
}
mat-header-row {
min-height: 40px;
height: 40px;
}
mat-toolbar {

38
ui-ngx/src/app/modules/home/components/widget/widget.component.ts
View File

@ -426,7 +426,7 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
this.initialize().subscribe(
() => {
this.cd.detectChanges();
this.detectChanges();
this.onInit();
},
(err) => {
@ -435,6 +435,12 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
);
}
private detectChanges() {
if (!this.destroyed) {
this.cd.detectChanges();
}
}
private isReady(): boolean {
return this.subscriptionInited && this.widgetSizeDetected;
}
@ -546,7 +552,7 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
this.widgetContext.reset();
this.subscriptionInited = true;
this.configureDynamicWidgetComponent();
this.cd.detectChanges();
this.detectChanges();
this.onInit();
}
},
@ -564,7 +570,7 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
this.widgetContext.reset();
this.subscriptionInited = true;
this.configureDynamicWidgetComponent();
this.cd.detectChanges();
this.detectChanges();
this.onInit();
}
}
@ -760,22 +766,18 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
dataLoading: (subscription) => {
if (this.loadingData !== subscription.loadingData) {
this.loadingData = subscription.loadingData;
if (!this.destroyed) {
this.cd.detectChanges();
}
this.detectChanges();
}
},
legendDataUpdated: (subscription, detectChanges) => {
if (detectChanges && !this.destroyed) {
this.cd.detectChanges();
if (detectChanges) {
this.detectChanges();
}
},
timeWindowUpdated: (subscription, timeWindowConfig) => {
this.ngZone.run(() => {
this.widget.config.timewindow = timeWindowConfig;
if (!this.destroyed) {
this.cd.detectChanges();
}
this.detectChanges();
});
}
};
@ -836,7 +838,7 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
if (this.dynamicWidgetComponent) {
this.dynamicWidgetComponent.rpcEnabled = subscription.rpcEnabled;
this.dynamicWidgetComponent.executingRpcRequest = subscription.executingRpcRequest;
this.cd.detectChanges();
this.detectChanges();
}
},
onRpcSuccess: (subscription) => {
@ -844,7 +846,7 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
this.dynamicWidgetComponent.executingRpcRequest = subscription.executingRpcRequest;
this.dynamicWidgetComponent.rpcErrorText = subscription.rpcErrorText;
this.dynamicWidgetComponent.rpcRejection = subscription.rpcRejection;
this.cd.detectChanges();
this.detectChanges();
}
},
onRpcFailed: (subscription) => {
@ -852,14 +854,14 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
this.dynamicWidgetComponent.executingRpcRequest = subscription.executingRpcRequest;
this.dynamicWidgetComponent.rpcErrorText = subscription.rpcErrorText;
this.dynamicWidgetComponent.rpcRejection = subscription.rpcRejection;
this.cd.detectChanges();
this.detectChanges();
}
},
onRpcErrorCleared: (subscription) => {
if (this.dynamicWidgetComponent) {
this.dynamicWidgetComponent.rpcErrorText = null;
this.dynamicWidgetComponent.rpcRejection = null;
this.cd.detectChanges();
this.detectChanges();
}
}
};
@ -873,16 +875,16 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI
createSubscriptionSubject.error(err);
}
);
this.cd.detectChanges();
this.detectChanges();
} else if (this.widget.type === widgetType.static) {
this.loadingData = false;
createSubscriptionSubject.next();
createSubscriptionSubject.complete();
this.cd.detectChanges();
this.detectChanges();
} else {
createSubscriptionSubject.next();
createSubscriptionSubject.complete();
this.cd.detectChanges();
this.detectChanges();
}
return createSubscriptionSubject.asObservable();
}

11
ui-ngx/src/app/modules/home/models/datasource/entity-datasource.ts
View File

@ -20,7 +20,7 @@ import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
import { emptyPageData, PageData } from '@shared/models/page/page-data';
import { BaseData, HasId } from '@shared/models/base-data';
import { CollectionViewer, DataSource } from '@angular/cdk/typings/collections';
import { catchError, map, take, tap } from 'rxjs/operators';
import { catchError, map, share, take, tap } from 'rxjs/operators';
import { SelectionModel } from '@angular/cdk/collections';
import {EntityBooleanFunction} from '@home/models/entity/entities-table-config.models';
@ -78,19 +78,22 @@ export class EntitiesDataSource<T extends BaseData<HasId>, P extends PageLink =
isAllSelected(): Observable<boolean> {
const numSelected = this.selection.selected.length;
return this.entitiesSubject.pipe(
map((entities) => numSelected === this.selectableEntitiesCount(entities))
map((entities) => numSelected === this.selectableEntitiesCount(entities)),
share()
);
}
isEmpty(): Observable<boolean> {
return this.entitiesSubject.pipe(
map((entities) => !entities.length)
map((entities) => !entities.length),
share()
);
}
total(): Observable<number> {
return this.pageDataSubject.pipe(
map((pageData) => pageData.totalElements)
map((pageData) => pageData.totalElements),
share()
);
}

2
ui-ngx/src/app/modules/home/models/entity/entities-table-config.models.ts
View File

@ -84,7 +84,7 @@ export class EntityTableColumn<T extends BaseData<HasId>> extends BaseEntityTabl
constructor(public key: string,
public title: string,
public width: string = '0px',
public cellContentFunction: CellContentFunction<T> = (entity, property) => entity[property],
public cellContentFunction: CellContentFunction<T> = (entity, property) => entity[property] ? entity[property] : '',
public cellStyleFunction: CellStyleFunction<T> = () => ({}),
public sortable: boolean = true,
public headerCellStyleFunction: HeaderCellStyleFunction<T> = () => ({}),

1
ui-ngx/src/app/modules/home/pages/rulechain/rule-node-link.component.html
View File

@ -18,7 +18,6 @@
<div class="mat-padding" fxLayout="column">
<form #ruleNodeLinkForm="ngForm" [formGroup]="ruleNodeLinkFormGroup">
<tb-link-labels
fxFlex
required
formControlName="labels"
[allowedLabels]="allowedLabels"

7
ui-ngx/src/app/shared/components/message-type-autocomplete.component.ts
View File

@ -23,6 +23,7 @@ import { AppState } from '@app/core/core.state';
import { TranslateService } from '@ngx-translate/core';
import { coerceBooleanProperty } from '@angular/cdk/coercion';
import { MessageType, messageTypeNames } from '@shared/models/rule-node.models';
import { objectValues } from '@core/utils';
@Component({
selector: 'tb-message-type-autocomplete',
@ -109,7 +110,7 @@ export class MessageTypeAutocompleteComponent implements ControlValueAccessor, O
this.modelValue = value;
let res: MessageType | string = null;
if (value) {
if (Object.values(MessageType).includes(value)) {
if (objectValues(MessageType).includes(value)) {
res = MessageType[value];
} else {
res = value;
@ -129,7 +130,7 @@ export class MessageTypeAutocompleteComponent implements ControlValueAccessor, O
updateView(value: MessageType | string | null) {
let res: string = null;
if (value) {
if (Object.values(MessageType).includes(value)) {
if (objectValues(MessageType).includes(value)) {
res = MessageType[value];
} else {
res = value;
@ -143,7 +144,7 @@ export class MessageTypeAutocompleteComponent implements ControlValueAccessor, O
displayMessageTypeFn(messageType?: MessageType | string): string | undefined {
if (messageType) {
if (Object.values(MessageType).includes(messageType)) {
if (objectValues(MessageType).includes(messageType)) {
return messageTypeNames.get(MessageType[messageType]);
} else {
return messageType;

2
ui-ngx/src/app/shared/models/dashboard.models.ts
View File

@ -120,7 +120,7 @@ export function getDashboardAssignedCustomersText(dashboard: DashboardInfo): str
.map(customerInfo => customerInfo.title)
.join(', ');
} else {
return null;
return '';
}
}

12
ui-ngx/src/styles.scss
View File

@ -521,15 +521,17 @@ mat-label {
}
mat-header-row {
min-height: 60px;
height: 60px;
}
mat-footer-row, mat-row {
min-height: 52px;
height: 52px;
}
mat-header-row, mat-footer-row, mat-row {
min-height: auto;
}
.mat-row,
.mat-header-row {
display: table-row;
@ -537,17 +539,23 @@ mat-label {
.mat-header-row.mat-table-sticky {
background-clip: padding-box;
.mat-header-cell {
position: sticky;
top: 0;
z-index: 10;
background: inherit;
background-clip: padding-box;
&.mat-table-sticky {
z-index: 11 !important;
}
}
}
.mat-cell.mat-table-sticky {
background-clip: padding-box;
}
.mat-row {
transition: background-color .2s;
&:hover:not(.tb-current-entity) {