fix: charts (#2498)

* for tabler v1.2.0

* for tabler v1.2.0

* for tabler v1.2.0

* fix: charts

* fix: charts

* fix: charts

resources/views/tabler/admin/footer.tpl

@@ -82,8 +82,8 @@
 <!-- js -->
 <script src="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
 <script>
-    let successDialog = new bootstrap.Modal(document.getElementById('success-dialog'));
-    let failDialog = new bootstrap.Modal(document.getElementById('fail-dialog'));
+    let successDialog = new tabler.bootstrap.Modal(document.getElementById('success-dialog'));
+    let failDialog = new tabler.bootstrap.Modal(document.getElementById('fail-dialog'));
 
     htmx.on("htmx:afterRequest", function(evt) {
         if (evt.detail.xhr.getResponseHeader('HX-Refresh') === 'true' ||

resources/views/tabler/admin/index.tpl

@@ -172,7 +172,7 @@
                 grid: {
                     strokeDashArray: 3,
                 },
-                colors: [tabler.getColor("azure"), tabler.getColor("cyan"), tabler.getColor("orange")],
+                colors: ["#0080FF", "#00FFFF", "#FF4500"],
                 legend: {
                     show: true,
                     position: 'bottom',
@@ -184,7 +184,7 @@
                     },
                     itemMargin: {
                         horizontal: 8,
-                        vertical: 8
+                        vertical: 15
                     },
                 },
                 tooltip: {
@@ -212,7 +212,7 @@
                 grid: {
                     strokeDashArray: 2,
                 },
-                colors: [tabler.getColor("lime"), tabler.getColor("red")],
+                colors: ["#BFFF00", "#FF0000"],
                 legend: {
                     show: true,
                     position: 'bottom',
@@ -224,7 +224,7 @@
                     },
                     itemMargin: {
                         horizontal: 8,
-                        vertical: 8
+                        vertical: 15
                     },
                 },
                 tooltip: {
@@ -252,7 +252,7 @@
                 grid: {
                     strokeDashArray: 4,
                 },
-                colors: [tabler.getColor("yellow"), tabler.getColor("lime")],
+                colors: ["#FFFF00", "#BFFF00"],
                 legend: {
                     show: true,
                     position: 'bottom',
@@ -264,7 +264,7 @@
                     },
                     itemMargin: {
                         horizontal: 8,
-                        vertical: 8
+                        vertical: 15
                     },
                 },
                 tooltip: {
@@ -292,7 +292,7 @@
                 grid: {
                     strokeDashArray: 3,
                 },
-                colors: [tabler.getColor("green"), tabler.getColor("lime"), tabler.getColor("yellow")],
+                colors: ["#00FF00", "#BFFF00", "#FFFF00"],
                 legend: {
                     show: true,
                     position: 'bottom',
@@ -304,7 +304,7 @@
                     },
                     itemMargin: {
                         horizontal: 8,
-                        vertical: 8
+                        vertical: 15
                     },
                 },
                 tooltip: {

resources/views/tabler/footer.tpl

@@ -49,8 +49,8 @@
 <script src="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
 
 <script>
-    let successDialog = new bootstrap.Modal(document.getElementById('success-dialog'));
-    let failDialog = new bootstrap.Modal(document.getElementById('fail-dialog'));
+    let successDialog = new tabler.bootstrap.Modal(document.getElementById('success-dialog'));
+    let failDialog = new tabler.bootstrap.Modal(document.getElementById('fail-dialog'));
 
     htmx.on("htmx:afterRequest", function(evt) {
         if (evt.detail.xhr.getResponseHeader('HX-Redirect'))

resources/views/tabler/user/footer.tpl

@@ -65,8 +65,8 @@
 <!-- js -->
 <script src="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
 <script>
-    let successDialog = new bootstrap.Modal(document.getElementById('success-dialog'));
-    let failDialog = new bootstrap.Modal(document.getElementById('fail-dialog'));
+    let successDialog = new tabler.bootstrap.Modal(document.getElementById('success-dialog'));
+    let failDialog = new tabler.bootstrap.Modal(document.getElementById('fail-dialog'));
 
     let clipboard = new ClipboardJS('.copy');
     clipboard.on('success', function () {

resources/views/tabler/user/index.tpl

@@ -742,7 +742,7 @@
                         padding: 14
                     }
                 },
-                colors: [tabler.getColor("azure")],
+                colors: ["#FF4500"],
                 legend: {
                     show: false
                 }

resources/views/tabler/user/rate.tpl

@@ -120,7 +120,7 @@
                         padding: 4,
                     },
                 },
-                colors: [tabler.getColor("azure")],
+                colors: ["#FF0000"],
                 legend: {
                     show: false,
                 },