feat: viewMode passing added

markuczy · Aug 30, 2024 · d5ebf3a · d5ebf3a
1 parent 38c0e8d
commit d5ebf3a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
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,7 @@
   <ng-template #additionalToolbarContentLeft>
     <ocx-slot
       name="onecx-shell-search-config"
-      [inputs]="{ pageName: pageName, currentInputFieldValues: currentInputFieldValues, displayedColumns: displayedColumnsIds}"
+      [inputs]="{ pageName: pageName, currentInputFieldValues: currentInputFieldValues, displayedColumns: displayedColumnsIds, viewMode: viewMode}"
       [outputs]="{ searchConfigSelected: selectedSearchConfigChanged }"
     ></ocx-slot>
     <ng-container

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
@@ -38,7 +38,18 @@ export class SearchHeaderComponent implements AfterViewInit {
     this.header = value
   }
   @Input() subheader: string | undefined
-  @Input() viewMode: 'basic' | 'advanced' = 'basic'
+  _viewMode: 'basic' | 'advanced' = 'basic'
+  @Input()
+  get viewMode(): 'basic' | 'advanced' {
+    return this._viewMode
+  }
+  set viewMode(viewMode: 'basic' | 'advanced') {
+    if (this.viewMode !== viewMode) {
+      this._viewMode = viewMode
+      this.updateHeaderActions()
+      setTimeout(() => this.addKeyUpEventListener())
+    }
+  }
   @Input() manualBreadcrumbs = false
   _actions: Action[] = []
   @Input()
@@ -82,6 +93,7 @@ export class SearchHeaderComponent implements AfterViewInit {
   @Output() selectedSearchConfigChanged: EventEmitter<{
     inputValues: { [key: string]: unknown }
     displayedColumns: string[]
+    viewMode: 'basic' | 'advanced'
   }> = new EventEmitter()
   @Output() viewModeChanged: EventEmitter<'basic' | 'advanced'> = new EventEmitter()
   @ContentChild('additionalToolbarContent')
@@ -109,8 +121,6 @@ export class SearchHeaderComponent implements AfterViewInit {
   toggleViewMode() {
     this.viewMode = this.viewMode === 'basic' ? 'advanced' : 'basic'
     this.viewModeChanged?.emit(this.viewMode)
-    this.updateHeaderActions()
-    setTimeout(() => this.addKeyUpEventListener())
   }
 
   onResetClicked() {