From 0f1c910919fb87f3686222d7d1b04cce4b32ea8a Mon Sep 17 00:00:00 2001
From: ewandor <ewandor@dorfsvald.net>
Date: Thu, 9 Mar 2023 15:51:00 +0100
Subject: [PATCH] First round of internationlization

---
 front/app/angular.json                        |  25 +-
 front/app/package-lock.json                   |  85 ++++-
 front/app/package.json                        |   1 +
 .../app/src/app/layout/auth/auth.component.ts |  15 +-
 .../app/layout/sidenav/sidenav.component.ts   |  12 +-
 .../src/common/crud/card/card.component.html  |  28 +-
 .../src/common/crud/card/card.component.ts    |  42 +-
 .../src/common/crud/list/list.component.html  |  17 +-
 front/app/src/locale/messages.fr.xlf          | 358 ++++++++++++++++++
 front/app/src/locale/messages.xlf             | 296 +++++++++++++++
 10 files changed, 817 insertions(+), 62 deletions(-)
 create mode 100644 front/app/src/locale/messages.fr.xlf
 create mode 100644 front/app/src/locale/messages.xlf

diff --git a/front/app/angular.json b/front/app/angular.json
index 3a018008..2f55e6a3 100644
--- a/front/app/angular.json
+++ b/front/app/angular.json
@@ -9,10 +9,20 @@
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
+      "i18n": {
+        "sourceLocale": "en-US",
+        "locales": {
+          "fr": {
+            "translation": "src/locale/messages.fr.xlf"
+          }
+        }
+      },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "localize": ["fr"],
+            "i18nMissingTranslation": "warning",
             "outputPath": "dist/app",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -53,6 +63,9 @@
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
+            },
+            "fr": {
+              "localize": ["fr"]
             }
           },
           "defaultConfiguration": "production"
@@ -65,14 +78,22 @@
             },
             "development": {
               "browserTarget": "app:build:development"
+            },
+            "fr": {
+              "browserTarget": "App:build:fr"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "ng-extract-i18n-merge:ng-extract-i18n-merge",
           "options": {
-            "browserTarget": "app:build"
+            "browserTarget": "app:build",
+            "format": "xlf2",
+            "outputPath": "src/locale",
+            "targetFiles": [
+              "messages.fr.xlf"
+            ]
           }
         },
         "test": {
diff --git a/front/app/package-lock.json b/front/app/package-lock.json
index a6648287..7810da01 100644
--- a/front/app/package-lock.json
+++ b/front/app/package-lock.json
@@ -43,6 +43,7 @@
         "karma-coverage": "~2.2.0",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.0.0",
+        "ng-extract-i18n-merge": "^2.5.1",
         "typescript": "~4.8.2"
       }
     },
@@ -7410,6 +7411,15 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/js-levenshtein": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/js-levenshtein/-/js-levenshtein-1.1.6.tgz",
+      "integrity": "sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -8740,6 +8750,24 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
+    "node_modules/ng-extract-i18n-merge": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/ng-extract-i18n-merge/-/ng-extract-i18n-merge-2.5.1.tgz",
+      "integrity": "sha512-wHZR58H74nhgNKr33CtcawIUXWZrfvB2oKaF2VpoLxZMK3wJuBWXqnGwUGkZ5GJcYxiy21NFPMiQnkbw8pxS/A==",
+      "dev": true,
+      "dependencies": {
+        "@angular-devkit/architect": "^0.1301.0 || ^0.1401.0 || ^0.1501.0",
+        "@angular-devkit/core": "^13.0.0 || ^14.0.0 || ^15.0.0",
+        "@angular-devkit/schematics": "^13.0.0 || ^14.0.0 || ^15.0.0",
+        "@schematics/angular": "^13.0.0 || ^14.0.0 || ^15.0.0",
+        "xliff-simple-merge": "~1.0.1",
+        "xml_normalize": "^1.0.0",
+        "xmldoc": "~1.1.2"
+      },
+      "peerDependencies": {
+        "@angular-devkit/build-angular": "^13.0.0 || ^14.0.0 || ^15.0.0"
+      }
+    },
     "node_modules/ngx-bootstrap-icons": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ngx-bootstrap-icons/-/ngx-bootstrap-icons-1.9.1.tgz",
@@ -10659,8 +10687,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
       "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "node_modules/saxes": {
       "version": "5.0.1",
@@ -12455,6 +12482,51 @@
         }
       }
     },
