{{ (isAdd ? 'widget-config.add-action' : 'widget-config.edit-action' ) | translate }}

 @if (isLoading$ | async) { } @if ((isLoading$ | async) === false) {
}
{{'widget-config.action-source' | translate}}*
@for (actionSourceItem of data.actionsData.actionSources | keyvalue; track actionSourceItem) { {{ actionSourceName(actionSourceItem.value) }} } @if (widgetActionFormGroup.get('actionSourceId').hasError('required') && widgetActionFormGroup.get('actionSourceId').touched) { warning }
@if (widgetActionFormGroup.get('actionSourceId').value === 'cellClick') {
{{'widget-config.column-index' | translate}}*
@for (column of configuredColumns; track column) { {{ getCellClickColumnInfo($index, column) | customTranslate }} } @if (widgetActionFormGroup.get('columnIndex').hasError('required') && widgetActionFormGroup.get('columnIndex').touched) { warning }
}
{{'widget-config.action-name' | translate}}*
@if (widgetActionFormGroup.get('name').invalid && (widgetActionFormGroup.get('name').touched || widgetActionFormGroup.get('name').hasError('actionNameNotUnique'))) { warning }
@if (widgetActionFormGroup.get('actionSourceId').value === 'headerButton') {
widget-config.header-button.button-settings
widget-config.header-button.button-type
@for (button of widgetHeaderActionButtonTypes; track button) { {{ widgetHeaderActionButtonTypeTranslationMap.get(widgetHeaderActionButtonType[button]) | translate }} }
widget-config.icon
{{ 'widget-config.header-button.colors' | translate }}
widget-config.header-button.color
widget-config.header-button.background
widget-config.header-button.border
widget-config.header-button.advanced-button-style
} @else {
{{'widget-config.icon' | translate}}
} @if (displayShowWidgetActionForm()) {
{{ 'widget-config.show-hide-action-using-function' | translate }}
}