refactor: update custom tooltips to v1.1.0

Author: mrholek

package-lock.json

@@ -26,7 +26,7 @@
     "@angular/platform-browser-dynamic": "5.2.10",
     "@angular/router": "5.2.10",
     "@coreui/angular": "^2.0.0-beta.2",
-    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.0.0",
+    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.1.0",
     "chart.js": "2.7.2",
     "core-js": "2.5.5",
     "flag-icon-css": "3.0.0",

package.json

@@ -18,7 +18,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper px-3" style="height:70px;">
-          <canvas id="cardChart1" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="lineChart1Data"
           [labels]="lineChart1Labels"
           [options]="lineChart1Options"
@@ -38,7 +38,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper px-3" style="height:70px;">
-          <canvas id="cardChart2" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="lineChart2Data"
           [labels]="lineChart2Labels"
           [options]="lineChart2Options"
@@ -65,7 +65,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper" style="height:70px;">
-          <canvas id="cardChart3" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="lineChart3Data"
           [labels]="lineChart3Labels"
           [options]="lineChart3Options"
@@ -92,7 +92,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper px-3" style="height:70px;">
-          <canvas id="cardChart4" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="barChart1Data"
           [labels]="barChart1Labels"
           [options]="barChart1Options"
@@ -120,7 +120,7 @@ <h4 class="card-title mb-0">Traffic</h4>
         </div><!--/.col-->
       </div><!--/.row-->
       <div class="chart-wrapper" style="height:300px;margin-top:40px;">
-        <canvas id="mainChart" baseChart class="chart"
+        <canvas baseChart class="chart"
         [datasets]="mainChartData"
         [labels]="mainChartLabels"
         [options]="mainChartOptions"
@@ -176,7 +176,7 @@ <h4 class="card-title mb-0">Traffic</h4>
         <div class="brand-card-header bg-facebook">
           <i class="fa fa-facebook"></i>
           <div class="chart-wrapper">
-            <canvas id="brandBox1" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="brandBoxChartData1"
             [labels]="brandBoxChartLabels"
             [options]="brandBoxChartOptions"
@@ -202,7 +202,7 @@ <h4 class="card-title mb-0">Traffic</h4>
         <div class="brand-card-header bg-twitter">
           <i class="fa fa-twitter"></i>
           <div class="chart-wrapper">
-            <canvas id="brandBox2" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="brandBoxChartData2"
             [labels]="brandBoxChartLabels"
             [options]="brandBoxChartOptions"
@@ -228,7 +228,7 @@ <h4 class="card-title mb-0">Traffic</h4>
         <div class="brand-card-header bg-linkedin">
           <i class="fa fa-linkedin"></i>
           <div class="chart-wrapper">
-            <canvas id="brandBox3" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="brandBoxChartData3"
             [labels]="brandBoxChartLabels"
             [options]="brandBoxChartOptions"
@@ -254,7 +254,7 @@ <h4 class="card-title mb-0">Traffic</h4>
         <div class="brand-card-header bg-google-plus">
           <i class="fa fa-google-plus"></i>
           <div class="chart-wrapper">
-            <canvas id="brandBox4" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="brandBoxChartData4"
             [labels]="brandBoxChartLabels"
             [options]="brandBoxChartOptions"

src/app/views/dashboard/dashboard.component.html

@@ -17,7 +17,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper px-3" style="height:70px;">
-          <canvas id="chart1" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="lineChart1Data"
           [labels]="lineChart1Labels"
           [options]="lineChart1Options"
@@ -37,7 +37,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper px-3" style="height:70px;">
-          <canvas id="chart2" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="lineChart2Data"
           [labels]="lineChart2Labels"
           [options]="lineChart2Options"
@@ -64,7 +64,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper" style="height:70px;">
-          <canvas id="chart3" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="lineChart3Data"
           [labels]="lineChart3Labels"
           [options]="lineChart3Options"
@@ -91,7 +91,7 @@ <h4 class="mb-0">9.823</h4>
           <p>Members online</p>
         </div>
         <div class="chart-wrapper px-3" style="height:70px;">
-          <canvas id="chart4" baseChart class="chart"
+          <canvas baseChart class="chart"
           [datasets]="barChart1Data"
           [labels]="barChart1Labels"
           [options]="barChart1Options"
@@ -119,7 +119,7 @@ <h4 class="mb-0">9.823</h4>
             </span>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart5" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="lineChart4Data"
             [labels]="lineChart4Labels"
             [options]="lineChart4Options"
