nsinnovations/fusionpbx
2
0
Fork 0
mirror of https://github.com/fusionpbx/fusionpbx.git synced 2025-12-30 00:53:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard Edit: Update what chart settings to display when a dashboard path is selected (#7473)

Browse Source 
* Dashboard Edit: Update what chart settings to display when a dashboard path is selected

* Update dashboard_edit.php
This commit is contained in:
Alex
2025-08-27 16:56:34 -07:00
committed by GitHub
parent 963177c64f
commit ee4132468b
1 changed files with 50 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
core/dashboard/dashboard_edit.php
View File

@@ -426,9 +426,9 @@
//find the chart type options
$dashboard_chart_type_options = [];
foreach ($array['dashboard'] as $index => $widget) {
if ($widget['dashboard_path'] === "$application_name/$widget_name") {
$dashboard_chart_type_options = $widget['dashboard_chart_type_options'];
foreach ($array['dashboard'] as $index => $row) {
if ($row['dashboard_path'] === "$application_name/$widget_name") {
$dashboard_chart_type_options = $row['dashboard_chart_type_options'];
break;
}
}
@@ -657,10 +657,9 @@ document.addEventListener('DOMContentLoaded', function() {
let settings_config = <?php echo json_encode($dashboard_settings_config); ?>;
let settings = settings_config['shared'];
const all_settings = document.querySelectorAll("tr[id^='tr_dashboard_']");
all_settings.forEach(function(tr) {
tr.style.display = 'none';
});
//hide all settings initially
const all_settings = Array.from(document.querySelectorAll("tr[id^='tr_dashboard_']"));
all_settings.forEach(tr => tr.style.display = 'none');
switch (selected_path) {
case 'dashboard/icon':
@@ -674,9 +673,50 @@ document.addEventListener('DOMContentLoaded', function() {
break;
}
settings.forEach(function(setting) {
document.getElementById('tr_' + setting).style.display = '';
});
//show settings after updating the settings array
settings.forEach(setting => document.getElementById(`tr_${setting}`).style.display = '');
//get the widget config
fetch(`dashboard_config_json.php?dashboard_path=${encodeURIComponent(selected_path)}`)
.then(response => response.json())
.then(data => {
if (data.error) {
console.error('Error fetching config:', data.error);
}
else {
let chart_type = document.querySelector('.chart_type_button input:checked').value;
let chart_type_options = data.chart_type_options;
//update chart settings
if (chart_type_options.length > 0) {
const chart_settings = Object.values(settings_config['chart']).filter(value => !Array.isArray(value));
const chart_type_buttons = Array.from(document.querySelectorAll('.chart_type_button'));
//hide all chart settings initially
chart_settings.forEach(setting => document.getElementById(`tr_${setting}`).style.display = 'none');
chart_type_buttons.forEach(button => button.style.display = 'none');
if (chart_type === "icon") {
chart_settings.push(...settings_config['chart']['icon']);
}
else if (chart_type === "line" && chart_settings.includes('dashboard_number_color')) {
chart_settings = chart_settings.indexOf('dashboard_number_color');
}
//show chart settings
chart_settings.forEach(setting => document.getElementById(`tr_${setting}`).style.display = '');
chart_type_options.forEach(option => {
const button = document.querySelector(`.chart_type_button input[value='${option}']`).closest('.chart_type_button');
if (button) {
button.style.display = '';
}
});
}
}
})
.catch(error => {
console.error('Error:', error);
});
if (selected_path == 'dashboard/icon') {
adjust_form_url();