feat: search-header component uses header input (onecx#157)

markuczy · Mar 4, 2024 · 558c590 · 558c590
1 parent f2e7606
commit 558c590
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/libs/portal-integration-angular/assets/i18n/de.json b/libs/portal-integration-angular/assets/i18n/de.json
@@ -76,7 +76,7 @@
     "OCX_SEARCH_CONFIG": {
       "DROPDOWN_DEFAULT": "Gespeicherte Suchvorlage auswählen"
     },
-    "HEADLINE": "Suche",
+    "HEADER": "Suche",
     "RESET_BUTTON_TEXT": "Zurücksetzen",
     "SEARCH_BUTTON_TEXT": "Suchen",
     "EXPORT": "Alle Ereignisse exportieren"

diff --git a/libs/portal-integration-angular/assets/i18n/en.json b/libs/portal-integration-angular/assets/i18n/en.json
@@ -76,7 +76,7 @@
     "OCX_SEARCH_CONFIG": {
       "DROPDOWN_DEFAULT": "Pick predefined template"
     },
-    "HEADLINE": "Search",
+    "HEADER": "Search",
     "RESET_BUTTON_TEXT": "Reset",
     "SEARCH_BUTTON_TEXT": "Search",
     "EXPORT": "Export all events"

diff --git a/...al-integration-angular/src/lib/core/components/search-header/search-header.component.html b/...al-integration-angular/src/lib/core/components/search-header/search-header.component.html
@@ -1,5 +1,5 @@
 <ocx-page-header
-  [header]="headline || ('OCX_SEARCH_HEADER.HEADLINE' | translate)"
+  [header]="header || ('OCX_SEARCH_HEADER.HEADER' | translate)"
   [subheader]="subheader"
   [manualBreadcrumbs]="manualBreadcrumbs"
   [actions]="headerActions"

diff --git a/...rtal-integration-angular/src/lib/core/components/search-header/search-header.component.ts b/...rtal-integration-angular/src/lib/core/components/search-header/search-header.component.ts
@@ -25,7 +25,18 @@ import { SearchConfig } from '../../../model/search-config'
 })
 export class SearchHeaderComponent implements AfterViewInit {
   @Input() searchConfigs: SearchConfig[] | undefined
-  @Input() headline = ''
+  @Input() header = ''
+
+  /**
+   * @deprecated Will be replaced by header
+   */
+  @Input()
+  get headline(): string {
+    return this.header
+  }
+  set headline(value: string) {
+    this.header = value
+  }
   @Input() subheader: string | undefined
   @Input() viewMode: 'basic' | 'advanced' = 'basic'
   @Input() manualBreadcrumbs = false