From d24aa11b99c970c40706bc5b47718953eaa9aee1 Mon Sep 17 00:00:00 2001
From: AlexC <40072887+alexdcrane@users.noreply.github.com>
Date: Fri, 12 Nov 2021 12:55:42 -0700
Subject: [PATCH] Update voicemails.php (#6123)

---
 .../resources/dashboard/voicemails.php        | 82 +++++++++----------
 1 file changed, 40 insertions(+), 42 deletions(-)

diff --git a/app/voicemails/resources/dashboard/voicemails.php b/app/voicemails/resources/dashboard/voicemails.php
index ad036a3a64..811edb1c08 100644
--- a/app/voicemails/resources/dashboard/voicemails.php
+++ b/app/voicemails/resources/dashboard/voicemails.php
@@ -55,52 +55,50 @@
 	}
 
 //add doughnut chart
-	echo "
-		<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom:10px;'>
-			<div style='width: 175px; height: 175px;'><canvas id='new_messages_chart'></canvas></div>
-		</div>
+	?>
+	<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
+		<div style='width: 175px; height: 175px;'><canvas id='new_messages_chart'></canvas></div>
+	</div>
 
-		<script>
-			var new_messages_bgc = ['#ff9933', '#d4d4d4'];
+	<script>
+		const new_messages_data = {
+			datasets: [{
+				data: ['<?php echo $messages['new']; ?>', 0.00001],
+				borderColor: 'rgba(0,0,0,0)',
+				backgroundColor: ['#ff9933', '#d4d4d4'],
+				cutout: chart_cutout
+			}]
+		};
 
-			const new_messages_data = {
-				datasets: [{
-					data:[".$messages['new'].", 0.00001],
-					borderColor: 'rgba(0,0,0,0)',
-					backgroundColor: [new_messages_bgc[0], new_messages_bgc[1]],
-					cutout: chart_cutout
-				}]
-			};
-
-			const new_messages_config = {
-				type: 'doughnut',
-				data: new_messages_data,
-				options: {
-					responsive: true,
-					maintainAspectRatio: false,
-					plugins: {
-						chart_counter: {
-							chart_text: ".$messages['new'].",
-						},
-						legend: {
-							display: false
-						},
-						title: {
-							display: true,
-							text: '".$text['label-new_messages']."',
-							fontFamily: chart_font_family
-						}
+		const new_messages_config = {
+			type: 'doughnut',
+			data: new_messages_data,
+			options: {
+				responsive: true,
+				maintainAspectRatio: false,
+				plugins: {
+					chart_counter: {
+						chart_text: '<?php echo $messages['new']; ?>',
+					},
+					legend: {
+						display: false
+					},
+					title: {
+						display: true,
+						text: '<?php echo $text['label-new_messages']; ?>',
+						fontFamily: chart_font_family
 					}
-				},
-				plugins: [chart_counter],
-			};
+				}
+			},
+			plugins: [chart_counter],
+		};
 
-			const new_messages_chart = new Chart(
-				document.getElementById('new_messages_chart'),
-				new_messages_config
-			);
-		</script>
-	";
+		const new_messages_chart = new Chart(
+			document.getElementById('new_messages_chart'),
+			new_messages_config
+		);
+	</script>
+	<?php
 
 	echo "<div class='hud_details hud_box' id='hud_voicemail_details'>";
 	if (sizeof($voicemails) > 0) {