added french localization

angular.json

@@ -4,6 +4,12 @@
   "newProjectRoot": "projects",
   "projects": {
     "angular-gc-account": {
+      "i18n": {
+        "sourceLocale": "en-US",
+        "locales": {
+          "fr-CA": "src/locale/messages.fr.xlf"
+        }
+      },
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -17,6 +23,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "localize": ["fr-CA"],
             "outputPath": "dist/angular-gc-account",
             "index": "src/index.html",
             "main": "src/main.ts",

src/app/auth/auth-config.module.ts

@@ -26,5 +26,3 @@ import { AuthModule } from 'angular-auth-oidc-client';
     exports: [AuthModule],
 })
 export class AuthConfigModule {}
-
-// https://www.npmjs.com/package/angular-auth-oidc-client

src/app/components/forbidden/forbidden.component.html

@@ -1,7 +1,7 @@
 <mat-card>
-    <mat-card-title>Forbidden Page</mat-card-title>
-    <mat-card-subtitle>Users who fail to authenticate will be routed to the forbidden page.</mat-card-subtitle>
+    <mat-card-title i18n>Forbidden Page</mat-card-title>
+    <mat-card-subtitle i18n>Users who fail to authenticate will be routed to the forbidden page.</mat-card-subtitle>
     <mat-card-content>
-        <p>I forbid you! Begone!</p>
+        <p i18n>I forbid you! Begone!</p>
     </mat-card-content>
 </mat-card>

src/app/components/header/header.component.html

@@ -1,5 +1,5 @@
 
 <mat-toolbar>
-  <span>Angular - GCAccount Auth Example</span>
+  <span i18n>Angular - GCAccount Auth Example</span>
   <span class="example-spacer"></span>
 </mat-toolbar>

src/app/components/home/home.component.html

@@ -1,7 +1,7 @@
 <mat-card>
-    <mat-card-title>Home Page</mat-card-title>
-    <mat-card-subtitle>This page is only available to authenticated users.</mat-card-subtitle>
+    <mat-card-title i18n>Home Page</mat-card-title>
+    <mat-card-subtitle i18n>This page is only available to authenticated users.</mat-card-subtitle>
     <mat-card-content>
-        <p>You've successfully authenticated. Welcome to the home page!</p>
+        <p i18n>You've successfully authenticated. Welcome to the home page!</p>
     </mat-card-content>
 </mat-card>

src/app/components/login/login.component.html

@@ -1,7 +1,7 @@
 <mat-card>
-    <mat-card-title>Login Page</mat-card-title>
-    <mat-card-subtitle>This page appears when the user has not been authenticated.</mat-card-subtitle>
+    <mat-card-title i18n>Login Page</mat-card-title>
+    <mat-card-subtitle i18n>This page appears when the user has not been authenticated.</mat-card-subtitle>
     <mat-card-content>
-        <p>Please login to access the home page.</p>
+        <p i18n>Please login to access the home page.</p>
     </mat-card-content>
 </mat-card>

src/app/components/session/session.component.html

@@ -1,42 +1,42 @@
 <mat-card>
-    <mat-card-title>Session</mat-card-title>
-    <mat-card-subtitle>A summary of the user session.</mat-card-subtitle>
+    <mat-card-title i18n>Session</mat-card-title>
+    <mat-card-subtitle i18n>A summary of the user session.</mat-card-subtitle>
     <mat-card-content>
         <ul>
             <li>
-                <label>Authenticated: </label>
-                <div>{{isAuthenticated}}</div>
+                <label i18n>Authenticated:</label>
+                <div> {{isAuthenticated}}</div>
             </li>
             <li>
-                <label>User Data: </label>
+                <label i18n>User Data:</label>
                 <ul>
                     <li>
-                        <label>Sub: </label>
-                        <div>{{userData.sub}}</div>
+                        <label i18n>Sub:</label>
+                        <div> {{userData.sub}}</div>
                     </li>
                     <li>
-                        <label>Name: </label>
-                        <div>{{userData.name}}</div>
+                        <label i18n>Name:</label>
+                        <div> {{userData.name}}</div>
                     </li>
                     <li>
-                        <label>Nickname: </label>
-                        <div>{{userData.nickname}}</div>
+                        <label i18n>Nickname:</label>
+                        <div> {{userData.nickname}}</div>
                     </li>
                 </ul>
             </li>
             <li>
