import 15.2.0 Octopus source

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / shared / models / chart-tooltip.ts

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/models/chart-tooltip.ts b/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/models/chart-tooltip.ts
index 9b6552dd93c33e47d840ac9c25102180fdf23c69..93a259e79d62dfd1f04ff6d71dfb1b29e4849770 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/models/chart-tooltip.ts
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/models/chart-tooltip.ts
@@ -5,7 +5,7 @@ export class ChartTooltip {
   chartEl: any;
   getStyleLeft: Function;
   getStyleTop: Function;
-  customColors = {
+  customColors: Record<string, any> = {
     backgroundColor: undefined,
     borderColor: undefined
   };
@@ -37,7 +37,7 @@ export class ChartTooltip {
    * @param {any} tooltip
    * @memberof ChartTooltip
    */
-  customTooltips(tooltip) {
+  customTooltips(tooltip: any) {
     // Hide if no tooltip
     if (tooltip.opacity === 0) {
       this.tooltipEl.style.opacity = 0;
@@ -55,18 +55,18 @@ export class ChartTooltip {
     // Set Text
     if (tooltip.body) {
       const titleLines = tooltip.title || [];
-      const bodyLines = tooltip.body.map((bodyItem) => {
+      const bodyLines = tooltip.body.map((bodyItem: any) => {
         return bodyItem.lines;
       });
 
       let innerHtml = '<thead>';
 
-      titleLines.forEach((title) => {
+      titleLines.forEach((title: string) => {
         innerHtml += '<tr><th>' + this.getTitle(title) + '</th></tr>';
       });
       innerHtml += '</thead><tbody>';
 
-      bodyLines.forEach((body, i) => {
+      bodyLines.forEach((body: string, i: number) => {
         const colors = tooltip.labelColors[i];
         let style = 'background:' + (this.customColors.backgroundColor || colors.backgroundColor);
         style += '; border-color:' + (this.customColors.borderColor || colors.borderColor);
@@ -105,11 +105,11 @@ export class ChartTooltip {
     this.tooltipEl.style.padding = tooltip.yPadding + 'px ' + tooltip.xPadding + 'px';
   }
 
-  getBody(body) {
+  getBody(body: string) {
     return body;
   }
 
-  getTitle(title) {
+  getTitle(title: string) {
     return title;
   }
 }