Dashboard: Click chart to expand/contract details.
This commit is contained in:
@@ -79,7 +79,7 @@
|
|||||||
|
|
||||||
//add doughnut chart
|
//add doughnut chart
|
||||||
?>
|
?>
|
||||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; cursor: pointer;' onclick="$('#hud_switch_status_details').slideToggle('fast');">
|
||||||
<canvas id='switch_status_chart' width='175px' height='175px'></canvas>
|
<canvas id='switch_status_chart' width='175px' height='175px'></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -285,7 +285,7 @@
|
|||||||
if ($show_stat) {
|
if ($show_stat) {
|
||||||
//add doughnut chart
|
//add doughnut chart
|
||||||
?>
|
?>
|
||||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; cursor: pointer;' onclick="$('#hud_system_counts_details').slideToggle('fast');">
|
||||||
<div style='width: 250px; height: 175px;'><canvas id='system_counts_chart'></canvas></div>
|
<div style='width: 250px; height: 175px;'><canvas id='system_counts_chart'></canvas></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -56,7 +56,7 @@
|
|||||||
|
|
||||||
//add half doughnut chart
|
//add half doughnut chart
|
||||||
?>
|
?>
|
||||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px'>
|
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; cursor: pointer;' onclick="$('#hud_system_cpu_status_details').slideToggle('fast');">
|
||||||
<div><canvas id='system_cpu_status_chart' width='175px' height='175px' ></canvas></div>
|
<div><canvas id='system_cpu_status_chart' width='175px' height='175px' ></canvas></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
if ($percent_disk_usage != '') {
|
if ($percent_disk_usage != '') {
|
||||||
//add half doughnut chart
|
//add half doughnut chart
|
||||||
?>
|
?>
|
||||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px'>
|
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; cursor: pointer;' onclick="$('#hud_system_status_details').slideToggle('fast');">
|
||||||
<div><canvas id='system_status_chart' width='175px' height='175px'></canvas></div>
|
<div><canvas id='system_status_chart' width='175px' height='175px'></canvas></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
|
|
||||||
//add doughnut chart
|
//add doughnut chart
|
||||||
?>
|
?>
|
||||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; cursor: pointer;' onclick="$('#hud_voicemail_details').slideToggle('fast');">
|
||||||
<canvas id='new_messages_chart' width='175px' height='175px'></canvas>
|
<canvas id='new_messages_chart' width='175px' height='175px'></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -82,7 +82,7 @@
|
|||||||
|
|
||||||
//add doughnut chart
|
//add doughnut chart
|
||||||
?>
|
?>
|
||||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; cursor: pointer;' onclick="$('#hud_missed_calls_details').slideToggle('fast');">
|
||||||
<canvas id='missed_calls_chart' width='175px' height='175px'></canvas>
|
<canvas id='missed_calls_chart' width='175px' height='175px'></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -84,7 +84,7 @@
|
|||||||
|
|
||||||
//add doughnut chart
|
//add doughnut chart
|
||||||
?>
|
?>
|
||||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; cursor: pointer;' onclick="$('#hud_recent_calls_details').slideToggle('fast');">
|
||||||
<canvas id='recent_calls_chart' width='175px' height='175px'></canvas>
|
<canvas id='recent_calls_chart' width='175px' height='175px'></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user