Translate panel.ts

Author: davidbrochart

packages/labextension/src/panel.ts

@@ -1,5 +1,10 @@
 import { Message } from '@lumino/messaging';
 import { ISignal } from '@lumino/signaling';
+import {
+  nullTranslator,
+  ITranslator,
+  TranslationBundle,
+} from '@jupyterlab/translation';
 import { StackedPanel } from '@lumino/widgets';
 import { LabIcon } from '@jupyterlab/ui-components';
 import { INotebookTracker, NotebookPanel } from '@jupyterlab/notebook';
@@ -9,14 +14,19 @@ import tachometer from '../style/tachometer.svg';
 const PANEL_CLASS = 'jp-KernelUsage-view';
 
 export class KernelUsagePanel extends StackedPanel {
-  constructor(props: {
-    widgetAdded: ISignal<INotebookTracker, NotebookPanel | null>;
-    currentNotebookChanged: ISignal<INotebookTracker, NotebookPanel | null>;
-  }) {
+  constructor(
+    props: {
+      widgetAdded: ISignal<INotebookTracker, NotebookPanel | null>;
+      currentNotebookChanged: ISignal<INotebookTracker, NotebookPanel | null>;
+    },
+    translator?: ITranslator
+  ) {
     super();
+    this.translator = translator || nullTranslator;
+    this._trans = this.translator.load('jupyterlab');
     this.addClass(PANEL_CLASS);
     this.id = 'kernelusage-panel-id';
-    this.title.caption = 'Kernel Usage';
+    this.title.caption = this._trans.__('Kernel Usage');
     this.title.icon = new LabIcon({
       name: 'jupyterlab-kernel-usage:icon',
       svgstr: tachometer,
@@ -38,4 +48,7 @@ export class KernelUsagePanel extends StackedPanel {
     super.onCloseRequest(msg);
     this.dispose();
   }
+
+  protected translator: ITranslator;
+  private _trans: TranslationBundle;
 }