update source to Ceph Pacific 16.2.2

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / shared / device-list / device-list.component.ts

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/shared/device-list/device-list.component.ts b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/shared/device-list/device-list.component.ts
index 949b8acf14a26682125ad65b4d09ccb7c19e300f..5503d1319eb597f728155583743b595930177d25 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/shared/device-list/device-list.component.ts
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/shared/device-list/device-list.component.ts
@@ -1,12 +1,11 @@
 import { DatePipe } from '@angular/common';
 import { Component, Input, OnChanges, OnInit, TemplateRef, ViewChild } from '@angular/core';
 
-import { I18n } from '@ngx-translate/i18n-polyfill';
-import { HostService } from '../../../shared/api/host.service';
-import { OsdService } from '../../../shared/api/osd.service';
-import { CellTemplate } from '../../../shared/enum/cell-template.enum';
-import { CdTableColumn } from '../../../shared/models/cd-table-column';
-import { CdDevice } from '../../../shared/models/devices';
+import { HostService } from '~/app/shared/api/host.service';
+import { OsdService } from '~/app/shared/api/osd.service';
+import { CellTemplate } from '~/app/shared/enum/cell-template.enum';
+import { CdTableColumn } from '~/app/shared/models/cd-table-column';
+import { CdDevice } from '~/app/shared/models/devices';
 
 @Component({
   selector: 'cd-device-list',
@@ -35,43 +34,42 @@ export class DeviceListComponent implements OnChanges, OnInit {
 
   constructor(
     private hostService: HostService,
-    private i18n: I18n,
     private datePipe: DatePipe,
     private osdService: OsdService
   ) {}
 
   ngOnInit() {
     this.columns = [
-      { prop: 'devid', name: this.i18n('Device ID'), minWidth: 200 },
+      { prop: 'devid', name: $localize`Device ID`, minWidth: 200 },
       {
         prop: 'state',
-        name: this.i18n('State of Health'),
+        name: $localize`State of Health`,
         flexGrow: 1,
         cellTransformation: CellTemplate.badge,
         customTemplateConfig: {
           map: {
-            good: { value: this.i18n('Good'), class: 'badge-success' },
-            warning: { value: this.i18n('Warning'), class: 'badge-warning' },
-            bad: { value: this.i18n('Bad'), class: 'badge-danger' },
-            stale: { value: this.i18n('Stale'), class: 'badge-info' },
-            unknown: { value: this.i18n('Unknown'), class: 'badge-dark' }
+            good: { value: $localize`Good`, class: 'badge-success' },
+            warning: { value: $localize`Warning`, class: 'badge-warning' },
+            bad: { value: $localize`Bad`, class: 'badge-danger' },
+            stale: { value: $localize`Stale`, class: 'badge-info' },
+            unknown: { value: $localize`Unknown`, class: 'badge-dark' }
           }
         }
       },
       {
         prop: 'life_expectancy_weeks',
-        name: this.i18n('Life Expectancy'),
+        name: $localize`Life Expectancy`,
         cellTemplate: this.lifeExpectancyTemplate
       },
       {
         prop: 'life_expectancy_stamp',
-        name: this.i18n('Prediction Creation Date'),
+        name: $localize`Prediction Creation Date`,
         cellTemplate: this.lifeExpectancyTimestampTemplate,
         pipe: this.datePipe,
         isHidden: true
       },
-      { prop: 'location', name: this.i18n('Device Name'), cellTemplate: this.locationTemplate },
-      { prop: 'readableDaemons', name: this.i18n('Daemons') }
+      { prop: 'location', name: $localize`Device Name`, cellTemplate: this.locationTemplate },
+      { prop: 'readableDaemons', name: $localize`Daemons` }
     ];
   }