From e2cb5f2ebae928857dc41a843e565a76442395a0 Mon Sep 17 00:00:00 2001
From: AlexC <40072887+alexdcrane@users.noreply.github.com>
Date: Fri, 19 Nov 2021 16:32:23 -0700
Subject: [PATCH] Add dashboard default settings to system_counts.php (#6140)

* Add dashboard default settings to system_counts.php

* Update system_counts.php
---
 .../resources/dashboard/system_counts.php     | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/app/system/resources/dashboard/system_counts.php b/app/system/resources/dashboard/system_counts.php
index c514f6df4f..30a23fe4c7 100644
--- a/app/system/resources/dashboard/system_counts.php
+++ b/app/system/resources/dashboard/system_counts.php
@@ -292,23 +292,29 @@
 		//add doughnut chart
 		?>
 		<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
-			<div style='width: 250px; height: 175px;'><canvas id='system_count_chart'></canvas></div>
+			<div style='width: 250px; height: 175px;'><canvas id='system_counts_chart'></canvas></div>
 		</div>
 
 		<script>
-			const system_count_data = {
+			var system_counts_chart_context = document.getElementById('system_counts_chart').getContext('2d');
+
+			const system_counts_chart_data = {
 				labels: ['InActive: <?php echo $domain_inactive; ?>', 'Active: <?php echo $domain_active; ?>'],
 				datasets: [{
 					data: ['<?php echo $domain_inactive; ?>', '<?php echo $domain_active; ?>'],
-					borderColor: 'rgba(0,0,0,0)',
-					backgroundColor: ['#d4d4d4', '#2a9df4'],
+					backgroundColor: [
+						'<?php echo $_SESSION['dashboard']['system_counts_chart_sub_background_color']['text']; ?>', 
+						'<?php echo $_SESSION['dashboard']['system_counts_chart_main_background_color']['text']; ?>'
+					],
+					borderColor: '<?php echo $_SESSION['dashboard']['system_counts_chart_border_color']['text']; ?>',
+					borderWidth: '<?php echo $_SESSION['dashboard']['system_counts_chart_border_width']['text']; ?>',
 					cutout: chart_cutout
 				}]
 			};
 
-			const system_count_config = {
+			const system_counts_chart_config = {
 				type: 'doughnut',
-				data: system_count_data,
+				data: system_counts_chart_data,
 				options: {
 				responsive: true,
 					maintainAspectRatio: false,
@@ -333,9 +339,9 @@
 				plugins: [chart_counter],
 			};
 
-			const system_count_chart = new Chart(
-				document.getElementById('system_count_chart'),
-				system_count_config
+			const system_counts_chart = new Chart(
+				system_counts_chart_context,
+				system_counts_chart_config
 			);
 		</script>
 		<?php