From 419756736d8439d321e30c4180fe0840fd9ead30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Kov=C3=A1=C4=8Dik?= <kovacik@netgrif.com>
Date: Wed, 8 Oct 2025 16:31:12 +0200
Subject: [PATCH] [NAE-2227] MenuItem default headers not working

- change name of case header field constant
- add console log to know there is some error
- add resolving of number of headers
---
 .../navigation/model/group-navigation-constants.ts    |  2 +-
 .../navigation-item-default-headers-factory.ts        |  1 +
 .../default-tabbed-case-view.component.html           |  2 +-
 .../default-tabbed-case-view.component.ts             | 11 +++++++++--
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/projects/netgrif-components-core/src/lib/navigation/model/group-navigation-constants.ts b/projects/netgrif-components-core/src/lib/navigation/model/group-navigation-constants.ts
index e994dcce8..ec94310d3 100644
--- a/projects/netgrif-components-core/src/lib/navigation/model/group-navigation-constants.ts
+++ b/projects/netgrif-components-core/src/lib/navigation/model/group-navigation-constants.ts
@@ -123,7 +123,7 @@ export enum GroupNavigationConstants {
     /**
      * Boolean field, that is true to use default headers configuration for case view
      * */
-    ITEM_FIELD_ID_USE_CASE_DEFAULT_HEADERS = 'use_default_headers',
+    ITEM_FIELD_ID_USE_CASE_DEFAULT_HEADERS = 'use_case_default_headers',
 
     /**
      * Text field, that contains default header metadata separated by comma for case view as a value
diff --git a/projects/netgrif-components-core/src/lib/utility/navigation-item-default-headers-factory.ts b/projects/netgrif-components-core/src/lib/utility/navigation-item-default-headers-factory.ts
index 649791291..7d195b3e4 100644
--- a/projects/netgrif-components-core/src/lib/utility/navigation-item-default-headers-factory.ts
+++ b/projects/netgrif-components-core/src/lib/utility/navigation-item-default-headers-factory.ts
@@ -24,6 +24,7 @@ function navigationItemDefaultHeadersFactory(navigationItemTaskData: DataGroup[]
             return undefined;
         }
     } catch (e) {
+        console.log('Error during resolving default headers', e)
         return undefined;
     }
 }
diff --git a/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.html b/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.html
index 1557e5f78..636dd8972 100644
--- a/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.html
+++ b/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.html
@@ -16,7 +16,7 @@
     <div class="full-height transform-div custom-scrollbar"
          [ngClass]="{'overflow-div': getOverflowStatus()}" fxLayout="column" fxLayoutAlign="start stretch">
         <div class="full-height transform-div max-width-fix" fxLayout="column" fxLayoutAlign="start stretch">
-            <nc-header #header [type]="headerType" [maxHeaderColumns]="6" [responsiveHeaders]="true" [ngStyle]="{'width': getWidth()}" [hideHeaderMenu]="!headersChangeable" [showEditButton]="isMenuOptionEnabled('edit')"
+            <nc-header #header [type]="headerType" [maxHeaderColumns]="headersCount" [responsiveHeaders]="true" [ngStyle]="{'width': getWidth()}" [hideHeaderMenu]="!headersChangeable" [showEditButton]="isMenuOptionEnabled('edit')"
                        [showSortButton]="isMenuOptionEnabled('sort')" [showSearchButton]="isMenuOptionEnabled('search')"
                        [showTableSection]="allowTableMode" class="case-header-padding"></nc-header>
 
diff --git a/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.ts b/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.ts
index 5bfc166ea..05cbc2982 100644
--- a/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.ts
+++ b/projects/netgrif-components/src/lib/navigation/group-navigation-component-resolver/default-components/tabbed/default-tabbed-case-view/default-tabbed-case-view.component.ts
@@ -1,4 +1,4 @@
-import {AfterViewInit, Component, Inject, ViewChild} from '@angular/core';
+import {AfterViewInit, Component, Inject, Optional, ViewChild} from '@angular/core';
 import {
     AbstractTabbedCaseViewComponent,
     AllowedNetsService,
@@ -85,12 +85,14 @@ export class DefaultTabbedCaseViewComponent extends AbstractTabbedCaseViewCompon
     headersMode: string[];
     allowTableMode: boolean;
     defaultHeadersMode: HeaderMode;
+    headersCount: number
 
     constructor(caseViewService: CaseViewService,
                 loggerService: LoggerService,
                 viewIdService: ViewIdService,
                 overflowService: OverflowService,
-                @Inject(NAE_TAB_DATA) protected _injectedTabData: InjectedTabbedCaseViewDataWithNavigationItemTaskData) {
+                @Inject(NAE_TAB_DATA) protected _injectedTabData: InjectedTabbedCaseViewDataWithNavigationItemTaskData,
+                @Optional() @Inject(NAE_DEFAULT_HEADERS) protected _defaultHeaders: Array<string> | undefined) {
         super(caseViewService, loggerService, _injectedTabData, overflowService, undefined, undefined, _injectedTabData.newCaseButtonConfiguration);
 
         this.initialSearchMode = _injectedTabData.caseViewSearchTypeConfiguration.initialSearchMode;
@@ -107,6 +109,11 @@ export class DefaultTabbedCaseViewComponent extends AbstractTabbedCaseViewCompon
             const viewId = viewIdService.viewId;
             localStorage.setItem(viewId + '-overflowMode', 'false');
         }
+        if (this._defaultHeaders) {
+            this.headersCount = this._defaultHeaders.length;
+        } else {
+            this.headersCount = 5; // 5 meta headers
+        }
     }
 
     ngAfterViewInit(): void {