From 1b8ce8ef1d295efc5b02b39b631b5e654938de29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 18 Jan 2022 22:01:45 +0200
Subject: [PATCH] Added disabled$ to page header action config

---
 .../page-header/models/action-config.model.ts     |  2 ++
 .../page-header/page-header.component.html        | 15 +++++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/lib/listing/page-header/models/action-config.model.ts b/src/lib/listing/page-header/models/action-config.model.ts
index fdb27ab..96f869b 100644
--- a/src/lib/listing/page-header/models/action-config.model.ts
+++ b/src/lib/listing/page-header/models/action-config.model.ts
@@ -1,6 +1,8 @@
 import { BaseHeaderConfig } from './base-config.model';
+import { Observable } from 'rxjs';
 
 export interface ActionConfig extends BaseHeaderConfig {
     readonly action: ($event: MouseEvent) => void;
     readonly helpModeKey?: string;
+    readonly disabled$?: Observable<boolean>;
 }
diff --git a/src/lib/listing/page-header/page-header.component.html b/src/lib/listing/page-header/page-header.component.html
index 27f49b3..2c67e30 100644
--- a/src/lib/listing/page-header/page-header.component.html
+++ b/src/lib/listing/page-header/page-header.component.html
@@ -1,7 +1,7 @@
 <div class="page-header">
     <div *ngIf="pageLabel" class="breadcrumb">{{ pageLabel }}</div>
 
-    <div *ngIf="filters$ | async as filters" class="filters" [iqserHelpMode]="helpModeKey">
+    <div *ngIf="filters$ | async as filters" [iqserHelpMode]="helpModeKey" class="filters">
         <div *ngIf="filters.length && searchPosition !== searchPositions.beforeFilters" translate="filters.filter-by"></div>
 
         <ng-container *ngIf="searchPosition === searchPositions.beforeFilters" [ngTemplateOutlet]="searchBar"></ng-container>
@@ -12,7 +12,13 @@
 
         <ng-container *ngIf="searchPosition === searchPositions.afterFilters" [ngTemplateOutlet]="searchBar"></ng-container>
 
-        <div (click)="resetFilters()" *ngIf="showResetFilters$ | async" class="reset-filters" translate="reset-filters" iqserHelpMode="reset-filters"></div>
+        <div
+            (click)="resetFilters()"
+            *ngIf="showResetFilters$ | async"
+            class="reset-filters"
+            iqserHelpMode="reset-filters"
+            translate="reset-filters"
+        ></div>
     </div>
 
     <div *ngIf="showCloseButton || actionConfigs || buttonConfigs || viewModeSelection" class="actions">
@@ -23,9 +29,9 @@
                 (action)="config.action($event)"
                 *ngIf="!config.hide"
                 [icon]="config.icon"
+                [iqserHelpMode]="config.helpModeKey"
                 [label]="config.label | translate"
                 [type]="config.type"
-                [iqserHelpMode]="config.helpModeKey"
             ></iqser-icon-button>
         </ng-container>
 
@@ -34,9 +40,10 @@
                 <iqser-circle-button
                     (action)="config.action($event)"
                     *ngIf="!config.hide"
+                    [disabled]="config.disabled$ && (config.disabled$ | async)"
                     [icon]="config.icon"
-                    [tooltip]="config.label"
                     [iqserHelpMode]="config.helpModeKey"
+                    [tooltip]="config.label"
                     tooltipPosition="below"
                 ></iqser-circle-button>
             </ng-container>