From 17d2e8c530700094d783ba912e9cb71c23621547 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Fri, 1 Nov 2024 14:46:19 +0200
Subject: [PATCH] RED-10206: added disabled and tooltip directives for button
 config.

---
 src/lib/listing/page-header/models/button-config.model.ts | 2 ++
 src/lib/listing/page-header/page-header.component.html    | 3 +++
 src/lib/listing/page-header/page-header.component.ts      | 2 ++
 3 files changed, 7 insertions(+)

diff --git a/src/lib/listing/page-header/models/button-config.model.ts b/src/lib/listing/page-header/models/button-config.model.ts
index 67ab4d8..adda625 100644
--- a/src/lib/listing/page-header/models/button-config.model.ts
+++ b/src/lib/listing/page-header/models/button-config.model.ts
@@ -3,4 +3,6 @@ import { ActionConfig } from './action-config.model';
 
 export interface ButtonConfig extends ActionConfig {
     readonly type?: IconButtonType;
+    readonly disabled?: boolean;
+    readonly tooltip?: string;
 }
diff --git a/src/lib/listing/page-header/page-header.component.html b/src/lib/listing/page-header/page-header.component.html
index 00737b1..f30fe48 100644
--- a/src/lib/listing/page-header/page-header.component.html
+++ b/src/lib/listing/page-header/page-header.component.html
@@ -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>
                 }
             }
diff --git a/src/lib/listing/page-header/page-header.component.ts b/src/lib/listing/page-header/page-header.component.ts
index 183b260..f36d5f9 100644
--- a/src/lib/listing/page-header/page-header.component.ts
+++ b/src/lib/listing/page-header/page-header.component.ts
@@ -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> {