Add i18n attributes

2 files changed, 16 insertions, 14 deletions

diff --git a/client/src/app/about/about.component.html b/client/src/app/about/about.component.html
index 6fa856742..22d3c9a36 100644
--- a/client/src/app/about/about.component.html
+++ b/client/src/app/about/about.component.html
@@ -1,5 +1,5 @@
 <div class="margin-content">
-  <div class="title-page title-page-single">
+  <div i18n class="title-page title-page-single">
     Welcome to the {{ instanceName }} instance
   </div>
 
@@ -8,41 +8,41 @@
   </div>
 
   <div class="description">
-    <div class="section-title">Description</div>
+    <div i18n class="section-title">Description</div>
 
     <div [innerHTML]="descriptionHTML"></div>
   </div>
 
   <div class="terms">
-    <div class="section-title">Terms</div>
+    <div i18n class="section-title">Terms</div>
 
     <div [innerHTML]="termsHTML"></div>
   </div>
 
   <div class="signup">
-    <div class="section-title">Signup</div>
+    <div i18n class="section-title">Signup</div>
 
     <div *ngIf="isSignupAllowed">
-      User registration is allowed and
+      <ng-container i18n>User registration is allowed and</ng-container>
 
-      <ng-template [ngIf]="userVideoQuota !== -1">
+      <ng-container i18n *ngIf="userVideoQuota !== -1">
         this instance provides a baseline quota of {{ userVideoQuota | bytes: 0 }} space for the videos of its users.
-      </ng-template>
+      </ng-container>
 
-      <ng-template [ngIf]="userVideoQuota === -1">
+      <ng-container i18n *ngIf="userVideoQuota === -1">
         this instance provides unlimited space for the videos of its users.
-      </ng-template>
+      </ng-container>
     </div>
 
-    <div *ngIf="isSignupAllowed === false">
+    <div i18n *ngIf="isSignupAllowed === false">
       User registration is currently not allowed.
     </div>
   </div>
 
   <div id="p2p-privacy">
-    <div class="section-title">P2P & Privacy</div>
+    <div i18n class="section-title">P2P & Privacy</div>
 
-    <p>
+    <p i18n>
       PeerTube uses the BitTorrent protocol to share bandwidth between users. It implies that your public IP address is stored in the public BitTorrent tracker of the video PeerTube instance as long as you're watching the video.
       If you want to keep your public IP address private, please use a VPN or Tor.
     </p>
diff --git a/client/src/app/about/about.component.ts b/client/src/app/about/about.component.ts
index 3948d5c46..c37b9318b 100644
--- a/client/src/app/about/about.component.ts
+++ b/client/src/app/about/about.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core'
 import { ServerService } from '@app/core'
 import { MarkdownService } from '@app/videos/shared'
 import { NotificationsService } from 'angular2-notifications'
+import { I18n } from '@ngx-translate/i18n-polyfill'
 
 @Component({
   selector: 'my-about',
@@ -17,7 +18,8 @@ export class AboutComponent implements OnInit {
   constructor (
     private notificationsService: NotificationsService,
     private serverService: ServerService,
-    private markdownService: MarkdownService
+    private markdownService: MarkdownService,
+    private i18n: I18n
   ) {}
 
   get instanceName () {
@@ -41,7 +43,7 @@ export class AboutComponent implements OnInit {
           this.termsHTML = this.markdownService.textMarkdownToHTML(res.instance.terms)
         },
 
-        err => this.notificationsService.error('Error getting about from server', err)
+        err => this.notificationsService.error(this.i18n('Error getting about from server'), err)
       )
   }