+    "node_modules/xliff-simple-merge": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/xliff-simple-merge/-/xliff-simple-merge-1.0.2.tgz",
+      "integrity": "sha512-9Dtw/l91o0DeLkNFJrlh5nxJSS8OD+IHeq5rjA6hkVtv6SWf7rJyr4YNSQc/6opDssRI8JgAWcQlj2ZfcvW11Q==",
+      "dev": true,
+      "dependencies": {
+        "commander": "~8.3.0",
+        "js-levenshtein": "~1.1.6",
+        "xmldoc": "~1.1.2"
+      },
+      "bin": {
+        "xliff-simple-merge": "dist/src/index.js"
+      }
+    },
+    "node_modules/xliff-simple-merge/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "dev": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/xml_normalize": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/xml_normalize/-/xml_normalize-1.0.0.tgz",
+      "integrity": "sha512-VzDbw9DW849WoLor6CP1eIPiVWwbq8CV3dlSrfVfsMqBqvp3VVkmLxA8J55WyLf6CnAf2sV29TQO77BKM/cxBw==",
+      "dev": true,
+      "dependencies": {
+        "commander": "~7.1.0",
+        "xmldoc": "~1.1.2"
+      },
+      "bin": {
+        "xml_normalize": "dist/src/index.js"
+      }
+    },
+    "node_modules/xml_normalize/node_modules/commander": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.1.0.tgz",
+      "integrity": "sha512-pRxBna3MJe6HKnBGsDyMv8ETbptw3axEdYHoqNh7gu5oDcew8fs0xnivZGm06Ogk8zGAJ9VX+OPEr2GXEQK4dg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
@@ -12470,6 +12542,15 @@
       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
       "optional": true
     },
+    "node_modules/xmldoc": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/xmldoc/-/xmldoc-1.1.4.tgz",
+      "integrity": "sha512-rQshsBGR5s7pUNENTEncpI2LTCuzicri0DyE4SCV5XmS0q81JS8j1iPijP0Q5c4WLGbKh3W92hlOwY6N9ssW1w==",
+      "dev": true,
+      "dependencies": {
+        "sax": "^1.2.4"
+      }
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/front/app/package.json b/front/app/package.json
index 584b30d3..079f418e 100644
--- a/front/app/package.json
+++ b/front/app/package.json
@@ -45,6 +45,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.0.0",
+    "ng-extract-i18n-merge": "^2.5.1",
     "typescript": "~4.8.2"
   }
 }
diff --git a/front/app/src/app/layout/auth/auth.component.ts b/front/app/src/app/layout/auth/auth.component.ts
index ab9e3154..734f998e 100644
--- a/front/app/src/app/layout/auth/auth.component.ts
+++ b/front/app/src/app/layout/auth/auth.component.ts
@@ -10,23 +10,22 @@ import {NgbModal} from "@ng-bootstrap/ng-bootstrap";
       <button *ngIf="!isAuthenticated" 
               class="nav-link px-3 w-100" 
               (click)="openLoginModal()"
-      ><i-bs name="key-fill"/><span class="ms-1 d-none d-sm-inline">Login</span></button>
+      ><i-bs name="key-fill"/><span class="ms-1 d-none d-sm-inline" i18n>Login</span></button>
       <ng-template #loginModal let-modal>
           <div class="modal-header">
-              <h4 class="modal-title" id="modal-basic-title">Login</h4>
+              <h4 class="modal-title" id="modal-basic-title" i18n>Login</h4>
               <button type="button" class="btn-close" aria-label="Close"
                       (click)="modal.dismiss('Cross click')"></button>
           </div>
           <div class="modal-body">
             <form [formGroup]="form">
                 <fieldset>
-                    <legend>Login</legend>
                     <div class="form-field">
-                        <label>Username:</label>
+                        <label i18n>Username:</label>
                         <input class="form-control" name="username" formControlName="username">
                     </div>
                     <div class="form-field">
-                        <label>Password:</label>
+                        <label i18n>Password:</label>
                         <input class="form-control" name="password" formControlName="password" 
                                type="password">
                     </div>
@@ -36,11 +35,11 @@ import {NgbModal} from "@ng-bootstrap/ng-bootstrap";
           <div class="modal-footer">
                 <div class="form-buttons">
                     <button class="btn btn-primary" 
-                            (click)="this.login()">Login</button>
+                            (click)="this.login()" i18n>Login</button>
                 </div>
                 <div class="form-buttons">
                     <button class="btn btn-danger" 
