#805 - Adding cs/en by current language and translating slugs in About-menu

Author: jr-rk

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,28 @@ 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;
+
+    if (slug === "partners") {
+      return "partneri";
+    } else if (slug === "integration") {
+      return "integrace";
+    } else if (slug === "partnership") {
+      return "partnerstvi";
+    } else if (slug === "services") {
+      return "sluzby";
+    } else {
+      return "";
+    }
+  }
 }

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

@@ -23,28 +23,28 @@
                   <a routerLink="home" class="lindat-nav-link">{{'navbar.repository' | translate}}</a>
                 </li>
                 <li class="lindat-nav-item ">
-                  <a href="#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 href="#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 href="#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 href="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 href="#" 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 href="partners" class="lindat-dropdown-item">{{'navbar.about.partners' | 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 href="integration" class="lindat-dropdown-item">{{'navbar.about.service-integrations' | translate}}</a>
-                    <a href="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>