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

RED-10206: added disabled and tooltip directives for button config.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-11-01 14:46:19 +02:00
parent b9c01a287c
commit 17d2e8c530
3 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,4 +3,6 @@ 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

@ -50,7 +50,10 @@
[icon]="config.icon"
[label]="config.label | translate"
[type]="config.type"
[matTooltip]="(config.tooltip | translate) ?? ''"
[disabled]="config.disabled"
[attr.help-mode-key]="config.helpModeKey"
matTooltipPosition="above"
></iqser-icon-button>
}
}

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

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