@@ -128,7 +128,7 @@ <h4 class="mb-0">9.823</h4>
             [chartType]="lineChart4Type"></canvas>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart6" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="barChart2Data"
             [labels]="barChart2Labels"
             [options]="barChart2Options"
@@ -155,7 +155,7 @@ <h4 class="mb-0">9.823</h4>
             </span>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart7" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="lineChart4Data"
             [labels]="lineChart4Labels"
             [options]="lineChart4Options"
@@ -164,7 +164,7 @@ <h4 class="mb-0">9.823</h4>
             [chartType]="lineChart4Type"></canvas>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart8" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="barChart2Data"
             [labels]="barChart2Labels"
             [options]="barChart2Options"
@@ -191,7 +191,7 @@ <h4 class="mb-0">9.823</h4>
             </span>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart9" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="lineChart4Data"
             [labels]="lineChart4Labels"
             [options]="lineChart4Options"
@@ -200,7 +200,7 @@ <h4 class="mb-0">9.823</h4>
             [chartType]="lineChart4Type"></canvas>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart10" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="barChart2Data"
             [labels]="barChart2Labels"
             [options]="barChart2Options"
@@ -227,7 +227,7 @@ <h4 class="mb-0">9.823</h4>
             </span>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart11" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="lineChart4Data"
             [labels]="lineChart4Labels"
             [options]="lineChart4Options"
@@ -236,7 +236,7 @@ <h4 class="mb-0">9.823</h4>
             [chartType]="lineChart4Type"></canvas>
           </div>
           <div class="chart-wrapper" style="height:38px;">
-            <canvas id="chart12" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="barChart2Data"
             [labels]="barChart2Labels"
             [options]="barChart2Options"
@@ -358,7 +358,7 @@ <h4 class="mb-0">9.823</h4>
           <div class="text-muted small text-uppercase font-weight-bold">Title</div>
           <div class="h2 py-3">1,123</div>
           <div class="chart-wrapper mx-auto" style="height:40px;width:80px;">
-            <canvas id="chart13" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="barChart3Data"
             [labels]="barChart3Labels"
             [options]="barChart3Options"
@@ -375,7 +375,7 @@ <h4 class="mb-0">9.823</h4>
           <div class="text-muted small text-uppercase font-weight-bold">Title</div>
           <div class="h2 py-3">1,123</div>
           <div class="chart-wrapper mx-auto" style="height:40px;width:80px;">
-            <canvas id="chart14" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="barChart3Data"
             [labels]="barChart3Labels"
             [options]="barChart3Options"
@@ -392,7 +392,7 @@ <h4 class="mb-0">9.823</h4>
           <div class="text-muted small text-uppercase font-weight-bold">Title</div>
           <div class="h2 py-3">1,123</div>
           <div class="chart-wrapper mx-auto" style="height:40px;width:80px;">
-            <canvas id="chart15" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="barChart3Data"
             [labels]="barChart3Labels"
             [options]="barChart3Options"
@@ -409,7 +409,7 @@ <h4 class="mb-0">9.823</h4>
           <div class="text-muted small text-uppercase font-weight-bold">Title</div>
           <div class="h2 py-3">1,123</div>
           <div class="chart-wrapper mx-auto" style="height:40px;width:80px;">
-            <canvas id="chart16" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="lineChart5Data"
             [labels]="lineChart5Labels"
             [options]="lineChart5Options"
@@ -426,7 +426,7 @@ <h4 class="mb-0">9.823</h4>
           <div class="text-muted small text-uppercase font-weight-bold">Title</div>
           <div class="h2 py-3">1,123</div>
           <div class="chart-wrapper mx-auto" style="height:40px;width:80px;">
-            <canvas id="chart17" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="lineChart5Data"
             [labels]="lineChart5Labels"
             [options]="lineChart5Options"
@@ -443,7 +443,7 @@ <h4 class="mb-0">9.823</h4>
           <div class="text-muted small text-uppercase font-weight-bold">Title</div>
           <div class="h2 py-3">1,123</div>
           <div class="chart-wrapper mx-auto" style="height:40px;width:80px;">
-            <canvas id="chart18" baseChart class="chart"
+            <canvas baseChart class="chart"
             [datasets]="lineChart5Data"
             [labels]="lineChart5Labels"
             [options]="lineChart5Options"