Dashboard - Add row span setting (#7007)

This commit is contained in:
Alex 2024-06-12 15:49:34 -07:00 committed by GitHub
parent 1998df7c70
commit 7640cd21c9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
16 changed files with 165 additions and 27 deletions

View File

@ -102,7 +102,7 @@
//begin widget //begin widget
echo "<div class='hud_box'>\n"; echo "<div class='hud_box'>\n";
echo " <div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_call_forward_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo " <div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_call_forward_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title'>".$text['header-call_forward']."</span>\n"; echo " <span class='hud_title'>".$text['header-call_forward']."</span>\n";
//doughnut chart //doughnut chart

View File

@ -110,7 +110,7 @@
$hud_stat_title = $text['label-destinations']; $hud_stat_title = $text['label-destinations'];
} }
echo " <div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_domain_limits_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo " <div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_domain_limits_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title'>".$text['label-domain_limits']."</span>\n"; echo " <span class='hud_title'>".$text['label-domain_limits']."</span>\n";
//doughnut chart //doughnut chart

View File

@ -173,7 +173,7 @@
//caller id //caller id
echo "<div class='hud_box'>\n"; echo "<div class='hud_box'>\n";
echo " <div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_caller_id_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo " <div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_caller_id_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title'>".$text['label-caller_id_number']."</span>\n"; echo " <span class='hud_title'>".$text['label-caller_id_number']."</span>\n";
//doughnut chart //doughnut chart

View File

@ -153,7 +153,7 @@
//ring group forward //ring group forward
echo "<div class='hud_box'>\n"; echo "<div class='hud_box'>\n";
echo " <div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_ring_group_forward_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo " <div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_ring_group_forward_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title'>".$text['header-ring-group-forward']."</span>\n"; echo " <span class='hud_title'>".$text['header-ring-group-forward']."</span>\n";
//doughnut chart //doughnut chart

View File