-                            (click)="modal.dismiss('Cancel click')">Cancel</button>
+                            (click)="modal.dismiss('Cancel click')" i18n>Cancel</button>
                 </div>
           </div>
       </ng-template>
@@ -102,7 +101,7 @@ export class LoginComponent {
         <button *ngIf="isAuthenticated" 
                 class="nav-link px-3 w-100" 
                 (click)="logout()"
-        ><i-bs name="door-open-fill"/><span class="ms-1 d-none d-sm-inline">Logout</span></button>
+        ><i-bs name="door-open-fill"/><span class="ms-1 d-none d-sm-inline" i18n>Logout</span></button>
     `
 })
 export class LogoutComponent {
diff --git a/front/app/src/app/layout/sidenav/sidenav.component.ts b/front/app/src/app/layout/sidenav/sidenav.component.ts
index c4031bb2..fa55b81f 100644
--- a/front/app/src/app/layout/sidenav/sidenav.component.ts
+++ b/front/app/src/app/layout/sidenav/sidenav.component.ts
@@ -11,32 +11,32 @@ import { AuthService } from "../auth/auth.service";
 export class SidenavComponent {
     Menu = [
         {
-            title: "Dashboard",
+            title: $localize`Dashboard`,
             link: "/dashboard",
             icon: IconNamesEnum.HouseFill
         },
         {
-            title: "Entities",
+            title: $localize`Entities`,
             link: "/entities",
             icon: IconNamesEnum.PeopleFill
         },
         {
-            title: "Provision&nbsp;Templates",
+            title: $localize`Provision&nbsp;Templates`,
             link: "/templates/provisions",
             icon: IconNamesEnum.BlockquoteLeft
         },
         {
-            title: "Contracts&nbsp;Templates",
+            title: $localize`Contracts&nbsp;Templates`,
             link: "/templates/contracts",
             icon: IconNamesEnum.FileCodeFill
         },
         {
-            title: "Contracts&nbsp;Drafts",
+            title: $localize`Contracts&nbsp;Drafts`,
             link: "/contracts/drafts",
             icon: IconNamesEnum.PencilSquare
         },
         {
-            title: "Contracts",
+            title: $localize`Contracts`,
             link: "/contracts",
             icon: IconNamesEnum.FileEarmarkTextFill
         },
diff --git a/front/app/src/common/crud/card/card.component.html b/front/app/src/common/crud/card/card.component.html
index 61c17d22..b6463569 100644
--- a/front/app/src/common/crud/card/card.component.html
+++ b/front/app/src/common/crud/card/card.component.html
@@ -1,36 +1,32 @@
 <div>
   <form cForm [formGroup]="form" (ngSubmit)="onSubmit(model)">
-    <span class="col col-form-label" *ngIf="formLoading$ || modelLoading$ | async">Loading...</span>
+    <span class="col col-form-label" i18n *ngIf="formLoading$ || modelLoading$ | async">Loading...</span>
     <formly-form [form]="form" [fields]="fields" [model]="model"></formly-form>
     <div class="d-grid gap-2 d-md-flex">
       <button class="btn btn-success btn-lg" type="submit"
               [disabled]="!form.valid && (formLoading$ || modelLoading$ | async)">
-        {{ this.isCreateForm() ? "Create" : "Update" }}
+        {{ submitText }}
       </button>
-      <button class="btn btn-primary btn-lg" type="button" *ngIf="!this.isCreateForm()"
+      <button class="btn btn-primary btn-lg" i18n type="button" *ngIf="!this.isCreateForm()"
               [disabled]="!form.valid && (formLoading$ || modelLoading$ | async)"
-              (click)="open(duplicationModal)">
-        Duplicate
-      </button>
-      <button class="btn btn-danger btn-lg" type="button" *ngIf="!this.isCreateForm()"
+              (click)="open(duplicationModal)">Duplicate</button>
+      <button class="btn btn-danger btn-lg" i18n type="button" *ngIf="!this.isCreateForm()"
               [disabled]="formLoading$ || modelLoading$ | async"
-              (click)="open(confirmDeleteModal)">
-        Delete
-      </button>
+              (click)="open(confirmDeleteModal)">Delete</button>
       <ng-template #confirmDeleteModal let-modal>
         <div class="modal-header">
-            <h4 class="modal-title">Are you sure you want to delete this {{ this.schema }}?</h4>
-            <button type="button" class="btn-close" aria-label="Cancel" (click)="modal.dismiss('Cancel Deletion')"></button>
+            <h4 class="modal-title" i18n>Are you sure you want to delete this {{ this.schema }}?</h4>
+            <button type="button" class="btn-close" i18n-aria-label aria-label="Cancel" (click)="modal.dismiss('Cancel Deletion')"></button>
         </div>
         <div class="modal-footer">
-            <button type="button" class="btn btn-light" aria-label="Cancel" (click)="modal.dismiss('Cancel Deletion')">Cancel</button>
-            <button type="button" class="btn btn-danger" (click)="modal.close('Save click')">Delete</button>
+            <button type="button" class="btn btn-light" i18n i18n-aria-label aria-label="Cancel" (click)="modal.dismiss('Cancel Deletion')">Cancel</button>
+            <button type="button" class="btn btn-danger" i18n (click)="modal.close('Save click')">Delete</button>
         </div>
       </ng-template>
       <ng-template #duplicationModal let-modal>
         <div class="modal-header">
-            <h4 class="modal-title">Duplicate {{ this.schema }}</h4>
-            <button type="button" class="btn-close" aria-label="Cancel" (click)="modal.dismiss('Cancel Deletion')"></button>
+            <h4 class="modal-title" i18n>Duplicate {{ this.schema }}</h4>
+            <button type="button" class="btn-close" i18n-aria-label aria-label="Cancel" (click)="modal.dismiss('Cancel Deletion')"></button>
         </div>
         <div class="modal-body">
             <crud-card [resource]="this.resource"
diff --git a/front/app/src/common/crud/card/card.component.ts b/front/app/src/common/crud/card/card.component.ts
index 7f02e3e7..e00e1530 100644
--- a/front/app/src/common/crud/card/card.component.ts
+++ b/front/app/src/common/crud/card/card.component.ts
@@ -9,15 +9,15 @@ import { CrudFormlyJsonschemaService } from "../crud-formly-jsonschema.service";
 import {NgbModal} from "@ng-bootstrap/ng-bootstrap";
 
 @Component({
-  selector: 'crud-card',
-  templateUrl: './card.component.html',
-  styleUrls: ['./card.component.css']
+    selector: 'crud-card',
+    templateUrl: './card.component.html',
+    styleUrls: ['./card.component.css']
 })
 export class CardComponent implements OnInit {
-  @Input() resource: string | undefined;
-  @Input() resource_id: string | null = null;
-  @Input() schema: string | undefined;
-  @Input() is_modal: Boolean = false;
+    @Input() resource: string | undefined;
+    @Input() resource_id: string | null = null;
+    @Input() schema: string | undefined;
+    @Input() is_modal: Boolean = false;
 
     private _model: {} = {};
 
@@ -39,10 +39,10 @@ export class CardComponent implements OnInit {
     @Output() error: EventEmitter<string> = new EventEmitter();
 
 
-  form = new FormGroup({});
-  fields: FormlyFieldConfig[] = [];
+    form = new FormGroup({});
+    fields: FormlyFieldConfig[] = [];
 
-  schemas = JSON.parse(`{}`);
+    schemas = JSON.parse(`{}`);
 
     private _formLoading$ = new BehaviorSubject<boolean>(true);
     private _modelLoading$ = new BehaviorSubject<boolean>(true);
@@ -55,12 +55,16 @@ export class CardComponent implements OnInit {
         return this._modelLoading$.asObservable();
     }
 
-  constructor(private crudService: CrudService,
-              private formlyJsonschema: CrudFormlyJsonschemaService,
-              private router: Router,
-              private route: ActivatedRoute,
-              private modalService: NgbModal,
-  ) { }
+    get submitText() {
+        return this.isCreateForm() ? $localize`Create` : $localize`Update`
+    }
+
+    constructor(private crudService: CrudService,
+                private formlyJsonschema: CrudFormlyJsonschemaService,
+                private router: Router,
+                private route: ActivatedRoute,
+                private modalService: NgbModal,
+    ) { }
 
     ngOnInit(): void {
         this._formLoading$.next(true);
@@ -136,9 +140,9 @@ export class CardComponent implements OnInit {
         this.modalService.dismissAll();
     }
 
-  isCreateForm() {
-    return this.resource_id === null;
-  }
+    isCreateForm() {
+        return this.resource_id === null;
+    }
 
   	open(content: any) {
 		this.modalService.open(content, { ariaLabelledBy: 'modal-basic-title' }).result.then(
diff --git a/front/app/src/common/crud/list/list.component.html b/front/app/src/common/crud/list/list.component.html
index 24530fef..25bf5009 100644
--- a/front/app/src/common/crud/list/list.component.html
+++ b/front/app/src/common/crud/list/list.component.html
@@ -1,10 +1,9 @@
 <form>
-
-	<button class="btn btn-success btn-lg float-end" type="button" (click)="onCreate()">
+	<button class="btn btn-success btn-lg float-end" type="button" i18n (click)="onCreate()">
 	    Create {{ this.schema }}
 	</button>
 	<div class="mb-3 row">
-		<label for="table-complete-search" class="col-xs-3 col-sm-auto col-form-label">Full text search:</label>
+		<label for="table-complete-search" i18n class="col-xs-3 col-sm-auto col-form-label">Full text search:</label>
 		<div class="col-xs-3 col-sm-auto">
 			<input
 				id="table-complete-search"
@@ -14,7 +13,7 @@
 				[(ngModel)]="searchTerm"
 			/>
 		</div>
-		<span class="col col-form-label" *ngIf="loading$ | async">Loading...</span>
+		<span class="col col-form-label" i18n *ngIf="loading$ | async">Loading...</span>
 	</div>
 	<div class="table-responsive-md">
 		<table class="table table-striped">
@@ -38,11 +37,11 @@
 		</ngb-pagination>
 
 		<select class="form-select" style="width: auto" name="pageSize" [(ngModel)]="pageSize">
-			<option [ngValue]="10">10 items per page</option>
-			<option [ngValue]="15">15 items per page</option>
-			<option [ngValue]="25">25 items per page</option>
-			<option [ngValue]="50">50 items per page</option>
-			<option [ngValue]="100">100 items per page</option>
+			<option i18n [ngValue]="10">10 items per page</option>
+			<option i18n [ngValue]="15">15 items per page</option>
+			<option i18n [ngValue]="25">25 items per page</option>
+			<option i18n [ngValue]="50">50 items per page</option>
+			<option i18n [ngValue]="100">100 items per page</option>
 		</select>
 	</div>
 </form>
\ No newline at end of file
diff --git a/front/app/src/locale/messages.fr.xlf b/front/app/src/locale/messages.fr.xlf
new file mode 100644
index 00000000..02ee0680
--- /dev/null
+++ b/front/app/src/locale/messages.fr.xlf
@@ -0,0 +1,358 @@
+<xliff version="2.0" xmlns="urn:oasis:names:tc:xliff:document:2.0" srcLang="en-US" trgLang="fr">
+  <file original="ng.template" id="ngi18n">
+    <unit id="ngb.alert.close">
+      <segment state="initial">
+        <source>Close</source>
+        <target>Fermer</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.HH">
+      <segment state="initial">
+        <source>HH</source>
+        <target>HH</target>
+      </segment>
+    </unit>
+    <unit id="ngb.toast.close-aria">
+      <segment state="initial">
+        <source>Close</source>
+        <target>Fermer</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.first">
+      <segment state="initial">
+        <source>««</source>
+        <target>««</target>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.select-month">
+      <segment state="initial">
+        <source>Select month</source>
+        <target>Selectionner un mois</target>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.previous-month">
+      <segment state="initial">
+        <source>Previous month</source>
+        <target>Mois précédent</target>
+      </segment>
+    </unit>
+    <unit id="ngb.progressbar.value">
+      <segment state="initial">
+        <source>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </source>
+        <target>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </target>
+      </segment>
+    </unit>
+    <unit id="ngb.carousel.slide-number">
+      <segment state="initial">
+        <source> Slide <ph id="0" equiv="INTERPOLATION"/> of <ph id="1" equiv="INTERPOLATION_1"/> </source>
+        <target> Slide <ph id="0" equiv="INTERPOLATION"/> of <ph id="1" equiv="INTERPOLATION_1"/> </target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.hours">
+      <segment state="initial">
+        <source>Hours</source>
+        <target>Heures</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.previous">
+      <segment state="initial">
+        <source>«</source>
+        <target>«</target>
+      </segment>
+    </unit>
+    <unit id="ngb.carousel.previous">
+      <segment state="initial">
+        <source>Previous</source>
+        <target>Précédent</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.MM">
+      <segment state="initial">
+        <source>MM</source>
+        <target>MM</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.next">
+      <segment state="initial">
+        <source>»</source>
+        <target>»</target>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.select-year">
+      <segment state="initial">
+        <source>Select year</source>
+        <target>Sélectionner une année</target>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.next-month">
+      <segment state="initial">
+        <source>Next month</source>
+        <target>Mois suivant</target>
+      </segment>
+    </unit>
+    <unit id="ngb.carousel.next">
+      <segment state="initial">
+        <source>Next</source>
+        <target>Suivant</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.minutes">
+      <segment state="initial">
+        <source>Minutes</source>
+        <target>Minutes</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.last">
+      <segment state="initial">
+        <source>»»</source>
+        <target>»»</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.increment-hours">
+      <segment state="initial">
+        <source>Increment hours</source>
+        <target>Incrémenter les heures</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.first-aria">
+      <segment state="initial">
+        <source>First</source>
+        <target>Premier</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.previous-aria">
+      <segment state="initial">
+        <source>Previous</source>
+        <target>Précédent</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.decrement-hours">
+      <segment state="initial">
+        <source>Decrement hours</source>
+        <target>Décrémenter les heures</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.next-aria">
+      <segment state="initial">
+        <source>Next</source>
+        <target>Suivant</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.increment-minutes">
+      <segment state="initial">
+        <source>Increment minutes</source>
+        <target>Incrémenter les minutes</target>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.last-aria">
+      <segment state="initial">
+        <source>Last</source>
+        <target>Dernier</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.decrement-minutes">
+      <segment state="initial">
+        <source>Decrement minutes</source>
+        <target>Décrémenter les minutes</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.SS">
+      <segment state="initial">
+        <source>SS</source>
+        <target>SS</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.seconds">
+      <segment state="initial">
+        <source>Seconds</source>
+        <target>Secondes</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.increment-seconds">
+      <segment state="initial">
+        <source>Increment seconds</source>
+        <target>Incrémenter les secondes</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.decrement-seconds">
+      <segment state="initial">
+        <source>Decrement seconds</source>
+        <target>Décrémenter les secondes</target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.PM">
+      <segment state="initial">
+        <source>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </source>
+        <target>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </target>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.AM">
+      <segment state="initial">
+        <source>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </source>
+        <target>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </target>
+      </segment>
+    </unit>
+    <unit id="6570363013146073520">
+      <segment state="initial">
+        <source>Dashboard</source>
+        <target>Tableau de bord</target>
+      </segment>
+    </unit>
+    <unit id="4800190016750145593">
+      <segment state="initial">
+        <source>Entities</source>
+        <target>Clients</target>
+      </segment>
+    </unit>
+    <unit id="3336127935693687033">
+      <segment state="initial">
+        <source>Provision&amp;nbsp;Templates</source>
+        <target>Templates:&amp;nbsp;Clauses</target>
+      </segment>
+    </unit>
+    <unit id="8996893897509995689">
+      <segment state="initial">
+        <source>Contracts&amp;nbsp;Templates</source>
+        <target>Templates:&amp;nbsp;Contrats</target>
+      </segment>
+    </unit>
+    <unit id="4480519554689195945">
+      <segment state="initial">
+        <source>Contracts&amp;nbsp;Drafts</source>
+        <target>Contrats: Brouillons</target>
+      </segment>
+    </unit>
+    <unit id="6325430461732938793">
+      <segment state="initial">
+        <source>Contracts</source>
+        <target>Contrats</target>
+      </segment>
+    </unit>
+    <unit id="3894950702316166331">
+      <segment state="initial">
+        <source>Loading...</source>
+        <target>Chargement...</target>
+      </segment>
+    </unit>
+    <unit id="6621329748219109148">
+      <segment state="initial">
+        <source>Duplicate</source>
+        <target>Dupliquer</target>
+      </segment>
+    </unit>
+    <unit id="6594772639285650443">
+      <segment state="initial">
+        <source>Are you sure you want to delete this <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/>?</source>
+        <target>Êtes-vous sûr de vouloir supprimer ce<ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/>?</target>
+      </segment>
+    </unit>
+    <unit id="2159130950882492111">
+      <segment state="initial">
+        <source>Cancel</source>
+        <target>Annuler</target>
+      </segment>
+    </unit>
+    <unit id="7022070615528435141">
+      <segment state="initial">
+        <source>Delete</source>
+        <target>Supprimer</target>
+      </segment>
+    </unit>
+    <unit id="2502514662075565663">
+      <segment state="initial">
+        <source>Duplicate <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/></source>
+        <target>Dupliquer <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/></target>
+      </segment>
+    </unit>
+    <unit id="5974043874204012120">
+      <segment state="initial">
+        <source> Create <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/> </source>
+        <target> Créer <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/> </target>
+      </segment>
+    </unit>
+    <unit id="8449969376421674433">
+      <segment state="initial">
+        <source>Full text search:</source>
+        <target>Rechercher:</target>
+      </segment>
+    </unit>
+    <unit id="7735090777677032335">
+      <segment state="initial">
+        <source>10 items per page</source>
+        <target>10 par page</target>
+      </segment>
+    </unit>
+    <unit id="2940591680142606604">
+      <segment state="initial">
+        <source>15 items per page</source>
+        <target>15 par page</target>
+      </segment>
+    </unit>
+    <unit id="9121589109350446305">
+      <segment state="initial">
+        <source>25 items per page</source>
+        <target>25 items per page</target>
+      </segment>
+    </unit>
+    <unit id="4791714722376172740">
+      <segment state="initial">
+        <source>50 items per page</source>
+        <target>50 par page</target>
+      </segment>
+    </unit>
+    <unit id="6810640416188824611">
+      <segment state="initial">
+        <source>100 items per page</source>
+        <target>100 par page</target>
+      </segment>
+    </unit>
+    <unit id="2454050363478003966">
+      <segment state="initial">
+        <source>Login</source>
+        <target>Connexion</target>
+      </segment>
+    </unit>
+    <unit id="140822705245800362">
+      <segment state="initial">
+        <source>Username:</source>
+        <target>Utilisateur:</target>
+      </segment>
+    </unit>
+    <unit id="6865009229971482891">
+      <segment state="initial">
+        <source>Password:</source>
+        <target>Mot de passe:</target>
+      </segment>
+    </unit>
+    <unit id="3797778920049399855">
+      <segment state="initial">
+        <source>Logout</source>
+        <target>Déconnexion</target>
+      </segment>
+    </unit>
+    <unit id="5674286808255988565">
+      <segment state="initial">
+        <source>Create</source>
+        <target>Créer</target>
+      </segment>
+    </unit>
+    <unit id="4021752662928002901">
+      <segment state="initial">
+        <source>Update</source>
+        <target>Mettre à jour</target>
+      </segment>
+    </unit>
+  </file>
+</xliff>
\ No newline at end of file
diff --git a/front/app/src/locale/messages.xlf b/front/app/src/locale/messages.xlf
new file mode 100644
index 00000000..d4e4ce26
--- /dev/null
+++ b/front/app/src/locale/messages.xlf
@@ -0,0 +1,296 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xliff version="2.0" xmlns="urn:oasis:names:tc:xliff:document:2.0" srcLang="en-US">
+  <file id="ngi18n" original="ng.template">
+    <unit id="ngb.alert.close">
+      <segment>
+        <source>Close</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.HH">
+      <segment>
+        <source>HH</source>
+      </segment>
+    </unit>
+    <unit id="ngb.toast.close-aria">
+      <segment>
+        <source>Close</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.first">
+      <segment>
+        <source>««</source>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.select-month">
+      <segment>
+        <source>Select month</source>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.previous-month">
+      <segment>
+        <source>Previous month</source>
+      </segment>
+    </unit>
+    <unit id="ngb.progressbar.value">
+      <segment>
+        <source>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </source>
+      </segment>
+    </unit>
+    <unit id="ngb.carousel.slide-number">
+      <segment>
+        <source> Slide <ph id="0" equiv="INTERPOLATION"/> of <ph id="1" equiv="INTERPOLATION_1"/> </source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.hours">
+      <segment>
+        <source>Hours</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.previous">
+      <segment>
+        <source>«</source>
+      </segment>
+    </unit>
+    <unit id="ngb.carousel.previous">
+      <segment>
+        <source>Previous</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.MM">
+      <segment>
+        <source>MM</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.next">
+      <segment>
+        <source>»</source>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.select-year">
+      <segment>
+        <source>Select year</source>
+      </segment>
+    </unit>
+    <unit id="ngb.datepicker.next-month">
+      <segment>
+        <source>Next month</source>
+      </segment>
+    </unit>
+    <unit id="ngb.carousel.next">
+      <segment>
+        <source>Next</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.minutes">
+      <segment>
+        <source>Minutes</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.last">
+      <segment>
+        <source>»»</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.increment-hours">
+      <segment>
+        <source>Increment hours</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.first-aria">
+      <segment>
+        <source>First</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.previous-aria">
+      <segment>
+        <source>Previous</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.decrement-hours">
+      <segment>
+        <source>Decrement hours</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.next-aria">
+      <segment>
+        <source>Next</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.increment-minutes">
+      <segment>
+        <source>Increment minutes</source>
+      </segment>
+    </unit>
+    <unit id="ngb.pagination.last-aria">
+      <segment>
+        <source>Last</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.decrement-minutes">
+      <segment>
+        <source>Decrement minutes</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.SS">
+      <segment>
+        <source>SS</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.seconds">
+      <segment>
+        <source>Seconds</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.increment-seconds">
+      <segment>
+        <source>Increment seconds</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.decrement-seconds">
+      <segment>
+        <source>Decrement seconds</source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.PM">
+      <segment>
+        <source>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </source>
+      </segment>
+    </unit>
+    <unit id="ngb.timepicker.AM">
+      <segment>
+        <source>
+          <ph id="0" equiv="INTERPOLATION"/>
+        </source>
+      </segment>
+    </unit>
+    <unit id="2454050363478003966">
+      <segment>
+        <source>Login</source>
+      </segment>
+    </unit>
+    <unit id="140822705245800362">
+      <segment>
+        <source>Username:</source>
+      </segment>
+    </unit>
+    <unit id="6865009229971482891">
+      <segment>
+        <source>Password:</source>
+      </segment>
+    </unit>
+    <unit id="2159130950882492111">
+      <segment>
+        <source>Cancel</source>
+      </segment>
+    </unit>
+    <unit id="3797778920049399855">
+      <segment>
+        <source>Logout</source>
+      </segment>
+    </unit>
+    <unit id="6570363013146073520">
+      <segment>
+        <source>Dashboard</source>
+      </segment>
+    </unit>
+    <unit id="4800190016750145593">
+      <segment>
+        <source>Entities</source>
+      </segment>
+    </unit>
+    <unit id="3336127935693687033">
+      <segment>
+        <source>Provision&amp;nbsp;Templates</source>
+      </segment>
+    </unit>
+    <unit id="8996893897509995689">
+      <segment>
+        <source>Contracts&amp;nbsp;Templates</source>
+      </segment>
+    </unit>
+    <unit id="4480519554689195945">
+      <segment>
+        <source>Contracts&amp;nbsp;Drafts</source>
+      </segment>
+    </unit>
+    <unit id="6325430461732938793">
+      <segment>
+        <source>Contracts</source>
+      </segment>
+    </unit>
+    <unit id="3894950702316166331">
+      <segment>
+        <source>Loading...</source>
+      </segment>
+    </unit>
+    <unit id="6621329748219109148">
+      <segment>
+        <source>Duplicate</source>
+      </segment>
+    </unit>
+    <unit id="7022070615528435141">
+      <segment>
+        <source>Delete</source>
+      </segment>
+    </unit>
+    <unit id="6594772639285650443">
+      <segment>
+        <source>Are you sure you want to delete this <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/>?</source>
+      </segment>
+    </unit>
+    <unit id="2502514662075565663">
+      <segment>
+        <source>Duplicate <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/></source>
+      </segment>
+    </unit>
+    <unit id="5674286808255988565">
+      <segment>
+        <source>Create</source>
+      </segment>
+    </unit>
+    <unit id="4021752662928002901">
+      <segment>
+        <source>Update</source>
+      </segment>
+    </unit>
+    <unit id="5974043874204012120">
+      <segment>
+        <source> Create <ph id="0" equiv="INTERPOLATION" disp="{{ this.schema }}"/> </source>
+      </segment>
+    </unit>
+    <unit id="8449969376421674433">
+      <segment>
+        <source>Full text search:</source>
+      </segment>
+    </unit>
+    <unit id="7735090777677032335">
+      <segment>
+        <source>10 items per page</source>
+      </segment>
+    </unit>
+    <unit id="2940591680142606604">
+      <segment>
+        <source>15 items per page</source>
+      </segment>
+    </unit>
+    <unit id="9121589109350446305">
+      <segment>
+        <source>25 items per page</source>
+      </segment>
+    </unit>
+    <unit id="4791714722376172740">
+      <segment>
+        <source>50 items per page</source>
+      </segment>
+    </unit>
+    <unit id="6810640416188824611">
+      <segment>
+        <source>100 items per page</source>
+      </segment>
+    </unit>
+  </file>
+</xliff>
\ No newline at end of file