AAE-24927 Add ability to style form widgets (#10171)

* AAE-25211 form styling PoC

* AAE-25211 poc

* AAE-25211 revert cloud form service

* AAE-24927 display text schema

* AAE-24927 radio button styles

* AAE-24927 header styles

* AAE-24927 style pipes

* AAE-24927 remove redundand field

* remove redundand comment

* fix build error

* remove space from protractor test
This commit is contained in:
Kasia Biernat-Kluba
2024-09-05 10:58:36 +02:00
committed by GitHub
parent a86b23f8a1
commit 5d5c1ac527
33 changed files with 672 additions and 48 deletions

View File

@@ -15,7 +15,19 @@
* limitations under the License.
*/
import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, OnDestroy, HostListener, OnInit, ChangeDetectorRef } from '@angular/core';
import {
Component,
EventEmitter,
Input,
OnChanges,
Output,
SimpleChanges,
OnDestroy,
HostListener,
OnInit,
ChangeDetectorRef,
inject
} from '@angular/core';
import { Observable, of, forkJoin, Subject, Subscription } from 'rxjs';
import { switchMap, takeUntil, map, filter } from 'rxjs/operators';
import {
@@ -123,16 +135,17 @@ export class FormCloudComponent extends FormBaseComponent implements OnChanges,
readonly id: string;
displayMode: FormCloudDisplayMode;
style: string = '';
constructor(
protected formCloudService: FormCloudService,
protected formService: FormService,
private dialog: MatDialog,
protected visibilityService: WidgetVisibilityService,
private readonly displayModeService: DisplayModeService,
private spinnerService: FormCloudSpinnerService,
private readonly changeDetector: ChangeDetectorRef
) {
protected formCloudService = inject(FormCloudService);
protected formService = inject(FormService);
protected visibilityService = inject(WidgetVisibilityService);
protected dialog = inject(MatDialog);
protected spinnerService = inject(FormCloudSpinnerService);
protected displayModeService = inject(DisplayModeService);
protected changeDetector = inject(ChangeDetectorRef);
constructor() {
super();
this.spinnerService.initSpinnerHandling(this.onDestroy$);
@@ -419,6 +432,7 @@ export class FormCloudComponent extends FormBaseComponent implements OnChanges,
this.displayMode,
this.displayModeConfigurations
);
this.displayModeOn.emit(this.displayModeService.findConfiguration(this.displayMode, this.displayModeConfigurations));
}