diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.html
index a2a0e8c8fa..5c735010f1 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.html
@@ -37,7 +37,7 @@
widget-config.action
-
+
{{ widgetActionTypeTranslations.get(widgetActionType[actionType]) | translate }}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.ts
index bd0fe36910..698645bacf 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/widget-action.component.ts
@@ -26,7 +26,7 @@ import {
ValidatorFn,
Validators
} from '@angular/forms';
-import { Component, ElementRef, forwardRef, Input, OnInit, ViewChild } from '@angular/core';
+import { Component, computed, ElementRef, forwardRef, input, Input, OnInit, ViewChild } from '@angular/core';
import {
MapItemType,
mapItemTypeTranslationMap,
@@ -102,19 +102,16 @@ export class WidgetActionComponent implements ControlValueAccessor, OnInit, Vali
@Input()
actionNames: string[];
- @Input()
- set additionalWidgetActionTypes(value: WidgetActionType[]) {
- if (this.widgetActionFormGroup && !widgetActionTypes.includes(this.widgetActionFormGroup.get('type').value)) {
- this.widgetActionFormGroup.get('type').setValue(WidgetActionType.doNothing);
- }
- if (value?.length) {
- this.widgetActionTypes = widgetActionTypes.concat(value);
- } else {
- this.widgetActionTypes = widgetActionTypes;
- }
- }
+ additionalWidgetActionTypes = input(null);
+
+ actionTypes = computed(() => {
+ const predefinedActionTypes = widgetActionTypes;
+ if (this.additionalWidgetActionTypes()?.length) {
+ return predefinedActionTypes.concat(this.additionalWidgetActionTypes());
+ }
+ return predefinedActionTypes;
+ });
- widgetActionTypes = widgetActionTypes;
widgetActionTypeTranslations = widgetActionTypeTranslationMap;
widgetActionType = WidgetActionType;
@@ -191,9 +188,6 @@ export class WidgetActionComponent implements ControlValueAccessor, OnInit, Vali
).subscribe(() => {
this.widgetActionUpdated();
});
- if (this.additionalWidgetActionTypes) {
- this.widgetActionTypes = this.widgetActionTypes.concat(this.additionalWidgetActionTypes);
- }
}
writeValue(widgetAction?: WidgetAction): void {