Dashboard - Add background color settings (#6959)

* Dashboard - Add background color settings

* Update missed_calls.php

* Update recent_calls.php

* Update app_languages.php

* Update app_config.php

* Update dashboard_edit.php

* Update index.php

* Update css.php

* Update system_status.php

* Update system_cpu_status.php

* Update system_counts.php

* Update system_counts.php

* Update switch_status.php

* Update index.php

* Update system_counts.php

* Update domain_limits.php

* Update call_forward.php

* Update caller_id.php

* Update ring_group_forward.php
This commit is contained in:
Alex
2024-04-24 13:14:24 -07:00
committed by GitHub
parent f8771c4f10
commit 28efea22fd
16 changed files with 260 additions and 114 deletions

View File

@@ -77,11 +77,21 @@
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = '';
$apps[$x]['db'][$y]['fields'][$z]['description']['en-us'] = 'Enter the chart type.';
$z++;
$apps[$x]['db'][$y]['fields'][$z]['name'] = 'dashboard_heading_background_color';
$apps[$x]['db'][$y]['fields'][$z]['type'] = 'text';
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = '';
$apps[$x]['db'][$y]['fields'][$z]['description']['en-us'] = 'Enter the heading background color.';
$z++;
$apps[$x]['db'][$y]['fields'][$z]['name'] = 'dashboard_heading_text_color';
$apps[$x]['db'][$y]['fields'][$z]['type'] = 'text';
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = '';
$apps[$x]['db'][$y]['fields'][$z]['description']['en-us'] = 'Enter the heading text color.';
$z++;
$apps[$x]['db'][$y]['fields'][$z]['name'] = 'dashboard_number_background_color';
$apps[$x]['db'][$y]['fields'][$z]['type'] = 'text';
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = '';
$apps[$x]['db'][$y]['fields'][$z]['description']['en-us'] = 'Enter the number text color.';
$z++;
$apps[$x]['db'][$y]['fields'][$z]['name'] = 'dashboard_number_text_color';
$apps[$x]['db'][$y]['fields'][$z]['type'] = 'text';
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = '';

View File

@@ -338,6 +338,58 @@ $text['label-doughnut']['zh-cn'] = "油炸圈饼";
$text['label-doughnut']['ja-jp'] = "ドーナツ";
$text['label-doughnut']['ko-kr'] = "도넛";
$text['label-dashboard_heading_background_color']['en-us'] = "Heading Background Color";
$text['label-dashboard_heading_background_color']['en-gb'] = "Heading Background Color";
$text['label-dashboard_heading_background_color']['ar-eg'] = "";
$text['label-dashboard_heading_background_color']['de-at'] = "";
$text['label-dashboard_heading_background_color']['de-ch'] = "";
$text['label-dashboard_heading_background_color']['de-de'] = "";
$text['label-dashboard_heading_background_color']['el-gr'] = "";
$text['label-dashboard_heading_background_color']['es-cl'] = "";
$text['label-dashboard_heading_background_color']['es-mx'] = "";
$text['label-dashboard_heading_background_color']['fr-ca'] = "";
$text['label-dashboard_heading_background_color']['fr-fr'] = "";
$text['label-dashboard_heading_background_color']['he-il'] = "";
$text['label-dashboard_heading_background_color']['it-it'] = "";
$text['label-dashboard_heading_background_color']['nl-nl'] = "";
$text['label-dashboard_heading_background_color']['pl-pl'] = "";
$text['label-dashboard_heading_background_color']['pt-br'] = "";
$text['label-dashboard_heading_background_color']['pt-pt'] = "";
$text['label-dashboard_heading_background_color']['ro-ro'] = "";
$text['label-dashboard_heading_background_color']['ru-ru'] = "";
$text['label-dashboard_heading_background_color']['sv-se'] = "";
$text['label-dashboard_heading_background_color']['uk-ua'] = "";
$text['label-dashboard_heading_background_color']['tr-tr'] = "";
$text['label-dashboard_heading_background_color']['zh-cn'] = "";
$text['label-dashboard_heading_background_color']['ja-jp'] = "";
$text['label-dashboard_heading_background_color']['ko-kr'] = "";
$text['description-dashboard_heading_background_color']['en-us'] = "Enter the dashboard widget heading background color";
$text['description-dashboard_heading_background_color']['en-gb'] = "Enter the dashboard widget heading background color";
$text['description-dashboard_heading_background_color']['ar-eg'] = "";
$text['description-dashboard_heading_background_color']['de-at'] = "";
$text['description-dashboard_heading_background_color']['de-ch'] = "";
$text['description-dashboard_heading_background_color']['de-de'] = "";
$text['description-dashboard_heading_background_color']['el-gr'] = "";
$text['description-dashboard_heading_background_color']['es-cl'] = "";
$text['description-dashboard_heading_background_color']['es-mx'] = "";
$text['description-dashboard_heading_background_color']['fr-ca'] = "";
$text['description-dashboard_heading_background_color']['fr-fr'] = "";
$text['description-dashboard_heading_background_color']['he-il'] = "";
$text['description-dashboard_heading_background_color']['it-it'] = "";
$text['description-dashboard_heading_background_color']['nl-nl'] = "";
$text['description-dashboard_heading_background_color']['pl-pl'] = "";
$text['description-dashboard_heading_background_color']['pt-br'] = "";
$text['description-dashboard_heading_background_color']['pt-pt'] = "";
$text['description-dashboard_heading_background_color']['ro-ro'] = "";
$text['description-dashboard_heading_background_color']['ru-ru'] = "";
$text['description-dashboard_heading_background_color']['sv-se'] = "";
$text['description-dashboard_heading_background_color']['uk-ua'] = "";
$text['description-dashboard_heading_background_color']['tr-tr'] = "";
$text['description-dashboard_heading_background_color']['zh-cn'] = "";
$text['description-dashboard_heading_background_color']['ja-jp'] = "";
$text['description-dashboard_heading_background_color']['ko-kr'] = "";
$text['label-dashboard_heading_text_color']['en-us'] = "Heading Text Color";
$text['label-dashboard_heading_text_color']['en-gb'] = "Heading Text Color";
$text['label-dashboard_heading_text_color']['ar-eg'] = "لون نص العنوان";
@@ -390,6 +442,58 @@ $text['description-dashboard_heading_text_color']['zh-cn'] = "输入仪表板小
$text['description-dashboard_heading_text_color']['ja-jp'] = "ダッシュボード ウィジェットの見出しのテキストの色を入力します。";
$text['description-dashboard_heading_text_color']['ko-kr'] = "대시보드 위젯 제목 텍스트 색상을 입력합니다.";
$text['label-dashboard_number_background_color']['en-us'] = "Number Background Color";
$text['label-dashboard_number_background_color']['en-gb'] = "Number Background Color";
$text['label-dashboard_number_background_color']['ar-eg'] = "";
$text['label-dashboard_number_background_color']['de-at'] = "";
$text['label-dashboard_number_background_color']['de-ch'] = "";
$text['label-dashboard_number_background_color']['de-de'] = "";
$text['label-dashboard_number_background_color']['el-gr'] = "";
$text['label-dashboard_number_background_color']['es-cl'] = "";
$text['label-dashboard_number_background_color']['es-mx'] = "";
$text['label-dashboard_number_background_color']['fr-ca'] = "";
$text['label-dashboard_number_background_color']['fr-fr'] = "";
$text['label-dashboard_number_background_color']['he-il'] = "";
$text['label-dashboard_number_background_color']['it-it'] = "";
$text['label-dashboard_number_background_color']['nl-nl'] = "";
$text['label-dashboard_number_background_color']['pl-pl'] = "";
$text['label-dashboard_number_background_color']['pt-br'] = "";
$text['label-dashboard_number_background_color']['pt-pt'] = "";
$text['label-dashboard_number_background_color']['ro-ro'] = "";
$text['label-dashboard_number_background_color']['ru-ru'] = "";
$text['label-dashboard_number_background_color']['sv-se'] = "";
$text['label-dashboard_number_background_color']['uk-ua'] = "";
$text['label-dashboard_number_background_color']['tr-tr'] = "";
$text['label-dashboard_number_background_color']['zh-cn'] = "";
$text['label-dashboard_number_background_color']['ja-jp'] = "";
$text['label-dashboard_number_background_color']['ko-kr'] = "";
$text['description-dashboard_number_background_color']['en-us'] = "Enter the dashboard widget number background color.";
$text['description-dashboard_number_background_color']['en-gb'] = "Enter the dashboard widget number background color.";
$text['description-dashboard_number_background_color']['ar-eg'] = "";
$text['description-dashboard_number_background_color']['de-at'] = "";
$text['description-dashboard_number_background_color']['de-ch'] = "";
$text['description-dashboard_number_background_color']['de-de'] = "";
$text['description-dashboard_number_background_color']['el-gr'] = "";
$text['description-dashboard_number_background_color']['es-cl'] = "";
$text['description-dashboard_number_background_color']['es-mx'] = "";
$text['description-dashboard_number_background_color']['fr-ca'] = "";
$text['description-dashboard_number_background_color']['fr-fr'] = "";
$text['description-dashboard_number_background_color']['he-il'] = "";
$text['description-dashboard_number_background_color']['it-it'] = "";
$text['description-dashboard_number_background_color']['nl-nl'] = "";
$text['description-dashboard_number_background_color']['pl-pl'] = "";
$text['description-dashboard_number_background_color']['pt-br'] = "";
$text['description-dashboard_number_background_color']['pt-pt'] = "";
$text['description-dashboard_number_background_color']['ro-ro'] = "";
$text['description-dashboard_number_background_color']['ru-ru'] = "";
$text['description-dashboard_number_background_color']['sv-se'] = "";
$text['description-dashboard_number_background_color']['uk-ua'] = "";
$text['description-dashboard_number_background_color']['tr-tr'] = "";
$text['description-dashboard_number_background_color']['zh-cn'] = "";
$text['description-dashboard_number_background_color']['ja-jp'] = "";
$text['description-dashboard_number_background_color']['ko-kr'] = "";
$text['label-dashboard_number_text_color']['en-us'] = "Number Text Color";
$text['label-dashboard_number_text_color']['en-gb'] = "Number Text Color";
$text['label-dashboard_number_text_color']['ar-eg'] = "رقم لون النص";

View File

@@ -66,7 +66,9 @@
$dashboard_path = $_POST["dashboard_path"] ?? '';
$dashboard_groups = $_POST["dashboard_groups"] ?? '';
$dashboard_chart_type = $_POST["dashboard_chart_type"] ?? '';
$dashboard_heading_background_color = $_POST["dashboard_heading_background_color"] ?? '';
$dashboard_heading_text_color = $_POST["dashboard_heading_text_color"] ?? '';
$dashboard_number_background_color = $_POST["dashboard_number_background_color"] ?? '';
$dashboard_number_text_color = $_POST["dashboard_number_text_color"] ?? '';
$dashboard_column_span = $_POST["dashboard_column_span"] ?? '';
$dashboard_details_state = $_POST["dashboard_details_state"] ?? '';
@@ -167,7 +169,9 @@
$array['dashboard'][0]['dashboard_name'] = $dashboard_name;
$array['dashboard'][0]['dashboard_path'] = $dashboard_path;
$array['dashboard'][0]['dashboard_chart_type'] = $dashboard_chart_type;
$array['dashboard'][0]['dashboard_heading_background_color'] = $dashboard_heading_background_color;
$array['dashboard'][0]['dashboard_heading_text_color'] = $dashboard_heading_text_color;
$array['dashboard'][0]['dashboard_number_background_color'] = $dashboard_number_background_color;
$array['dashboard'][0]['dashboard_number_text_color'] = $dashboard_number_text_color;
$array['dashboard'][0]['dashboard_column_span'] = $dashboard_column_span;
$array['dashboard'][0]['dashboard_details_state'] = $dashboard_details_state;
@@ -215,7 +219,9 @@
$sql .= " dashboard_name, ";
$sql .= " dashboard_path, ";
$sql .= " dashboard_chart_type, ";
$sql .= " dashboard_heading_background_color, ";
$sql .= " dashboard_heading_text_color, ";
$sql .= " dashboard_number_background_color, ";
$sql .= " dashboard_number_text_color, ";
$sql .= " dashboard_column_span, ";
$sql .= " dashboard_details_state, ";
@@ -231,7 +237,9 @@
$dashboard_name = $row["dashboard_name"];
$dashboard_path = $row["dashboard_path"];
$dashboard_chart_type = $row["dashboard_chart_type"];
$dashboard_heading_background_color = $row["dashboard_heading_background_color"];
$dashboard_heading_text_color = $row["dashboard_heading_text_color"];
$dashboard_number_background_color = $row["dashboard_number_background_color"];
$dashboard_number_text_color = $row["dashboard_number_text_color"];
$dashboard_column_span = $row["dashboard_column_span"];
$dashboard_details_state = $row["dashboard_details_state"];
@@ -408,51 +416,75 @@
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_chart_type']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <select name='dashboard_chart_type' class='formfld'>\n";
if ($dashboard_chart_type == "doughnut") {
echo " <option value='doughnut' selected='selected'>".$text['label-doughnut']."</option>\n";
}
else {
echo " <option value='doughnut'>".$text['label-doughnut']."</option>\n";
}
if ($dashboard_chart_type == "none") {
echo " <option value='none' selected='selected'>".$text['label-none']."</option>\n";
}
else {
echo " <option value='none'>".$text['label-none']."</option>\n";
}
echo " </select>\n";
echo "<br />\n";
echo $text['description-dashboard_chart_type']."\n";
echo "</td>\n";
echo "</tr>\n";
if ($dashboard_path != "app/devices/resources/dashboard/device_keys.php" || $dashboard_path != "app/call_centers/resources/dashboard/call_center_agents.php") {
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_chart_type']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <select name='dashboard_chart_type' class='formfld'>\n";
if ($dashboard_chart_type == "doughnut") {
echo " <option value='doughnut' selected='selected'>".$text['label-doughnut']."</option>\n";
}
else {
echo " <option value='doughnut'>".$text['label-doughnut']."</option>\n";
}
if ($dashboard_chart_type == "none") {
echo " <option value='none' selected='selected'>".$text['label-none']."</option>\n";
}
else {
echo " <option value='none'>".$text['label-none']."</option>\n";
}
echo " </select>\n";
echo "<br />\n";
echo $text['description-dashboard_chart_type']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_heading_text_color']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <input type='text' class='formfld colorpicker' name='dashboard_heading_text_color' value='".escape($dashboard_heading_text_color)."'>\n";
echo "<br />\n";
echo $text['description-dashboard_heading_text_color']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_heading_background_color']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <input type='text' class='formfld colorpicker' name='dashboard_heading_background_color' value='".escape($dashboard_heading_background_color)."'>\n";
echo "<br />\n";
echo $text['description-dashboard_heading_background_color']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_number_text_color']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <input type='text' class='formfld colorpicker' name='dashboard_number_text_color' value='".escape($dashboard_number_text_color)."'>\n";
echo "<br />\n";
echo $text['description-dashboard_number_text_color']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_heading_text_color']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <input type='text' class='formfld colorpicker' name='dashboard_heading_text_color' value='".escape($dashboard_heading_text_color)."'>\n";
echo "<br />\n";
echo $text['description-dashboard_heading_text_color']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_number_background_color']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <input type='text' class='formfld colorpicker' name='dashboard_number_background_color' value='".escape($dashboard_number_background_color)."'>\n";
echo "<br />\n";
echo $text['description-dashboard_number_background_color']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_number_text_color']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <input type='text' class='formfld colorpicker' name='dashboard_number_text_color' value='".escape($dashboard_number_text_color)."'>\n";
echo "<br />\n";
echo $text['description-dashboard_number_text_color']."\n";
echo "</td>\n";
echo "</tr>\n";
}
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";

View File

@@ -73,7 +73,9 @@
$sql .= "dashboard_name, \n";
$sql .= "dashboard_path, \n";
$sql .= "dashboard_chart_type, \n";
$sql .= "dashboard_heading_background_color, \n";
$sql .= "dashboard_heading_text_color, \n";
$sql .= "dashboard_number_background_color, \n";
$sql .= "dashboard_number_text_color, \n";
$sql .= "dashboard_column_span, \n";
$sql .= "dashboard_details_state, \n";
@@ -145,8 +147,8 @@
//chart variables
echo "<script>\n";
echo " var chart_text_font = 'arial';\n";
echo " var chart_text_size = 30;\n";
echo " var chart_text_font = '".($settings->get('theme', 'dashboard_number_text_font') ?? 'arial')."';\n";
echo " var chart_text_size = '30px';\n";
echo " Chart.defaults.responsive = true;\n";
echo " Chart.defaults.maintainAspectRatio = false;\n";
echo " Chart.defaults.plugins.legend.display = false;\n";
@@ -304,8 +306,10 @@
$dashboard_name = strtolower($row['dashboard_name']);
$dashboard_name = str_replace(" ", "_", $dashboard_name);
$dashboard_chart_type = $row['dashboard_chart_type'] ?? 'doughnut';
$dashboard_heading_background_color = $row['dashboard_heading_background_color'] ?? $settings->get('theme', 'dashboard_heading_background_color');
$dashboard_heading_text_color = $row['dashboard_heading_text_color'] ?? $settings->get('theme', 'dashboard_heading_text_color');
$dashboard_number_text_color = $row['dashboard_heading_text_color'] ?? $settings->get('theme', 'dashboard_number_text_color');
$dashboard_number_background_color = $row['dashboard_number_background_color'] ?? $settings->get('theme', 'dashboard_number_background_color');
$dashboard_number_text_color = $row['dashboard_number_text_color'] ?? $settings->get('theme', 'dashboard_number_text_color');
echo "<div class='widget' id='".$dashboard_name."' draggable='false'>\n";
include($row['dashboard_path']);
echo "</div>\n";