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

UI: Fixed toggle to editor full-screen mode in JSON forms

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2021-08-25 16:14:26 +03:00
parent acee154840
commit 647c69529c
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui-ngx/src/app/shared/components/json-form/json-form.component.ts
View File

@ -15,6 +15,7 @@
/// ///
import { import {
ChangeDetectorRef,
Component, Component,
ElementRef, ElementRef,
forwardRef, forwardRef,
@ -113,7 +114,8 @@ export class JsonFormComponent implements OnInit, ControlValueAccessor, Validato
constructor(public elementRef: ElementRef, constructor(public elementRef: ElementRef,
private translate: TranslateService, private translate: TranslateService,
private dialogs: DialogService, private dialogs: DialogService,
protected store: Store<AppState>) { protected store: Store<AppState>,
private cd: ChangeDetectorRef) {
} }
ngOnInit(): void { ngOnInit(): void {
@ -216,8 +218,8 @@ export class JsonFormComponent implements OnInit, ControlValueAccessor, Validato
} }
private onIconClick(key: (string | number)[], private onIconClick(key: (string | number)[],
val: string, val: string,
iconSelectedFn: (icon: string) => void) { iconSelectedFn: (icon: string) => void) {
this.dialogs.materialIconPicker(val).subscribe((icon) => { this.dialogs.materialIconPicker(val).subscribe((icon) => {
if (icon && iconSelectedFn) { if (icon && iconSelectedFn) {
iconSelectedFn(icon); iconSelectedFn(icon);
@ -229,6 +231,7 @@ export class JsonFormComponent implements OnInit, ControlValueAccessor, Validato
this.targetFullscreenElement = element; this.targetFullscreenElement = element;
this.isFullscreen = !this.isFullscreen; this.isFullscreen = !this.isFullscreen;
this.fullscreenFinishFn = fullscreenFinishFn; this.fullscreenFinishFn = fullscreenFinishFn;
this.cd.markForCheck();
} }
onFullscreenChanged(fullscreen: boolean) { onFullscreenChanged(fullscreen: boolean) {