refactor: update views

Author: mrholek

dist/index.html

@@ -767,19 +767,19 @@ <h4 class="card-title mb-0">Traffic</h4>
                   <!-- /.row--><br>
                   <div class="table-responsive">
                     <table class="table border mb-0">
-                      <thead class="bg-body-tertiary fw-semibold">
+                      <thead class="fw-semibold">
                         <tr class="align-middle">
-                          <th class="text-center">
+                          <th class="bg-body-secondary text-center">
                             <svg class="icon">
                               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-people"></use>
                             </svg>
                           </th>
-                          <th>User</th>
-                          <th class="text-center">Country</th>
-                          <th>Usage</th>
-                          <th class="text-center">Payment Method</th>
-                          <th>Activity</th>
-                          <th></th>
+                          <th class="bg-body-secondary">User</th>
+                          <th class="bg-body-secondary text-center">Country</th>
+                          <th class="bg-body-secondary">Usage</th>
+                          <th class="bg-body-secondary text-center">Payment Method</th>
+                          <th class="bg-body-secondary">Activity</th>
+                          <th class="bg-body-secondary"></th>
                         </tr>
                       </thead>
                       <tbody>

src/pug/views/index.pug

@@ -364,17 +364,17 @@ block view
           br
           .table-responsive
             table.table.border.mb-0
-              thead.bg-body-tertiary.fw-semibold
+              thead.fw-semibold
                 tr.align-middle
-                  th.text-center
+                  th.bg-body-secondary.text-center
                     svg.icon
                       use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-people")
-                  th User
-                  th.text-center Country
-                  th Usage
-                  th.text-center Payment Method
-                  th Activity
-                  th
+                  th.bg-body-secondary User
+                  th.bg-body-secondary.text-center Country
+                  th.bg-body-secondary Usage
+                  th.bg-body-secondary.text-center Payment Method
+                  th.bg-body-secondary Activity
+                  th.bg-body-secondary
               tbody
                 tr.align-middle
                   td.text-center

src/views/charts.html

@@ -479,8 +479,8 @@
     <!-- CoreUI and necessary plugins-->
     <script src="node_modules/@coreui/coreui/dist/js/coreui.bundle.min.js"></script>
     <script src="node_modules/simplebar/dist/simplebar.min.js"></script>
-    <script src="node_modules/chart.js/dist/chart.min.js"></script>
     <script src="node_modules/chart.js/dist/chart.umd.js"></script>
+    <script src="node_modules/@coreui/chartjs/dist/js/coreui-chartjs.js"></script>
     <script src="js/charts.js"></script>
     <script> 
     </script>

src/views/colors.html

@@ -360,7 +360,7 @@ <h6>Brand Dark Color</h6>
     <script src="node_modules/@coreui/coreui/dist/js/coreui.bundle.min.js"></script>
     <script src="node_modules/simplebar/dist/simplebar.min.js"></script>
     <!-- Plugins and scripts required by this view-->
-    <script src="node_modules/@coreui/utils/dist/coreui-utils.js"></script>
+    <script src="node_modules/@coreui/utils/dist/umd/index.js"></script>
     <script src="js/colors.js"></script>
     <script> 
     </script>

src/views/index.html

@@ -767,19 +767,19 @@ <h4 class="card-title mb-0">Traffic</h4>
                   <!-- /.row--><br>
                   <div class="table-responsive">
                     <table class="table border mb-0">
-                      <thead class="bg-body-tertiary fw-semibold">
+                      <thead class="fw-semibold">
                         <tr class="align-middle">
-                          <th class="text-center">
+                          <th class="bg-body-secondary text-center">
                             <svg class="icon">
                               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-people"></use>
                             </svg>
                           </th>
-                          <th>User</th>
-                          <th class="text-center">Country</th>
-                          <th>Usage</th>
-                          <th class="text-center">Payment Method</th>
-                          <th>Activity</th>
-                          <th></th>
+                          <th class="bg-body-secondary">User</th>
+                          <th class="bg-body-secondary text-center">Country</th>
+                          <th class="bg-body-secondary">Usage</th>
+                          <th class="bg-body-secondary text-center">Payment Method</th>
+                          <th class="bg-body-secondary">Activity</th>
+                          <th class="bg-body-secondary"></th>
                         </tr>
                       </thead>
                       <tbody>
@@ -1067,9 +1067,9 @@ <h4 class="card-title mb-0">Traffic</h4>
     <script src="node_modules/@coreui/coreui/dist/js/coreui.bundle.min.js"></script>
     <script src="node_modules/simplebar/dist/simplebar.min.js"></script>
     <!-- Plugins and scripts required by this view-->
-    <script src="node_modules/chart.js/dist/chart.min.js"></script>
     <script src="node_modules/chart.js/dist/chart.umd.js"></script>
-    <script src="node_modules/@coreui/utils/dist/coreui-utils.js"></script>
+    <script src="node_modules/@coreui/chartjs/dist/js/coreui-chartjs.js"></script>
+    <script src="node_modules/@coreui/utils/dist/umd/index.js"></script>
     <script src="js/main.js"></script>
     <script> 
     </script>

src/views/widgets.html

@@ -1372,9 +1372,9 @@
     <!-- CoreUI and necessary plugins-->
     <script src="node_modules/@coreui/coreui/dist/js/coreui.bundle.min.js"></script>
     <script src="node_modules/simplebar/dist/simplebar.min.js"></script>
-    <script src="node_modules/chart.js/dist/chart.min.js"></script>
     <script src="node_modules/chart.js/dist/chart.umd.js"></script>
-    <script src="node_modules/@coreui/utils/dist/coreui-utils.js"></script>
+    <script src="node_modules/@coreui/chartjs/dist/js/coreui-chartjs.js"></script>
+    <script src="node_modules/@coreui/utils/dist/umd/index.js"></script>
     <script src="js/widgets.js"></script>
     <script> 
     </script>