-                <label>Access Token: </label>
-                <div>{{accessToken}}</div>
+                <label i18n>Access Token:</label>
+                <div> {{accessToken}}</div>
             </li>
             <li>
-                <label>ID Token: </label>
-                <div>{{idToken}}</div>
+                <label i18n>ID Token:</label>
+                <div> {{idToken}}</div>
             </li>
         </ul>
     </mat-card-content>
     <mat-card-actions>
-        <button mat-button matTooltip="Click to login" [matTooltipPosition]="'below'" (click)="login()" [disabled]="isAuthenticated">LOGIN</button>
-        <button mat-button matTooltip="Click to force a refresh of the session" [matTooltipPosition]="'below'" (click)="forceRefreshSession()" [disabled]="!isAuthenticated">REFRESH SESSION</button>
-        <button mat-button matTooltip="Click to logout" [matTooltipPosition]="'below'" (click)="logout()" [disabled]="!isAuthenticated">LOGOUT</button>
+        <button i18n i18n-matTooltip mat-button matTooltip="Click to login" [matTooltipPosition]="'below'" (click)="login()" [disabled]="isAuthenticated">LOGIN</button>
+        <button i18n i18n-matTooltip mat-button matTooltip="Click to force a refresh of the session" [matTooltipPosition]="'below'" (click)="forceRefreshSession()" [disabled]="!isAuthenticated">REFRESH SESSION</button>
+        <button i18n i18n-matTooltip mat-button matTooltip="Click to logout" [matTooltipPosition]="'below'" (click)="logout()" [disabled]="!isAuthenticated">LOGOUT</button>
     </mat-card-actions>
 </mat-card>

src/app/components/unauthorized/unauthorized.component.html

@@ -1,7 +1,7 @@
 <mat-card>
-    <mat-card-title>Unauthorized Page</mat-card-title>
-    <mat-card-subtitle>Unauthorized users will be routed to this page.</mat-card-subtitle>
+    <mat-card-title i18n>Unauthorized Page</mat-card-title>
+    <mat-card-subtitle i18n>Unauthorized users will be routed to this page.</mat-card-subtitle>
     <mat-card-content>
-        <p>You aren't authorized to see my amazing app. Git gud.</p>
+        <p i18n>You aren't authorized to see my amazing app. Git gud.</p>
     </mat-card-content>
 </mat-card>

src/locale/messages.fr.xlf

