Update voicemails.php (#6123)

app/voicemails/resources/dashboard/voicemails.php

@@ -55,19 +55,17 @@
 	}
 
 //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>
 
 	<script>
-			var new_messages_bgc = ['#ff9933', '#d4d4d4'];
-
 		const new_messages_data = {
 			datasets: [{
-					data:[".$messages['new'].", 0.00001],
+				data: ['<?php echo $messages['new']; ?>', 0.00001],
 				borderColor: 'rgba(0,0,0,0)',
-					backgroundColor: [new_messages_bgc[0], new_messages_bgc[1]],
+				backgroundColor: ['#ff9933', '#d4d4d4'],
 				cutout: chart_cutout
 			}]
 		};
@@ -80,14 +78,14 @@
 				maintainAspectRatio: false,
 				plugins: {
 					chart_counter: {
-							chart_text: ".$messages['new'].",
+						chart_text: '<?php echo $messages['new']; ?>',
 					},
 					legend: {
 						display: false
 					},
 					title: {
 						display: true,
-							text: '".$text['label-new_messages']."',
+						text: '<?php echo $text['label-new_messages']; ?>',
 						fontFamily: chart_font_family
 					}
 				}
@@ -100,7 +98,7 @@
 			new_messages_config
 		);
 	</script>
-	";
+	<?php
 
 	echo "<div class='hud_details hud_box' id='hud_voicemail_details'>";
 	if (sizeof($voicemails) > 0) {