Icon title translate

src/app/modules/link/link.component.html

@@ -1,4 +1,4 @@
 <a [href]="url">
-  <img [src]="svg" [alt]="url" [title]="text" />
+  <img [src]="svg" [alt]="url" [title]="text | translate" />
   <span>{{ text | translate }}</span>
 </a>

src/app/modules/panel/panel.component.html

@@ -15,8 +15,8 @@
       #lang_btn
       >{{ getLang() }}</span
     >
-    <a href="https://git.nwaifu.su/neuro_llc/NwaifuWeb">
-      <fa-icon [icon]="faGithub" class="sourcecode-icon" title="Source code"></fa-icon>
+    <a href="https://git.nwaifu.su/neuro_llc/NwaifuWeb" [title]="source_code_btn_title | translate">
+      <fa-icon [icon]="faGithub" class="sourcecode-icon"></fa-icon>
     </a>
     <fa-icon [icon]="faVolume"></fa-icon>
     <fa-icon [icon]="faPower"></fa-icon>

src/app/modules/panel/panel.component.ts

@@ -3,17 +3,20 @@ import { Component, ElementRef, HostListener, ViewChild } from "@angular/core";
 import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
 import { faGithub } from "@fortawesome/free-brands-svg-icons";
 import { faPowerOff, faVolumeHigh } from "@fortawesome/free-solid-svg-icons";
+import { TranslationPipe } from '../../pipes/translation.pipe';
 import { PanelSevice } from "../../services/panel.service";
 import { TranslateService } from "../../services/translate.service";
 
 @Component({
   standalone: true,
   selector: "app-panel",
-  imports: [CommonModule, FontAwesomeModule],
+  imports: [CommonModule, FontAwesomeModule, TranslationPipe],
   templateUrl: "./panel.component.html",
   styleUrls: ["./panel.component.less"],
 })
 export class PanelComponent {
+  source_code_btn_title = "SOURCE_CODE_TITLE"
+
   public time = "";
   faGithub = faGithub;
   faVolume = faVolumeHigh;