Dashboard - Icon widget hover settings (#7016)

* Update system_counts.php

* Update system_cpu_status.php

* Update system_status.php

* Update voicemails.php

* Update missed_calls.php

* Update recent_calls.php

* Update index.php

* Update app_defaults.php

* Update app_defaults.php

* Update index.php

* Update index.php

* Update dashboard_edit.php

* Update index.php

* Update app_defaults.php

* Update css.php

* Update icon.php

* Update dashboard_edit.php

* Update app_config.php

* Update app_defaults.php

* Update css.php

* Update app_languages.php

* Update index.php

* Update dashboard_edit.php
This commit is contained in:
Alex
2024-06-21 16:44:31 -06:00
committed by GitHub
parent 63e2316885
commit 1ef5f1dab0
12 changed files with 450 additions and 113 deletions
+56 -39
View File
@@ -79,9 +79,13 @@
$sql .= "dashboard_content_details, ";
$sql .= "dashboard_chart_type, ";
$sql .= "dashboard_heading_text_color, ";
$sql .= "dashboard_heading_text_color_hover, ";
$sql .= "dashboard_heading_background_color, ";
$sql .= "dashboard_heading_background_color_hover, ";
$sql .= "dashboard_number_text_color, ";
$sql .= "dashboard_number_text_color_hover, ";
$sql .= "dashboard_background_color, ";
$sql .= "dashboard_background_color_hover, ";
$sql .= "dashboard_detail_background_color, ";
$sql .= "dashboard_column_span, ";
$sql .= "dashboard_row_span, ";
@@ -239,40 +243,61 @@ div.hud_chart {
padding-top: 7px;
}
/* Dashboard settings */
/* dashboard settings */
<?php
foreach ($dashboard as $row) {
$dashboard_name = trim(preg_replace("/[^a-z]/", '_', strtolower($row['dashboard_name'])),'_');
if (!empty($row['dashboard_background_color'])) {
$background_color = json_decode($row['dashboard_background_color'], true);
echo "#".$dashboard_name." .hud_box .hud_content {\n";
echo " background: ".$background_color[0].";\n";
echo " background-image: linear-gradient(to right, ".$background_color[1]." 0%, ".$background_color[0]." 30%, ".$background_color[0]." 70%, ".$background_color[1]." 100%);\n";
echo "}\n";
}
if (!empty($row['dashboard_heading_text_color']) || !empty($row['dashboard_heading_background_color'])) {
echo "#".$dashboard_name." .hud_box .hud_title {\n";
echo "#".$dashboard_name." .hud_title {\n";
if (!empty($row['dashboard_heading_text_color'])) { echo " color: ".$row['dashboard_heading_text_color'].";\n"; }
if (!empty($row['dashboard_heading_background_color'])) { echo " background-color: ".$row['dashboard_heading_background_color'].";\n"; }
echo "}\n";
}
if (!empty($row['dashboard_heading_text_color_hover']) || !empty($row['dashboard_heading_background_color_hover'])) {
echo "#".$dashboard_name.":hover .hud_title {\n";
if (!empty($row['dashboard_heading_text_color_hover'])) { echo " color: ".$row['dashboard_heading_text_color_hover'].";\n"; }
if (!empty($row['dashboard_heading_background_color_hover'])) { echo " background-color: ".$row['dashboard_heading_background_color_hover'].";\n"; }
echo "}\n";
}
if (!empty($row['dashboard_number_text_color'])) {
echo "#".$dashboard_name." .hud_box .hud_stat {\n";
echo "#".$dashboard_name." .hud_stat {\n";
echo " color: ".$row['dashboard_number_text_color'].";\n";
echo "}\n";
}
if (!empty($row['dashboard_number_text_color_hover'])) {
echo "#".$dashboard_name.":hover .hud_stat {\n";
echo " color: ".$row['dashboard_number_text_color_hover'].";\n";
echo "}\n";
}
if (!empty($row['dashboard_background_color'])) {
$background_color = json_decode($row['dashboard_background_color'], true);
echo "#".$dashboard_name." .hud_content {\n";
echo " background: ".$background_color[0].";\n";
echo " background-image: linear-gradient(to right, ".$background_color[1]." 0%, ".$background_color[0]." 30%, ".$background_color[0]." 70%, ".$background_color[1]." 100%);\n";
echo "}\n";
}
if (!empty($row['dashboard_background_color_hover'])) {
$background_color_hover = json_decode($row['dashboard_background_color_hover'], true);
echo "#".$dashboard_name.":hover .hud_content {\n";
echo " background: ".$background_color_hover[0].";\n";
echo " background-image: linear-gradient(to right, ".$background_color_hover[1]." 0%, ".$background_color_hover[0]." 30%, ".$background_color_hover[0]." 70%, ".$background_color_hover[1]." 100%);\n";
echo "}\n";
}
if (!empty($row['dashboard_detail_background_color'])) {
$detail_background_color = json_decode($row['dashboard_detail_background_color'], true);
echo "#".$dashboard_name." .hud_box .hud_details {\n";
echo "#".$dashboard_name." .hud_details {\n";
echo " background: ".$detail_background_color[0].";\n";
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%);\n";
echo "}\n";
}
$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;
if ($row['dashboard_path'] == "core/dashboard/resources/dashboard/icon.php") {
echo "#".$dashboard_name." div.hud_content,\n";
echo "#".$dashboard_name." span.hud_title,\n";
echo "#".$dashboard_name." span.hud_stat {\n";
echo " transition: .4s;\n";
echo "}\n";
}
switch ($dashboard_row_span) {
switch ($row['dashboard_row_span']) {
case 1:
echo "#".$dashboard_name." .hud_content {\n";
echo " height: 89.5px;\n";
@@ -282,7 +307,9 @@ foreach ($dashboard as $row) {
echo " font-size: 30pt;\n";
echo "}\n";
echo "#".$dashboard_name." .hud_chart {\n";
echo " height: 50px;\n";
echo " height: 54px;\n";
echo " width: 180px;\n";
echo " padding-top: 0;\n";
echo "}\n";
echo "#".$dashboard_name." div.hud_content .fas {\n";
echo " line-height: 0.1;\n";
@@ -310,11 +337,17 @@ foreach ($dashboard as $row) {
<?php
foreach ($dashboard as $row) {
$dashboard_name = trim(preg_replace("/[^a-z]/", '_', strtolower($row['dashboard_name'])),'_');
if (isset($dashboard_column_span) && is_numeric($dashboard_column_span)) {
if (isset($row['dashboard_column_span']) && is_numeric($row['dashboard_column_span'])) {
echo "#".$dashboard_name." {\n";
echo " grid-column: span 1;\n";
echo "}\n";
}
if ($row['dashboard_details_state'] == "hidden" || $row['dashboard_details_state'] == "disabled") {
echo "#".$dashboard_name." .hud_box .hud_expander, \n";
echo "#".$dashboard_name." .hud_box .hud_details {\n";
echo " display: none;\n";
echo "}\n";
}
}
?>
}
@@ -326,10 +359,9 @@ foreach ($dashboard as $row) {
<?php
foreach ($dashboard as $row) {
$dashboard_name = trim(preg_replace("/[^a-z]/", '_', strtolower($row['dashboard_name'])),'_');
$dashboard_column_span = $row['dashboard_column_span'];
if (is_numeric($dashboard_column_span)) {
if (is_numeric($row['dashboard_column_span'])) {
echo "#".$dashboard_name." {\n";
echo " grid-column: span ".$dashboard_column_span.";\n";
echo " grid-column: span ".$row['dashboard_column_span'].";\n";
echo "}\n";
}
if ($row['dashboard_details_state'] == "contracted") {
@@ -343,14 +375,6 @@ foreach ($dashboard as $row) {
echo " display: none;\n";
echo "}\n";
}
if (!isset($row['dashboard_details_state']) && $dashboard_name == "new_messages" ||
!isset($row['dashboard_details_state']) && $dashboard_name == "missed_calls" ||
!isset($row['dashboard_details_state']) && $dashboard_name == "recent_calls") {
echo "#".$dashboard_name." .hud_box .hud_expander, \n";
echo "#".$dashboard_name." .hud_box .hud_details {\n";
echo " display: none;\n";
echo "}\n";
}
}
?>
}
@@ -362,10 +386,9 @@ foreach ($dashboard as $row) {
<?php
foreach ($dashboard as $row) {
$dashboard_name = trim(preg_replace("/[^a-z]/", '_', strtolower($row['dashboard_name'])),'_');
$dashboard_column_span = $row['dashboard_column_span'];
if (is_numeric($dashboard_column_span)) {
if (is_numeric($row['dashboard_column_span'])) {
echo "#".$dashboard_name." {\n";
echo " grid-column: span ".$dashboard_column_span.";\n";
echo " grid-column: span ".$row['dashboard_column_span'].";\n";
echo "}\n";
}
}
@@ -414,20 +437,14 @@ function toggle_grid_row_end(dashboard_name) {
$dashboard_target = $row['dashboard_target'] ?? '';
$dashboard_content = $row['dashboard_content'] ?? '';
$dashboard_content_details = $row['dashboard_content_details'] ?? '';
$dashboard_chart_type = $row['dashboard_chart_type'];
$dashboard_chart_type = $row['dashboard_chart_type'] ?? "doughnut";
$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_details_state = $row['dashboard_details_state'] ?? "expanded";
$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: span ".$dashboard_row_span.";' data-state='".$dashboard_details_state."' id='".trim(preg_replace("/[^a-z]/", '_', strtolower($dashboard_name)),'_')."' draggable='false'>\n";
include $row['dashboard_path'];
@@ -535,4 +552,4 @@ function toggle_grid_row_end(dashboard_name) {
//show the footer
require_once "resources/footer.php";
?>
?>