#805 - Change menu options redirects

src/app/header/header.component.spec.ts

@@ -12,13 +12,19 @@ import { MenuService } from '../shared/menu/menu.service';
 import { MenuServiceStub } from '../shared/testing/menu-service.stub';
 import { HostWindowService } from '../shared/host-window.service';
 import { HostWindowServiceStub } from '../shared/testing/host-window-service.stub';
+import { LocaleService } from '../core/locale/locale.service';
 
 let comp: HeaderComponent;
 let fixture: ComponentFixture<HeaderComponent>;
 
 describe('HeaderComponent', () => {
   const menuService = new MenuServiceStub();
 
+  // Mock LocaleService
+  const localeServiceMock = {
+    getCurrentLanguageCode: () => 'en' // returns default language code
+  };
+
   // waitForAsync beforeEach
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
@@ -29,7 +35,8 @@ describe('HeaderComponent', () => {
       declarations: [HeaderComponent],
       providers: [
         { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
-        { provide: MenuService, useValue: menuService }
+        { provide: MenuService, useValue: menuService },
+        { provide: LocaleService, useValue: localeServiceMock }
       ],
       schemas: [NO_ERRORS_SCHEMA]
     })

src/app/header/header.component.ts

@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
 import { MenuService } from '../shared/menu/menu.service';
 import { MenuID } from '../shared/menu/menu-id.model';
 import { HostWindowService } from '../shared/host-window.service';
+import { LocaleService } from '../core/locale/locale.service';
 
 /**
  * Represents the header with the logo and simple navigation
@@ -24,6 +25,7 @@ export class HeaderComponent implements OnInit {
   constructor(
     protected menuService: MenuService,
     protected windowService: HostWindowService,
+    private localeService: LocaleService,
   ) {
   }
 
@@ -34,4 +36,41 @@ export class HeaderComponent implements OnInit {
   public toggleNavbar(): void {
     this.menuService.toggleMenu(this.menuID);
   }
+
+  /**
+  * Returns the current language code from the locale service
+  * @returns {string} The current language code
+  */
+  getLangCode(): string {
+    return this.localeService.getCurrentLanguageCode();
+  }
+
+  /**
+  * Returns the current language code only if it's Czech ('cs'), otherwise returns an empty string
+  * @returns {string} The language code if Czech, empty string otherwise
+  */
+  getLangCodeIfCzech(): string {
+    return this.localeService.getCurrentLanguageCode() === 'cs' ? this.localeService.getCurrentLanguageCode() : '';
+  }
+
+  /**
+  * Translates English slugs to their Czech equivalents when the current language is Czech
+  * @param {string} slug - The English slug to translate
+  * @returns {string} The translated slug if in Czech, the original slug if in English, or empty string if translation not found
+  */
+  translateSlug(slug: string): string {
+    const currentLang = this.localeService.getCurrentLanguageCode();
+    if (currentLang === 'en') {
+      return slug;
+    }
+
+    const translations = {
+      'partners': 'partneri',
+      'integration': 'integrace',
+      'partnership': 'partnerstvi',
+      'services': 'sluzby'
+    };
+
+    return translations[slug] || '';
+  }
 }

src/app/item-page/clarin-license-info/clarin-license-info.component.ts

@@ -99,7 +99,7 @@ export class ClarinLicenseInfoComponent implements OnInit {
   }
 
   /**
-   * Check if current english is Czech
+   * Check if current language is Czech
    */
   isCsLocale() {
     return this.localeService.getCurrentLanguageCode() === 'cs';

src/themes/dspace/app/header/header.component.html

@@ -17,34 +17,34 @@
             <div class="lindat-block lindat-block--clariah-theme-main-menu">
               <ul class="lindat-nav lindat-navbar-nav">
                 <li class="lindat-nav-item ">
-                  <a routerLink="community-list" class="lindat-nav-link">{{'navbar.community-list' | translate}}</a>
+                  <a href="services/catalog" class="lindat-nav-link">{{'navbar.community-list' | translate}}</a>
                 </li>
                 <li class="lindat-nav-item ">
                   <a routerLink="home" class="lindat-nav-link">{{'navbar.repository' | translate}}</a>
                 </li>
                 <li class="lindat-nav-item ">
-                  <a routerLink="education" class="lindat-nav-link">{{'navbar.education' | translate}}</a>
+                  <a href="{{ getLangCodeIfCzech() + '#education' }}" class="lindat-nav-link">{{'navbar.education' | translate}}</a>
                 </li>
                 <li class="lindat-nav-item ">
-                  <a routerLink="projects" class="lindat-nav-link">{{'navbar.project' | translate}}</a>
+                  <a href="{{ getLangCodeIfCzech() + '#projects' }}" class="lindat-nav-link">{{'navbar.project' | translate}}</a>
                 </li>
                 <li class="lindat-nav-item ">
-                  <a routerLink="tools" class="lindat-nav-link ">{{'navbar.tools' | translate}}</a>
+                  <a href="{{ getLangCodeIfCzech() + '#tools' }}" class="lindat-nav-link ">{{'navbar.tools' | translate}}</a>
                 </li>
                 <li class="lindat-nav-item ">
-                  <a routerLink="en/services" class="lindat-nav-link ">{{'navbar.services' | translate}}</a>
+                  <a href="{{ getLangCode() + '/' + translateSlug('services') }}" class="lindat-nav-link ">{{'navbar.services' | translate}}</a>
                 </li>
                 <li class="lindat-nav-item lindat-dropdown">
-                  <a routerLink="/" class="lindat-nav-link lindat-dropdown-toggle"
+                  <a href="{{ getLangCodeIfCzech() }}" class="lindat-nav-link lindat-dropdown-toggle"
                      data-toggle="dropdown"
                      onclick="this.parentNode.querySelector('.lindat-dropdown-toggle+div.lindat-dropdown-menu').classList.toggle('lindat-show'); return false;">{{'navbar.about' | translate}}</a>
                   <div class="lindat-dropdown-menu">
-                    <a routerLink="partners" class="lindat-dropdown-item">{{'navbar.about.partners' | translate}}</a>
-                    <a routerLink="files/mission-en.pdf" class="lindat-dropdown-item">{{'navbar.about.mission-statement' | translate}}</a>
+                    <a href="{{ getLangCodeIfCzech() + '/' + translateSlug('partners') }}" class="lindat-dropdown-item">{{'navbar.about.partners' | translate}}</a>
+                    <a href="files/mission-en.pdf" class="lindat-dropdown-item">{{'navbar.about.mission-statement' | translate}}</a>
                     <a href="https://www.clarin.eu/" class="lindat-dropdown-item">{{'navbar.about.clarin' | translate}}</a>
                     <a href="https://www.dariah.eu/" class="lindat-dropdown-item">{{'navbar.about.dariah' | translate}}</a>
-                    <a routerLink="integration" class="lindat-dropdown-item">{{'navbar.about.service-integrations' | translate}}</a>
-                    <a routerLink="partnership" class="lindat-dropdown-item">{{'navbar.about.project-partnership' | translate}}</a>
+                    <a href="{{ getLangCodeIfCzech() + '/' + translateSlug('integration') }}" class="lindat-dropdown-item">{{'navbar.about.service-integrations' | translate}}</a>
+                    <a href="{{ getLangCodeIfCzech() + '/' + translateSlug('partnership') }}" class="lindat-dropdown-item">{{'navbar.about.project-partnership' | translate}}</a>
                   </div>
                 </li>
               </ul>