i18n: Adding new languages: Part 1 (#1882)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

src/app/profile/profile-routing.module.ts

@@ -5,9 +5,6 @@ import { Routes, RouterModule } from '@angular/router';
 /** Routing Imports */
 import { Route } from '../core/route/route.service';
 
-/** Translation Imports */
-import { extract } from '../core/i18n/i18n.service';
-
 /** Custom Components */
 import { ProfileComponent } from './profile.component';
 
@@ -17,7 +14,7 @@ const routes: Routes = [
     {
       path: 'profile',
       component:  ProfileComponent,
-      data: { title: extract('Profile'), breadcrumb: 'Profile' },
+      data: { title: 'Profile', breadcrumb: 'Profile' },
     }
   ])
 ];

src/app/profile/profile.component.html

@@ -1,11 +1,11 @@
 <div class="container m-b-20" fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="end" fxLayoutGap="2%">
   <button mat-raised-button color="primary" [routerLink]="['/system', 'roles-and-permissions']">
     <fa-icon icon="check" class="m-r-10"></fa-icon>
-    {{"labels.buttons.Permissions" | translate }}
+    {{"labels.buttons.Permissions" | translate}}
   </button>
   <button mat-raised-button color="primary" (click)="changeUserPassword()">
     <fa-icon icon="cog" class="m-r-10"></fa-icon>
-    {{"labels.buttons.Change Password" | translate }}
+    {{"labels.buttons.Change Password" | translate}}
   </button>
 </div>
 
@@ -17,7 +17,7 @@
     <div fxLayout="row wrap" class="content">
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Tenant Id" | translate }}
+        {{"labels.inputs.Tenant Id" | translate}}
       </div>
 
       <div fxFlex="50%">
@@ -25,7 +25,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.User Id" | translate }}
+        {{"labels.inputs.User Id" | translate}}
       </div>
 
       <div fxFlex="50%">
@@ -33,7 +33,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.User Name" | translate }}
+        {{"labels.inputs.User Name" | translate}}
       </div>
 
       <div fxFlex="50%">
@@ -41,7 +41,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Office" | translate }}
+        {{"labels.inputs.Office" | translate}}
       </div>
 
       <div fxFlex="50%">
@@ -49,7 +49,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Status" | translate }}
+        {{"labels.inputs.Status" | translate}}
       </div>
 
       <div fxFlex="50%">
@@ -57,7 +57,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Language" | translate }}
+        {{"labels.inputs.Language" | translate}}
       </div>
 
       <div fxFlex="50%">
@@ -73,12 +73,12 @@
     <table class="mat-elevation-z1" mat-table [dataSource]="dataSource">
 
       <ng-container matColumnDef="role">
-        <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Role" | translate }} </th>
+        <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Role" | translate}} </th>
         <td mat-cell *matCellDef="let role"> {{ role.name }} </td>
       </ng-container>
 
       <ng-container matColumnDef="description">
-        <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Description" | translate }} </th>
+        <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Description" | translate}} </th>
         <td mat-cell *matCellDef="let role">{{ role.description }}</td>
       </ng-container>