feat: search and reset buttons can be disabled

markuczy · Jul 30, 2024 · e3a9f30 · e3a9f30
1 parent 5ec11fd
commit e3a9f30
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/libs/angular-accelerator/src/lib/components/search-header/search-header.component.html b/libs/angular-accelerator/src/lib/components/search-header/search-header.component.html
@@ -7,7 +7,10 @@
   <ng-template #additionalToolbarContentLeft>
     <ocx-search-config [searchConfigs]="searchConfigs" (selectedSearchConfigChanged)="confirmSearchConfig($event)">
     </ocx-search-config>
-    <ng-container *ngIf="_additionalToolbarContentLeft" [ngTemplateOutlet]="_additionalToolbarContentLeft"></ng-container>
+    <ng-container
+      *ngIf="_additionalToolbarContentLeft"
+      [ngTemplateOutlet]="_additionalToolbarContentLeft"
+    ></ng-container>
   </ng-template>
   <ng-template #additionalToolbarContent>
     <ng-container *ngIf="_additionalToolbarContent" [ngTemplateOutlet]="_additionalToolbarContent"></ng-container>
@@ -24,6 +27,7 @@
           icon="pi pi-eraser"
           [ariaLabel]="'OCX_SEARCH_HEADER.RESET_BUTTON.DETAIL' | translate"
           title="{{ 'OCX_SEARCH_HEADER.RESET_BUTTON.DETAIL' | translate }}"
+          [disabled]="resetButtonDisabled"
         >
         </p-button>
 
@@ -34,6 +38,7 @@
           icon="pi pi-search"
           [ariaLabel]="'OCX_SEARCH_HEADER.SEARCH_BUTTON.DETAIL' | translate"
           title="{{ 'OCX_SEARCH_HEADER.SEARCH_BUTTON.DETAIL' | translate }}"
+          [disabled]="searchButtonDisabled"
         >
         </p-button>
       </div>

diff --git a/libs/angular-accelerator/src/lib/components/search-header/search-header.component.ts b/libs/angular-accelerator/src/lib/components/search-header/search-header.component.ts
@@ -49,6 +49,8 @@ export class SearchHeaderComponent implements AfterViewInit {
     this._actions = value
     this.updateHeaderActions()
   }
+  @Input() searchButtonDisabled: boolean = false
+  @Input() resetButtonDisabled: boolean = false
 
   @Output() searched: EventEmitter<any> = new EventEmitter()
   @Output() resetted: EventEmitter<any> = new EventEmitter()