Help translators to translate trending title/tooltip

2 files changed, 13 insertions, 10 deletions

diff --git a/client/src/app/shared/video/abstract-video-list.ts b/client/src/app/shared/video/abstract-video-list.ts
index d74384293..b0633be4a 100644
--- a/client/src/app/shared/video/abstract-video-list.ts
+++ b/client/src/app/shared/video/abstract-video-list.ts
@@ -39,7 +39,6 @@ export abstract class AbstractVideoList implements OnInit, OnDestroy {
   ownerDisplayType: OwnerDisplayType = 'account'
   firstLoadedPage: number
   displayModerationBlock = false
-  trendingDays: number
   titleTooltip: string
 
   protected baseVideoWidth = 215
diff --git a/client/src/app/videos/video-list/video-trending.component.ts b/client/src/app/videos/video-list/video-trending.component.ts
index d3c0f5316..881ab2174 100644
--- a/client/src/app/videos/video-list/video-trending.component.ts
+++ b/client/src/app/videos/video-list/video-trending.component.ts
@@ -19,7 +19,6 @@ export class VideoTrendingComponent extends AbstractVideoList implements OnInit,
   titlePage: string
   currentRoute = '/videos/trending'
   defaultSort: VideoSortField = '-trending'
-  trendingDays: number
 
   constructor (
     protected router: Router,
@@ -33,20 +32,25 @@ export class VideoTrendingComponent extends AbstractVideoList implements OnInit,
     private videoService: VideoService
   ) {
     super()
-
-    this.trendingDays = this.serverService.getConfig().trending.videos.intervalDays
-
-    this.titlePage = this.i18n('Trending for the last ')
-    this.trendingDays === 1 ? this.titlePage += '24 hours' : this.titlePage += this.trendingDays + ' days'
-
-    this.titleTooltip = this.i18n('trending videos are those totalizing the greatest number of views during the last ')
-    this.trendingDays === 1 ? this.titleTooltip += '24 hours.' : this.titleTooltip += this.trendingDays + ' days.'
   }
 
   ngOnInit () {
     super.ngOnInit()
 
     this.generateSyndicationList()
+
+    const trendingDays = this.serverService.getConfig().trending.videos.intervalDays
+
+    if (trendingDays === 1) {
+      this.titlePage = this.i18n('Trending for the last 24 hours')
+      this.titleTooltip = this.i18n('Trending videos are those totalizing the greatest number of views during the last 24 hours.')
+    } else {
+      this.titlePage = this.i18n('Trending for the last {{days}} days', { days: trendingDays })
+      this.titleTooltip = this.i18n(
+        'Trending videos are those totalizing the greatest number of views during the last {{days}} days.',
+        { days: trendingDays }
+      )
+    }
   }
 
   ngOnDestroy () {