refatory with isLanguageActive

criar-art · Jun 14, 2024 · c700f34 · c700f34
1 parent d7805ac
commit c700f34
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/app/components/base/app-language/app-language.component.html b/src/app/components/base/app-language/app-language.component.html
@@ -1,6 +1,6 @@
 <section class="language">
   @for (language of languages; track language) {
-  <a [href]="getUrl(language)" (click)="changeLanguage(language)" routerLinkActive="actived">
+  <a [href]="getUrl(language)" (click)="changeLanguage(language)" [class.actived]="isLanguageActive(language)">
     <img [src]="getImageUrl(language)" [alt]="language" />
     {{language}}
   </a>

diff --git a/src/app/components/base/app-language/app-language.component.ts b/src/app/components/base/app-language/app-language.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { LanguageService } from '../../../services/language.service';
+import { Location } from '@angular/common';
 
 @Component({
   selector: 'app-language',
@@ -9,14 +10,19 @@ import { LanguageService } from '../../../services/language.service';
 export class AppLanguageComponent implements OnInit {
   languages = ['pt-BR', 'en-US', 'es-ES', 'fr-FR', 'ru-RU', 'zh-CN'];
 
-  constructor(private languageService: LanguageService) {
+  constructor(private languageService: LanguageService, private location: Location) {
   }
 
   ngOnInit(): void {
     const lang = this.languageService.getLanguage();
     this.languageService.setLanguage(lang);
   }
 
+  isLanguageActive(language: string): boolean {
+    const path = this.location.path();
+    return path.startsWith(`/${language.slice(0, 2)}`);
+  }
+
   getUrl(language: string): string {
     return `/${language.slice(0, 2)}/`;
   }