NAS-118148 / 22.12 / Translate tooltips in navigation and page title (#7075)

src/app/modules/layout/components/navigation/navigation.component.html

@@ -20,7 +20,12 @@
           class="sidenav-link"
           (click)="closeMenu()"
         >
-          <span class="menu-item-tooltip" [matTooltip]="item.tooltip" id="{{ item.name }}" matTooltipPosition="right"></span>
+          <span
+            class="menu-item-tooltip"
+            [matTooltip]="item.tooltip | translate"
+            [id]="item.name"
+            matTooltipPosition="right"
+          ></span>
           <ix-icon [name]="item.icon"></ix-icon>
           <span>{{ item.name | translate }}</span>
         </a>
@@ -32,7 +37,11 @@
           (click)="toggleMenu(item.state, item.sub)"
           (keyup.enter)="toggleMenu(item.state, item.sub)"
         >
-          <span class="menu-item-tooltip" [matTooltip]="item.tooltip" matTooltipPosition="right"></span>
+          <span
+            class="menu-item-tooltip"
+            [matTooltip]="item.tooltip | translate"
+            matTooltipPosition="right"
+          ></span>
           <ix-icon [name]="item.icon"></ix-icon>
           <span>{{ item.name | translate }}</span>
           <span fxFlex></span>
@@ -46,7 +55,11 @@
           [name]="getItemName(item)"
           class="sidenav-link"
         >
-          <span class="menu-item-tooltip" [matTooltip]="item.tooltip" matTooltipPosition="right"></span>
+          <span
+            class="menu-item-tooltip"
+            [matTooltip]="item.tooltip | translate"
+            matTooltipPosition="right"
+          ></span>
           <ix-icon [name]="item.icon"></ix-icon>
           <span>{{ item.name | translate }}</span>
         </a>

src/app/modules/layout/components/page-title-header/page-title-header.component.html

 <div fxLayout="row wrap" class="header-container">
   <ix-breadcrumb fxFlex="100%"></ix-breadcrumb>
   <div class="title-container">
-    <h1>{{ pageTitle ? pageTitle : (defaultTitle$ | async) }}</h1>
+    <h1>{{ currentTitle$ | async | translate }}</h1>
     <div class="actions-container">
       <ng-content></ng-content>
     </div>

src/app/modules/layout/components/page-title-header/page-title-header.component.ts

 import { Component, Input } from '@angular/core';
+import { map } from 'rxjs/operators';
 import { PageTitleService } from 'app/services/page-title.service';
 
 @Component({
@@ -10,6 +11,14 @@ export class PageTitleHeaderComponent {
   @Input() pageTitle: string;
 
   readonly defaultTitle$ = this.pageTitleService.title$;
+  readonly currentTitle$ = this.defaultTitle$.pipe(
+    map((defaultTitle) => {
+      if (!this.pageTitle) {
+        return defaultTitle;
+      }
 
+      return this.pageTitle;
+    }),
+  );
   constructor(private pageTitleService: PageTitleService) {}
 }

src/assets/i18n/uk.json

@@ -20,7 +20,6 @@
   "LDAP": "",
   "LUN ID": "",
   "MTU": "",
-  "Manage Advanced Settings": "Керувати розширеними налаштуваннями",
   "N/A": "",
   "NAA": "",
   "NFS": "",
@@ -48,7 +47,6 @@
   "Share Attached": "",
   "Sysctl": "",
   "TLS Crypt Auth": "",
-  "This dataset is used by the system": "Цей набір даних використовується системою",
   "TrueCommand": "",
   "UID": "",
   "UPS": "",
@@ -60,7 +58,6 @@
   "WebDAV Share": "",
   "Webdav": "",
   "ZFS Health": "",
-  "Zvol Space Management": "Керування простором Zvol",
   " Please click the button below to add {item}.": "Натисніть кнопку нижче, щоб додати {item}.",
   " When the <b>UPS Mode</b> is set to <i>slave</i>. Enter the open network port number of the UPS <i>Master</i> system. The default port is <i>3493</i>.": "Коли <b>Режим ДБЖ</b> встановлений у <i>відомий</i>. Введіть номер відкритого мережного порту <і>провідної</i> ДБЖ. Стандартний порт - <i>3493</i>.",
   " bytes.": "байт.",
@@ -2099,6 +2096,7 @@
   "Make Destination Dataset Read-only?": "Зробити цільовий набір даних доступним лише для читання?",
   "Make the currently active TrueNAS controller the default when both TrueNAS controllers are online and HA is enabled. To change the default TrueNAS controller, unset this option on the default TrueNAS controller and allow the system to fail over. This briefly interrupts system services.": "Зробити поточний активний контролер TrueNAS за замовчуванням, коли обидва контролери TrueNAS знаходяться в режимі онлайн і HA ввімкнено. Щоб змінити контролер TrueNAS за замовчуванням, вимкніть цей параметр на контролері TrueNAS за замовчуванням і дозвольте системі перемикатися. Це ненадовго перериває системні служби.",
   "Manage": "Управління",
+  "Manage Advanced Settings": "Керувати розширеними налаштуваннями",
   "Manage Apps Settings": "Керувати налаштуваннями додатків",
   "Manage Catalogs": "Управління каталогами",
   "Manage Certificates": "Керувати сертифікатами",
@@ -3326,7 +3324,7 @@
   "Standard (Secure)": "Стандарт (безпечний)",
   "Standby": "Резервний",
   "Standby {controller}.": "Очікування {controller}.",
-  "Start": "Запуститии",
+  "Start": "Запустити",
   "Start Automatically": "Автоматичний запуск",
   "Start Scrub": "Почати перевірку",
   "Start a dry run test of this cloud sync task? The  system will connect to the cloud service provider and simulate  transferring a file. No data will be sent or received.": "Почати пробне тестування цього завдання хмарної синхронізації? Система підключиться до постачальника хмарних послуг і імітує передачу файлу. Дані не надсилатимуться та не отримуватимуться.",
@@ -3653,6 +3651,7 @@
   "This dataset has children with shares": "Цей набір даних має дочірні елементи зі спільними ресурсами",
   "This dataset is an encryption root which is locked. Data from this dataset or it's children datasets which inherit it's encryption properties is not accessible.": "Цей набір даних є коренем шифрування, який заблоковано. Дані з цього набору даних або його дочірніх наборів даних, які успадковують його властивості шифрування, недоступні.",
   "This dataset is an encryption root which is unlocked. Data from this dataset or it's children datasets which inherit it's encryption properties is accessible.": "Цей набір даних є коренем шифрування, який розблоковано. Доступні дані з цього набору даних або його дочірніх наборів даних, які успадковують його властивості шифрування.",
+  "This dataset is used by the system": "Цей набір даних використовується системою",
   "This dataset is used by: {apps}": "Цей набір даних використовується: {apps}",
   "This dataset is used by: {vms}": "Цей набір даних використовується: {vms}",
   "This dataset is used to store Kubernetes config and other container related data": "Цей набір даних використовується для зберігання конфігурації Kubernetes та інших даних, пов’язаних із контейнером",
@@ -4102,6 +4101,7 @@
   "Zvol Location": "Zvol Розташування",
   "Zvol Name": "Ім'я Zvol",
   "Zvol Size": "Розмір ZVOL",
+  "Zvol Space Management": "Керування простором Zvol",
   "Zvol name": "Ім'я ZVOL",
   "[Use fewer transactions in exchange for more RAM.](https://rclone.org/docs/#fast-list) This can also speed up or slow down the transfer.": "[Використовуйте менше транзакцій в обмін на більше оперативної пам’яті.] (Https://rclone.org/docs/#fast-list) Це також може прискорити або сповільнити передачу.",
   "below to confirm.": "нижче для підтвердження.",