@ -77,7 +77,7 @@
} }
//show the content //show the content
echo "<div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_switch_status_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo "<div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_switch_status_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title'>".$text['label-switch_status']."</span>\n"; echo " <span class='hud_title'>".$text['label-switch_status']."</span>\n";
if (!isset($dashboard_chart_type) || $dashboard_chart_type == "doughnut") { if (!isset($dashboard_chart_type) || $dashboard_chart_type == "doughnut") {

View File

@ -295,7 +295,7 @@
echo "<div class='hud_box'>\n"; echo "<div class='hud_box'>\n";
if ($show_stat) { if ($show_stat) {
echo "<div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_system_counts_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo "<div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_system_counts_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/system/system.php'\">".$text['label-system_counts']."</span>\n"; echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/system/system.php'\">".$text['label-system_counts']."</span>\n";
if (!isset($dashboard_chart_type) || $dashboard_chart_type == "doughnut") { if (!isset($dashboard_chart_type) || $dashboard_chart_type == "doughnut") {

View File

@ -51,7 +51,7 @@
} }
//show the content //show the content
echo "<div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_system_cpu_status_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo "<div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_system_cpu_status_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/system/system.php'\">".$text['label-cpu_usage']."</span>\n"; echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/system/system.php'\">".$text['label-cpu_usage']."</span>\n";
//add half doughnut chart //add half doughnut chart

View File

@ -37,7 +37,7 @@
if (!empty($percent_disk_usage)) { if (!empty($percent_disk_usage)) {
//add half doughnut chart //add half doughnut chart
echo " <div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_system_status_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo " <div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_system_status_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/system/system.php'\">".$text['label-disk_usage']."</span>\n"; echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/system/system.php'\">".$text['label-disk_usage']."</span>\n";
if (!isset($dashboard_chart_type) || $dashboard_chart_type == "doughnut") { if (!isset($dashboard_chart_type) || $dashboard_chart_type == "doughnut") {

View File

@ -52,7 +52,7 @@
} }
} }
echo "<div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_voicemail_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo "<div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_voicemail_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/voicemails/voicemail_messages.php'\">".$text['label-new_messages']."</span>"; echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/voicemails/voicemail_messages.php'\">".$text['label-new_messages']."</span>";
if (isset($dashboard_chart_type) && $dashboard_chart_type == "doughnut") { if (isset($dashboard_chart_type) && $dashboard_chart_type == "doughnut") {

View File

@ -90,7 +90,7 @@
//missed calls //missed calls
echo "<div class='hud_box'>\n"; echo "<div class='hud_box'>\n";
echo "<div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_missed_calls_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo "<div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_missed_calls_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/xml_cdr/xml_cdr.php?call_result=missed'\">".$text['label-missed_calls']."</span>"; echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/xml_cdr/xml_cdr.php?call_result=missed'\">".$text['label-missed_calls']."</span>";
if ($dashboard_chart_type == "doughnut") { if ($dashboard_chart_type == "doughnut") {

View File

@ -87,7 +87,7 @@
//recent calls //recent calls
echo "<div class='hud_box'>\n"; echo "<div class='hud_box'>\n";
echo "<div class='hud_container' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_recent_calls_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n"; echo "<div class='hud_content' ".($dashboard_details_state == "disabled" ?: "onclick=\"$('#hud_recent_calls_details').slideToggle('fast'); toggle_grid_row_end('".$dashboard_name."')\"").">\n";
echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/xml_cdr/xml_cdr.php';\">".$text['label-recent_calls']."</span>\n"; echo " <span class='hud_title' onclick=\"document.location.href='".PROJECT_PATH."/app/xml_cdr/xml_cdr.php';\">".$text['label-recent_calls']."</span>\n";
if ($dashboard_chart_type == "doughnut") { if ($dashboard_chart_type == "doughnut") {

View File

@ -117,6 +117,11 @@
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = ''; $apps[$x]['db'][$y]['fields'][$z]['search_by'] = '';
$apps[$x]['db'][$y]['fields'][$z]['description']['en-us'] = 'Enter the dashboard column span.'; $apps[$x]['db'][$y]['fields'][$z]['description']['en-us'] = 'Enter the dashboard column span.';
$z++; $z++;
$apps[$x]['db'][$y]['fields'][$z]['name'] = 'dashboard_row_span';
$apps[$x]['db'][$y]['fields'][$z]['type'] = 'numeric';
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = '';
$apps[$x]['db'][$y]['fields'][$z]['description']['en-us'] = 'Enter the dashboard row span.';
$z++;
$apps[$x]['db'][$y]['fields'][$z]['name'] = 'dashboard_details_state'; $apps[$x]['db'][$y]['fields'][$z]['name'] = 'dashboard_details_state';
$apps[$x]['db'][$y]['fields'][$z]['type'] = 'text'; $apps[$x]['db'][$y]['fields'][$z]['type'] = 'text';
$apps[$x]['db'][$y]['fields'][$z]['search_by'] = 'expanded'; $apps[$x]['db'][$y]['fields'][$z]['search_by'] = 'expanded';

View File

@ -650,6 +650,58 @@ $text['description-dashboard_column_span']['zh-cn'] = "输入仪表板小部件
$text['description-dashboard_column_span']['ja-jp'] = "ダッシュボード ウィジェットの列スパンを入力します。"; $text['description-dashboard_column_span']['ja-jp'] = "ダッシュボード ウィジェットの列スパンを入力します。";
$text['description-dashboard_column_span']['ko-kr'] = "대시보드 위젯 열 범위를 입력합니다."; $text['description-dashboard_column_span']['ko-kr'] = "대시보드 위젯 열 범위를 입력합니다.";
$text['label-dashboard_row_span']['en-us'] = "Row Span";
$text['label-dashboard_row_span']['en-gb'] = "Row Span";
$text['label-dashboard_row_span']['ar-eg'] = "";
$text['label-dashboard_row_span']['de-at'] = "";
$text['label-dashboard_row_span']['de-ch'] = "";
$text['label-dashboard_row_span']['de-de'] = "";
$text['label-dashboard_row_span']['el-gr'] = "";
$text['label-dashboard_row_span']['es-cl'] = "";
$text['label-dashboard_row_span']['es-mx'] = "";
$text['label-dashboard_row_span']['fr-ca'] = "";
$text['label-dashboard_row_span']['fr-fr'] = "";
$text['label-dashboard_row_span']['he-il'] = "";
$text['label-dashboard_row_span']['it-it'] = "";
$text['label-dashboard_row_span']['nl-nl'] = "";
$text['label-dashboard_row_span']['pl-pl'] = "";
$text['label-dashboard_row_span']['pt-br'] = "";
$text['label-dashboard_row_span']['pt-pt'] = "";
$text['label-dashboard_row_span']['ro-ro'] = "";
$text['label-dashboard_row_span']['ru-ru'] = "";
$text['label-dashboard_row_span']['sv-se'] = "";
$text['label-dashboard_row_span']['uk-ua'] = "";
$text['label-dashboard_row_span']['tr-tr'] = "";
$text['label-dashboard_row_span']['zh-cn'] = "";
$text['label-dashboard_row_span']['ja-jp'] = "";
$text['label-dashboard_row_span']['ko-kr'] = "";
$text['description-dashboard_row_span']['en-us'] = "Enter the dashboard widget row span.";
$text['description-dashboard_row_span']['en-gb'] = "Enter the dashboard widget row span.";
$text['description-dashboard_row_span']['ar-eg'] = "";
$text['description-dashboard_row_span']['de-at'] = "";
$text['description-dashboard_row_span']['de-ch'] = "";
$text['description-dashboard_row_span']['de-de'] = "";
$text['description-dashboard_row_span']['el-gr'] = "";
$text['description-dashboard_row_span']['es-cl'] = "";
$text['description-dashboard_row_span']['es-mx'] = "";
$text['description-dashboard_row_span']['fr-ca'] = "";
$text['description-dashboard_row_span']['fr-fr'] = "";
$text['description-dashboard_row_span']['he-il'] = "";
$text['description-dashboard_row_span']['it-it'] = "";
$text['description-dashboard_row_span']['nl-nl'] = "";
$text['description-dashboard_row_span']['pl-pl'] = "";
$text['description-dashboard_row_span']['pt-br'] = "";
$text['description-dashboard_row_span']['pt-pt'] = "";
$text['description-dashboard_row_span']['ro-ro'] = "";
$text['description-dashboard_row_span']['ru-ru'] = "";
$text['description-dashboard_row_span']['sv-se'] = "";
$text['description-dashboard_row_span']['uk-ua'] = "";
$text['description-dashboard_row_span']['tr-tr'] = "";
$text['description-dashboard_row_span']['zh-cn'] = "";
$text['description-dashboard_row_span']['ja-jp'] = "";
$text['description-dashboard_row_span']['ko-kr'] = "";
$text['label-dashboard_details_state']['en-us'] = "Details State"; $text['label-dashboard_details_state']['en-us'] = "Details State";
$text['label-dashboard_details_state']['en-gb'] = "Details State"; $text['label-dashboard_details_state']['en-gb'] = "Details State";
$text['label-dashboard_details_state']['ar-eg'] = "تفاصيل الدولة"; $text['label-dashboard_details_state']['ar-eg'] = "تفاصيل الدولة";

View File

@ -49,6 +49,7 @@
$dashboard_number_text_color = ''; $dashboard_number_text_color = '';
$dashboard_groups = []; $dashboard_groups = [];
$dashboard_column_span = ''; $dashboard_column_span = '';
$dashboard_row_span = '';
$dashboard_details_state = ''; $dashboard_details_state = '';
$dashboard_order = ''; $dashboard_order = '';
$dashboard_enabled = $row["dashboard_enabled"] ?? 'true'; $dashboard_enabled = $row["dashboard_enabled"] ?? 'true';
@ -79,6 +80,7 @@
$dashboard_background_color = $_POST["dashboard_background_color"] ?? ''; $dashboard_background_color = $_POST["dashboard_background_color"] ?? '';
$dashboard_detail_background_color = $_POST["dashboard_detail_background_color"] ?? ''; $dashboard_detail_background_color = $_POST["dashboard_detail_background_color"] ?? '';
$dashboard_column_span = $_POST["dashboard_column_span"] ?? ''; $dashboard_column_span = $_POST["dashboard_column_span"] ?? '';
$dashboard_row_span = $_POST["dashboard_row_span"] ?? '';
$dashboard_details_state = $_POST["dashboard_details_state"] ?? ''; $dashboard_details_state = $_POST["dashboard_details_state"] ?? '';
$dashboard_order = $_POST["dashboard_order"] ?? ''; $dashboard_order = $_POST["dashboard_order"] ?? '';
$dashboard_enabled = $_POST["dashboard_enabled"] ?? 'false'; $dashboard_enabled = $_POST["dashboard_enabled"] ?? 'false';
@ -209,6 +211,7 @@
$array['dashboard'][0]['dashboard_background_color'] = $dashboard_background_color; $array['dashboard'][0]['dashboard_background_color'] = $dashboard_background_color;
$array['dashboard'][0]['dashboard_detail_background_color'] = $dashboard_detail_background_color; $array['dashboard'][0]['dashboard_detail_background_color'] = $dashboard_detail_background_color;
$array['dashboard'][0]['dashboard_column_span'] = $dashboard_column_span; $array['dashboard'][0]['dashboard_column_span'] = $dashboard_column_span;
$array['dashboard'][0]['dashboard_row_span'] = $dashboard_row_span;
$array['dashboard'][0]['dashboard_details_state'] = $dashboard_details_state; $array['dashboard'][0]['dashboard_details_state'] = $dashboard_details_state;
$array['dashboard'][0]['dashboard_order'] = $dashboard_order; $array['dashboard'][0]['dashboard_order'] = $dashboard_order;
$array['dashboard'][0]['dashboard_enabled'] = $dashboard_enabled; $array['dashboard'][0]['dashboard_enabled'] = $dashboard_enabled;
@ -262,6 +265,7 @@
$sql .= " dashboard_background_color, "; $sql .= " dashboard_background_color, ";
$sql .= " dashboard_detail_background_color, "; $sql .= " dashboard_detail_background_color, ";
$sql .= " dashboard_column_span, "; $sql .= " dashboard_column_span, ";
$sql .= " dashboard_row_span, ";
$sql .= " dashboard_details_state, "; $sql .= " dashboard_details_state, ";
$sql .= " dashboard_order, "; $sql .= " dashboard_order, ";
$sql .= " dashboard_enabled, "; $sql .= " dashboard_enabled, ";
@ -283,6 +287,7 @@
$dashboard_background_color = $row["dashboard_background_color"]; $dashboard_background_color = $row["dashboard_background_color"];
$dashboard_detail_background_color = $row["dashboard_detail_background_color"]; $dashboard_detail_background_color = $row["dashboard_detail_background_color"];
$dashboard_column_span = $row["dashboard_column_span"]; $dashboard_column_span = $row["dashboard_column_span"];
$dashboard_row_span = $row["dashboard_row_span"];
$dashboard_details_state = $row["dashboard_details_state"]; $dashboard_details_state = $row["dashboard_details_state"];
$dashboard_order = $row["dashboard_order"]; $dashboard_order = $row["dashboard_order"];
$dashboard_enabled = $row["dashboard_enabled"] ?? 'false'; $dashboard_enabled = $row["dashboard_enabled"] ?? 'false';
@ -317,6 +322,11 @@
$dashboard_detail_background_color = json_decode($dashboard_detail_background_color, true); $dashboard_detail_background_color = json_decode($dashboard_detail_background_color, true);
} }
//add a default value to $dashboard_chart_type
if (!isset($dashboard_chart_type) && in_array($dashboard_path, ['app/voicemails/resources/dashboard/voicemails.php', 'app/xml_cdr/resources/dashboard/missed_calls.php', 'app/xml_cdr/resources/dashboard/recent_calls.php'])) {
$dashboard_chart_type = "number";
}
//add a default value to $dashboard_details_state //add a default value to $dashboard_details_state
if (!isset($dashboard_details_state) && in_array($dashboard_path, ['app/voicemails/resources/dashboard/voicemails.php', 'app/xml_cdr/resources/dashboard/missed_calls.php', 'app/xml_cdr/resources/dashboard/recent_calls.php'])) { if (!isset($dashboard_details_state) && in_array($dashboard_path, ['app/voicemails/resources/dashboard/voicemails.php', 'app/xml_cdr/resources/dashboard/missed_calls.php', 'app/xml_cdr/resources/dashboard/recent_calls.php'])) {
$dashboard_details_state = "hidden"; $dashboard_details_state = "hidden";
@ -325,9 +335,12 @@
$dashboard_details_state = "expanded"; $dashboard_details_state = "expanded";
} }
//add a default value to $dashboard_chart_type //add a default value to $dashboard_row_span
if (!isset($dashboard_chart_type) && in_array($dashboard_path, ['app/voicemails/resources/dashboard/voicemails.php', 'app/xml_cdr/resources/dashboard/missed_calls.php', 'app/xml_cdr/resources/dashboard/recent_calls.php'])) { if (!isset($dashboard_row_span) && in_array($dashboard_path, ['app/voicemails/resources/dashboard/voicemails.php', 'app/xml_cdr/resources/dashboard/missed_calls.php', 'app/xml_cdr/resources/dashboard/recent_calls.php'])) {
$dashboard_chart_type = "number"; $dashboard_row_span = 1;
}
if (empty($dashboard_row_span)) {
$dashboard_row_span = 2;
} }
//add an empty row //add an empty row
@ -539,7 +552,8 @@
$dashboard_path == "app/domain_limits/resources/dashboard/domain_limits.php" || $dashboard_path == "app/domain_limits/resources/dashboard/domain_limits.php" ||
$dashboard_path == "app/call_forward/resources/dashboard/call_forward.php" || $dashboard_path == "app/call_forward/resources/dashboard/call_forward.php" ||
$dashboard_path == "app/ring_groups/resources/dashboard/ring_group_forward.php" || $dashboard_path == "app/ring_groups/resources/dashboard/ring_group_forward.php" ||
$dashboard_path == "app/extensions/resources/dashboard/caller_id.php") { $dashboard_path == "app/extensions/resources/dashboard/caller_id.php" ||
$dashboard_path == "app/maintenance/resources/dashboard/maintenance.php") {
echo "<tr>\n"; echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n"; echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_chart_type']."\n"; echo $text['label-dashboard_chart_type']."\n";
@ -651,7 +665,7 @@
echo "<td class='vtable' style='position: relative;' align='left'>\n"; echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <select name='dashboard_column_span' class='formfld'>\n"; echo " <select name='dashboard_column_span' class='formfld'>\n";
$i=1; $i=1;
while ($i<=5) { while ($i<=3) {
$selected = ($i == $dashboard_column_span) ? "selected" : null; $selected = ($i == $dashboard_column_span) ? "selected" : null;
echo " <option value='$i' ".$selected.">$i</option>\n"; echo " <option value='$i' ".$selected.">$i</option>\n";
$i++; $i++;
@ -662,6 +676,24 @@
echo "</td>\n"; echo "</td>\n";
echo "</tr>\n"; echo "</tr>\n";
echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo " ".$text['label-dashboard_row_span']."\n";
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
echo " <select name='dashboard_row_span' class='formfld'>\n";
$i=1;
while ($i<=3) {
$selected = ($i == $dashboard_row_span) ? "selected" : null;
echo " <option value='$i' ".$selected.">$i</option>\n";
$i++;
}
echo " </select>\n";
echo "<br />\n";
echo $text['description-dashboard_row_span']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n"; echo "<tr>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n"; echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo " ".$text['label-dashboard_details_state']."\n"; echo " ".$text['label-dashboard_details_state']."\n";

View File

@ -81,6 +81,7 @@
$sql .= "dashboard_background_color, \n"; $sql .= "dashboard_background_color, \n";
$sql .= "dashboard_detail_background_color, \n"; $sql .= "dashboard_detail_background_color, \n";
$sql .= "dashboard_column_span, \n"; $sql .= "dashboard_column_span, \n";
$sql .= "dashboard_row_span, \n";
$sql .= "dashboard_details_state, \n"; $sql .= "dashboard_details_state, \n";
$sql .= "dashboard_order, \n"; $sql .= "dashboard_order, \n";
$sql .= "cast(dashboard_enabled as text), \n"; $sql .= "cast(dashboard_enabled as text), \n";
@ -221,7 +222,7 @@
grid-gap: 1rem; grid-gap: 1rem;
} }
div.hud_container { div.hud_content {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
@ -233,15 +234,17 @@ div.hud_chart {
padding-top: 7px; padding-top: 7px;
} }
span.hud_stat { padding-bottom: 27px; }
/* Dashboard settings */ /* Dashboard settings */
<?php <?php
foreach($dashboard as $row) { foreach($dashboard as $row) {
$dashboard_name = str_replace(" ", "_", strtolower($row['dashboard_name'])); $dashboard_name = str_replace(" ", "_", strtolower($row['dashboard_name']));
$background_color = json_decode($row['dashboard_background_color'], true); $background_color = json_decode($row['dashboard_background_color'], true);
$detail_background_color = json_decode($row['dashboard_detail_background_color'], true); $detail_background_color = json_decode($row['dashboard_detail_background_color'], true);
echo "#".$dashboard_name." .hud_box .hud_container {"; $dashboard_row_span = $row['dashboard_row_span'] ?? 2;
if (!isset($row['dashboard_row_span']) && in_array($dashboard_name, ["new_messages", "missed_calls", "recent_calls"])) {
$dashboard_row_span = 1;
}
echo "#".$dashboard_name." .hud_box .hud_content {";
echo " background: ".$background_color[0].";"; echo " background: ".$background_color[0].";";
echo " background-image: linear-gradient(to right, ".$background_color[1]." 0%, ".$background_color[0]." 30%, ".$background_color[0]." 70%, ".$background_color[1]." 100%);"; echo " background-image: linear-gradient(to right, ".$background_color[1]." 0%, ".$background_color[0]." 30%, ".$background_color[0]." 70%, ".$background_color[1]." 100%);";
echo "}"; echo "}";
@ -256,6 +259,35 @@ span.hud_stat { padding-bottom: 27px; }
echo " background: ".$detail_background_color[0].";"; echo " background: ".$detail_background_color[0].";";
echo " background-image: linear-gradient(to right, ".$detail_background_color[1]." 0%, ".$detail_background_color[0]." 30%, ".$detail_background_color[0]." 70%, ".$detail_background_color[1]." 100%);"; echo " background-image: linear-gradient(to right, ".$detail_background_color[1]." 0%, ".$detail_background_color[0]." 30%, ".$detail_background_color[0]." 70%, ".$detail_background_color[1]." 100%);";
echo "}"; echo "}";
switch ($dashboard_row_span) {
case 1:
echo "#".$dashboard_name." .hud_content {\n";
echo " height: 89.5px;\n";
echo "}\n";
echo "#".$dashboard_name." .hud_stat {\n";
echo " line-height: 0.1;\n";
echo " font-size: 30pt;\n";
echo "}\n";
echo "#".$dashboard_name." .hud_chart {\n";
echo " height: 50px;\n";
echo "}\n";
echo "#".$dashboard_name." div.hud_content .fas {\n";
echo " line-height: 0.1;\n";
echo " font-size: 30pt;\n";
echo "}\n";
break;
case 2:
echo "#".$dashboard_name." .hud_content {\n";
echo " height: 195px;\n";
echo "}\n";
break;
case 3:
echo "#".$dashboard_name." .hud_content {\n";
echo " height: 300.5px;\n";
echo "}\n";
break;
}
} }
?> ?>
@ -343,9 +375,17 @@ span.hud_stat { padding-bottom: 27px; }
<script> <script>
function toggle_grid_row_end(dashboard_name) { function toggle_grid_row_end(dashboard_name) {
var widget = document.getElementById(dashboard_name.toLowerCase().replace(/ /g, "_")); var widget = document.getElementById(dashboard_name.toLowerCase().replace(/ /g, '_'));
var state = widget.getAttribute('data-state');
var current_row_end = widget.style.gridRowEnd; var current_row_end = widget.style.gridRowEnd;
widget.style.gridRowEnd = (current_row_end == 'span 2') ? 'span 5' : 'span 2';
if (state == 'expanded') {
widget.style.gridRowEnd = 'span ' + (Number(current_row_end.replace('span ', '')) - 3);
widget.dataset.state = "contracted";
} else {
widget.style.gridRowEnd = 'span ' + (Number(current_row_end.replace('span ', '')) + 3);
widget.dataset.state = 'expanded';
}
} }
</script> </script>
@ -361,10 +401,19 @@ function toggle_grid_row_end(dashboard_name) {
$dashboard_chart_type = $row['dashboard_chart_type']; $dashboard_chart_type = $row['dashboard_chart_type'];
$dashboard_heading_text_color = $row['dashboard_heading_text_color'] ?? $settings->get('theme', 'dashboard_heading_text_color'); $dashboard_heading_text_color = $row['dashboard_heading_text_color'] ?? $settings->get('theme', 'dashboard_heading_text_color');
$dashboard_number_text_color = $row['dashboard_number_text_color'] ?? $settings->get('theme', 'dashboard_number_text_color'); $dashboard_number_text_color = $row['dashboard_number_text_color'] ?? $settings->get('theme', 'dashboard_number_text_color');
$dashboard_details_state = $row['dashboard_details_state']; $dashboard_details_state = $row['dashboard_details_state'] ?? "expanded";
$grid_row_end = (!isset($dashboard_details_state) && in_array($dashboard_name, ["New Messages", "Missed Calls", "Recent Calls"]) ? "grid-row-end: span 2;" : ($dashboard_details_state == "expanded" || empty($dashboard_details_state) ? "grid-row-end: span 5;" : "grid-row-end: span 2;")); $dashboard_row_span = $row['dashboard_row_span'] ?? 2;
if (!isset($row['dashboard_details_state']) && in_array($dashboard_name, ["New Messages", "Missed Calls", "Recent Calls"])) {
$dashboard_details_state = "hidden";
}
if ($dashboard_details_state == "expanded") {
$dashboard_row_span += 3;
}
if (!isset($row['dashboard_row_span']) && !isset($row['dashboard_details_state']) && in_array($dashboard_name, ["New Messages", "Missed Calls", "Recent Calls"])) {
$dashboard_row_span = 1;
}
echo "<div class='widget' style='".$grid_row_end."' id='".str_replace(" ", "_", strtolower($row['dashboard_name']))."' draggable='false'>\n"; echo "<div class='widget' style='grid-row-end: span ".$dashboard_row_span.";' data-state='".$dashboard_details_state."' id='".str_replace(" ", "_", strtolower($dashboard_name))."' draggable='false'>\n";
include($row['dashboard_path']); include($row['dashboard_path']);
echo "</div>\n"; echo "</div>\n";
$x++; $x++;

View File

@ -11,12 +11,12 @@
//dashboard icon //dashboard icon
echo "<div class='hud_box'>\n"; echo "<div class='hud_box'>\n";
echo "<div class='hud_container' ".($row['dashboard_details_state'] == "disabled" ?: "onclick=\"$('#hud_icon_details').slideToggle('fast');\"").">\n"; echo "<div class='hud_content' ".($row['dashboard_details_state'] == "disabled" ?: "onclick=\"$('#hud_icon_details').slideToggle('fast');\"").">\n";
echo " <span class='hud_title' onclick=\"document.location.href='".$dashboard_url."'\">".$dashboard_name."</span>"; // (isset($text['label-'.$dashboard_name])) ? $text['label-'.$dashboard_name] : $dashboard_name echo " <span class='hud_title' onclick=\"document.location.href='".$dashboard_url."'\">".$dashboard_name."</span>"; // (isset($text['label-'.$dashboard_name])) ? $text['label-'.$dashboard_name] : $dashboard_name
echo " <a href='".$dashboard_url."'><span class='hud_stat'><i class=\"fas ".$dashboard_icon."\" style=\"font-size: 0.8em;\"></i></span></a>\n"; echo " <a href='".$dashboard_url."'><span class='hud_stat'><i class=\"fas ".$dashboard_icon."\" style=\"font-size: 0.8em;\"></i></span></a>\n";
echo "</div>\n"; echo "</div>\n";
if (empty($dashboard_detail_state) || $dashboard_detail_state != "disabled") { if (empty($dashboard_details_state) || $dashboard_details_state != "disabled") {
echo "<div class='hud_details hud_box' id='hud_icon_details'>"; echo "<div class='hud_details hud_box' id='hud_icon_details'>";
echo "<table class='tr_hover' width='100%' cellpadding='0' cellspacing='0' border='0'>\n"; echo "<table class='tr_hover' width='100%' cellpadding='0' cellspacing='0' border='0'>\n";
echo "<tr>\n"; echo "<tr>\n";