Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RED-10509: added disableStopPropagation option for action config.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-11-24 13:30:43 +02:00
parent 7c6f9fc25e
commit ae0eebcc6f
4 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/listing/page-header/models/action-config.model.ts
View File

@ -1,9 +1,10 @@
import { BaseHeaderConfig } from './base-config.model';
import { Observable } from 'rxjs';
import { OverlappingElement } from '../../../help-mode';
export interface ActionConfig extends BaseHeaderConfig {
readonly action: ($event: MouseEvent) => void;
readonly helpModeKey?: string;
readonly disabled$?: Observable<boolean>;
readonly disabled?: boolean;
readonly disableStopPropagation?: boolean;
}

1
src/lib/listing/page-header/models/button-config.model.ts
View File

@ -3,6 +3,5 @@ import { ActionConfig } from './action-config.model';
export interface ButtonConfig extends ActionConfig {
readonly type?: IconButtonType;
readonly disabled?: boolean;
readonly tooltip?: string;
}

3
src/lib/listing/page-header/page-header.component.html
View File

@ -63,10 +63,11 @@
<iqser-circle-button
(action)="config.action($event)"
[buttonId]="config.id"
[disabled]="config.disabled$ && (config.disabled$ | async)"
[disabled]="config.disabled"
[icon]="config.icon"
[tooltip]="config.label | translate"
[attr.help-mode-key]="config.helpModeKey"
[iqserDisableStopPropagation]="config.disableStopPropagation"
></iqser-circle-button>
}
}

2
src/lib/listing/page-header/page-header.component.ts
View File

@ -16,6 +16,7 @@ import { List } from '../../utils';
import { IListable } from '../models';
import { ActionConfig, ButtonConfig, SearchPosition, SearchPositions } from './models';
import { MatTooltip } from '@angular/material/tooltip';
import { DisableStopPropagationDirective } from '../../directives';
@Component({
selector: 'iqser-page-header',
@ -33,6 +34,7 @@ import { MatTooltip } from '@angular/material/tooltip';
TranslateModule,
InputWithActionComponent,
MatTooltip,
DisableStopPropagationDirective,
],
})
export class PageHeaderComponent<T extends IListable> {