@@ -0,0 +1,231 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+  <file source-language="en-US" datatype="plaintext" original="ng2.template">
+    <body>
+      <trans-unit id="5537753004564594334" datatype="html">
+        <source>Forbidden Page</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/forbidden/forbidden.component.html</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <target>Page interdite</target>
+      </trans-unit>
+      <trans-unit id="122967491084880258" datatype="html">
+        <source>Users who fail to authenticate will be routed to the forbidden page.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/forbidden/forbidden.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <target>Les utilisateurs qui ne parviennent pas à s'authentifier seront redirigés vers la page interdite.</target>
+      </trans-unit>
+      <trans-unit id="4599249044041250789" datatype="html">
+        <source>I forbid you! Begone!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/forbidden/forbidden.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+        <target>Je vous interdis! Partez !</target>
+      </trans-unit>
+      <trans-unit id="4466769173836932911" datatype="html">
+        <source>Angular - GCAccount Auth Example</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/header/header.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <target>Angular - Exemple d'authentification GCAccount</target>
+      </trans-unit>
+      <trans-unit id="8414318564296519625" datatype="html">
+        <source>Home Page</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/home/home.component.html</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <target>Page d'accueil</target>
+      </trans-unit>
+      <trans-unit id="6711700680557534296" datatype="html">
+        <source>This page is only available to authenticated users.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/home/home.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <target>Cette page n'est accessible qu'aux utilisateurs authentifiés.</target>
+      </trans-unit>
+      <trans-unit id="5375736122014445443" datatype="html">
+        <source>You've successfully authenticated. Welcome to the home page!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/home/home.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+        <target>Vous vous êtes authentifié avec succès. Bienvenue sur la page d'accueil!</target>
+      </trans-unit>
+      <trans-unit id="4001149132172941700" datatype="html">
+        <source>Login Page</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/login/login.component.html</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <target>Page de connexion</target>
+      </trans-unit>
+      <trans-unit id="4511278531182325773" datatype="html">
+        <source>This page appears when the user has not been authenticated.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/login/login.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <target>Cette page apparaît lorsque l'utilisateur n'a pas été authentifié.</target>
+      </trans-unit>
+      <trans-unit id="7473964257675165822" datatype="html">
+        <source>Please login to access the home page.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/login/login.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+        <target>Veuillez vous connecter pour accéder à la page d'accueil.</target>
+      </trans-unit>
+      <trans-unit id="5903110565317428249" datatype="html">
+        <source>Session</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <target>Session</target>
+      </trans-unit>
+      <trans-unit id="6889793856724033038" datatype="html">
+        <source>A summary of the user session.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <target>Un résumé de la session utilisateur.</target>
+      </trans-unit>
+      <trans-unit id="3482739346708355755" datatype="html">
+        <source>Authenticated:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">7</context>
+        </context-group>
+        <target>Authentifié:</target>
+      </trans-unit>
+      <trans-unit id="201618912604743570" datatype="html">
+        <source>User Data:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">11</context>
+        </context-group>
+        <target>Données d'utilisateur:</target>
+      </trans-unit>
+      <trans-unit id="789718033723866082" datatype="html">
+        <source>Sub:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">14</context>
+        </context-group>
+        <target>Abonnement:</target>
+      </trans-unit>
+      <trans-unit id="7658402240953727096" datatype="html">
+        <source>Name:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">18</context>
+        </context-group>
+        <target>Nom:</target>
+      </trans-unit>
+      <trans-unit id="8168555707673684367" datatype="html">
+        <source>Nickname:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">22</context>
+        </context-group>
+        <target>Surnom:</target>
+      </trans-unit>
+      <trans-unit id="7443369317820981749" datatype="html">
+        <source>Access Token:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">28</context>
+        </context-group>
+        <target>Jeton d'accès:</target>
+      </trans-unit>
+      <trans-unit id="8971000798536869404" datatype="html">
+        <source>ID Token:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">32</context>
+        </context-group>
+        <target>Jeton d'identification :</target>
+      </trans-unit>
+      <trans-unit id="3518161279591157808" datatype="html">
+        <source>Click to login</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">38</context>
+        </context-group>
+        <target>Cliquez pour vous connecter</target>
+      </trans-unit>
+      <trans-unit id="2255738207434422096" datatype="html">
+        <source>LOGIN</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">38</context>
+        </context-group>
+        <target>CONNEXION</target>
+      </trans-unit>
+      <trans-unit id="7534590032774850594" datatype="html">
+        <source>Click to force a refresh of the session</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">39</context>
+        </context-group>
+        <target>Cliquer pour forcer un rafraichissement de la session</target>
+      </trans-unit>
+      <trans-unit id="3394531107275349012" datatype="html">
+        <source>REFRESH SESSION</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">39</context>
+        </context-group>
+        <target>SESSION DE RAFRAÎCHISSEMENT</target>
+      </trans-unit>
+      <trans-unit id="4989647372059971855" datatype="html">
+        <source>Click to logout</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">40</context>
+        </context-group>
+        <target>Cliquez pour vous déconnecter</target>
+      </trans-unit>
+      <trans-unit id="1139726559145415106" datatype="html">
+        <source>LOGOUT</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/session/session.component.html</context>
+          <context context-type="linenumber">40</context>
+        </context-group>
+        <target>SE DÉCONNECTER</target>
+      </trans-unit>
+      <trans-unit id="9179715948442370125" datatype="html">
+        <source>Unauthorized Page</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/unauthorized/unauthorized.component.html</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <target>Page non autorisée</target>
+      </trans-unit>
+      <trans-unit id="9088238931055007855" datatype="html">
+        <source>Unauthorized users will be routed to this page.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/unauthorized/unauthorized.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <target>Les utilisateurs non autorisés seront redirigés vers cette page.</target>
+      </trans-unit>
+      <trans-unit id="826658514728068830" datatype="html">
+        <source>You aren't authorized to see my amazing app. Git gud.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/unauthorized/unauthorized.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+        <target>Vous n'êtes pas autorisé à voir mon incroyable application. Git Gud.</target>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>