Feature/tag route titles with template literal strings (#1155)

* Tagged template literal strings

* Update changelog

CHANGELOG.md

@@ -16,6 +16,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Tagged template literal strings in components for localization with `$localize`
 
+### Changed
+
+- Tagged template literal strings in components for localization with `$localize`
+
 ## 1.179.5 - 15.08.2022
 
 ### Added

apps/client/src/app/components/header/header.component.ts

@@ -109,7 +109,7 @@ export class HeaderComponent implements OnChanges {
       data: {
         accessToken: '',
         hasPermissionToUseSocialLogin: this.hasPermissionForSocialLogin,
-        title: 'Sign in'
+        title: $localize`Sign in`
       },
       width: '30rem'
     });

apps/client/src/app/pages/about/about-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: AboutPageComponent,
     path: '',
-    title: 'About'
+    title: $localize`About`
   }
 ];
 

apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: ChangelogPageComponent,
     path: '',
-    title: 'Changelog & License'
+    title: $localize`Changelog & License`
   }
 ];
 

apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: PrivacyPolicyPageComponent,
     path: '',
-    title: 'Privacy Policy'
+    title: $localize`Privacy Policy`
   }
 ];
 

apps/client/src/app/pages/account/account-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: AccountPageComponent,
     path: '',
-    title: 'My Ghostfolio'
+    title: $localize`My Ghostfolio`
   }
 ];
 

apps/client/src/app/pages/accounts/accounts-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: AccountsPageComponent,
     path: '',
-    title: 'Accounts'
+    title: $localize`Accounts`
   }
 ];
 

apps/client/src/app/pages/admin/admin-page-routing.module.ts

@@ -20,7 +20,7 @@ const routes: Routes = [
     ],
     component: AdminPageComponent,
     path: '',
-    title: 'Admin Control'
+    title: $localize`Admin Control`
   }
 ];
 

apps/client/src/app/pages/blog/blog-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: BlogPageComponent,
     path: '',
-    title: 'Blog'
+    title: $localize`Blog`
   }
 ];
 

apps/client/src/app/pages/faq/faq-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: FaqPageComponent,
     path: '',
-    title: 'FAQ'
+    title: $localize`FAQ`
   }
 ];
 

apps/client/src/app/pages/features/features-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: FeaturesPageComponent,
     path: '',
-    title: 'Features'
+    title: $localize`Features`
   }
 ];
 

apps/client/src/app/pages/home/home-page-routing.module.ts

@@ -20,7 +20,7 @@ const routes: Routes = [
     ],
     component: HomePageComponent,
     path: '',
-    title: 'Overview'
+    title: $localize`Overview`
   }
 ];
 

apps/client/src/app/pages/markets/markets-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: MarketsPageComponent,
     path: '',
-    title: 'Markets'
+    title: $localize`Markets`
   }
 ];
 

apps/client/src/app/pages/portfolio/allocations/allocations-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: AllocationsPageComponent,
     path: '',
-    title: 'Allocations'
+    title: $localize`Allocations`
   }
 ];
 

apps/client/src/app/pages/portfolio/analysis/analysis-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: AnalysisPageComponent,
     path: '',
-    title: 'Analysis'
+    title: $localize`Analysis`
   }
 ];
 

apps/client/src/app/pages/portfolio/fire/fire-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: FirePageComponent,
     path: '',
-    title: 'FIRE'
+    title: $localize`FIRE`
   }
 ];
 

apps/client/src/app/pages/portfolio/holdings/holdings-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: HoldingsPageComponent,
     path: '',
-    title: 'Holdings'
+    title: $localize`Holdings`
   }
 ];
 

apps/client/src/app/pages/portfolio/transactions/transactions-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: TransactionsPageComponent,
     path: '',
-    title: 'Activities'
+    title: $localize`Activities`
   }
 ];
 

apps/client/src/app/pages/pricing/pricing-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: PricingPageComponent,
     path: '',
-    title: 'Pricing'
+    title: $localize`Pricing`
   }
 ];
 

apps/client/src/app/pages/public/public-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: PublicPageComponent,
     path: ':id',
-    title: 'Portfolio'
+    title: $localize`Portfolio`
   }
 ];
 

apps/client/src/app/pages/register/register-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: RegisterPageComponent,
     path: '',
-    title: 'Registration'
+    title: $localize`Registration`
   }
 ];
 

apps/client/src/app/pages/resources/resources-page-routing.module.ts

@@ -9,7 +9,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     component: ResourcesPageComponent,
     path: '',
-    title: 'Resources'
+    title: $localize`Resources`
   }
 ];
 

apps/client/src/app/pages/webauthn/webauthn-page-routing.module.ts

@@ -3,7 +3,7 @@ import { RouterModule, Routes } from '@angular/router';
 import { WebauthnPageComponent } from '@ghostfolio/client/pages/webauthn/webauthn-page.component';
 
 const routes: Routes = [
-  { component: WebauthnPageComponent, path: '', title: 'Login' }
+  { component: WebauthnPageComponent, path: '', title: $localize`Login` }
 ];
 
 @NgModule({

apps/client/src/app/pages/zen/zen-page-routing.module.ts

@@ -16,7 +16,7 @@ const routes: Routes = [
     ],
     component: ZenPageComponent,
     path: '',
-    title: 'Overview'
+    title: $localize`Overview`
   }
 ];
 

apps/client/src/locales/messages.xlf

@@ -2453,4 +2453,4 @@
       </trans-unit>
     </body>
   </file>
-</xliff>
+</xliff>