#805 - Change menu options redirects

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,27 @@ export class HeaderComponent implements OnInit {
   public toggleNavbar(): void {
     this.menuService.toggleMenu(this.menuID);
   }
+
+  getLangCode(): string {
+    return this.localeService.getCurrentLanguageCode();
+  }
+
+  getLangCodeIfCzech(): string {
+    return this.localeService.getCurrentLanguageCode() === 'cs' ? this.localeService.getCurrentLanguageCode() : '';
+  }
+
+  translateSlug(slug: string): string {
+    if (this.localeService.getCurrentLanguageCode() === 'en') {
+      return slug;
+    }
+
+    const translations = {
+      'partners': 'partneri',
+      'integration': 'integrace',
+      'partnership': 'partnerstvi',
+      'services': 'sluzby'
+    };
+
+    return translations[slug] || '';
+  }
 }

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>