nsinnovations/fusionpbx
2
0
Fork 0
mirror of https://github.com/fusionpbx/fusionpbx.git synced 2026-01-06 11:43:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard: Add Background Gradient & Angle Controls

Browse Source
This commit is contained in:
fusionate
2024-08-27 13:58:11 -06:00
parent 3b1f73f847
commit 805954ce36
4 changed files with 285 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
core/dashboard/dashboard_edit.php
View File

@@ -102,6 +102,8 @@
$dashboard_background_color = $_POST["dashboard_background_color"] ?? '';
$dashboard_background_color_hover = $_POST["dashboard_background_color_hover"] ?? '';
$dashboard_detail_background_color = $_POST["dashboard_detail_background_color"] ?? '';
$dashboard_background_gradient_style = $_POST["dashboard_background_gradient_style"] ?? 'mirror';
$dashboard_background_gradient_angle = $_POST["dashboard_background_gradient_angle"] ?? '90';
$dashboard_column_span = $_POST["dashboard_column_span"] ?? '';
$dashboard_row_span = $_POST["dashboard_row_span"] ?? '';
$dashboard_details_state = $_POST["dashboard_details_state"] ?? '';
@@ -252,6 +254,8 @@
$array['dashboard'][0]['dashboard_background_color'] = $dashboard_background_color;
$array['dashboard'][0]['dashboard_background_color_hover'] = $dashboard_background_color_hover;
$array['dashboard'][0]['dashboard_detail_background_color'] = $dashboard_detail_background_color;
$array['dashboard'][0]['dashboard_background_gradient_style'] = $dashboard_background_gradient_style;
$array['dashboard'][0]['dashboard_background_gradient_angle'] = $dashboard_background_gradient_angle;
$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;
@@ -315,6 +319,8 @@
$sql .= " dashboard_background_color, ";
$sql .= " dashboard_background_color_hover, ";
$sql .= " dashboard_detail_background_color, ";
$sql .= " dashboard_background_gradient_style, ";
$sql .= " dashboard_background_gradient_angle, ";
$sql .= " dashboard_column_span, ";
$sql .= " dashboard_row_span, ";
$sql .= " dashboard_details_state, ";
@@ -348,6 +354,8 @@
$dashboard_background_color = $row["dashboard_background_color"];
$dashboard_background_color_hover = $row["dashboard_background_color_hover"];
$dashboard_detail_background_color = $row["dashboard_detail_background_color"];
$dashboard_background_gradient_style = $row["dashboard_background_gradient_style"];
$dashboard_background_gradient_angle = $row["dashboard_background_gradient_angle"];
$dashboard_column_span = $row["dashboard_column_span"];
$dashboard_row_span = $row["dashboard_row_span"];
$dashboard_details_state = $row["dashboard_details_state"];
@@ -880,8 +888,17 @@
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
if (!empty($dashboard_background_color) && is_array($dashboard_background_color)) {
foreach($dashboard_background_color as $background_color) {
echo " <input type='text' class='formfld colorpicker' name='dashboard_background_color[]' value='".escape($background_color)."'><br />\n";
foreach ($dashboard_background_color as $c => $background_color) {
echo " <input type='text' class='formfld colorpicker' id='dashboard_background_color_".$c."' name='dashboard_background_color[]' value='".escape($background_color)."'>\n";
if ($c < sizeof($dashboard_background_color) - 1) { echo "<br />\n"; }
}
//swap button
if (!empty($dashboard_background_color) && is_array($dashboard_background_color) && sizeof($dashboard_background_color) > 1) {
echo " <input type='hidden' id='dashboard_background_color_temp'>\n";
echo button::create(['type'=>'button','title'=>$text['button-swap'],'icon'=>'fa-solid fa-arrow-right-arrow-left fa-rotate-90','style'=>"z-index: 0; position: absolute; display: inline-block; margin: -14px 0 0 7px;",'onclick'=>"document.getElementById('dashboard_background_color_temp').value = document.getElementById('dashboard_background_color_0').value; document.getElementById('dashboard_background_color_0').value = document.getElementById('dashboard_background_color_1').value; document.getElementById('dashboard_background_color_1').value = document.getElementById('dashboard_background_color_temp').value; this.blur();"])."<br>\n";
}
else {
echo "<br />\n";
}
}
if (empty($dashboard_background_color) || (is_array($dashboard_background_color) && count($dashboard_background_color) < 2)) {
@@ -902,8 +919,17 @@
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
if (!empty($dashboard_background_color_hover) && is_array($dashboard_background_color_hover)) {
foreach($dashboard_background_color_hover as $background_color) {
echo " <input type='text' class='formfld colorpicker' name='dashboard_background_color_hover[]' value='".escape($background_color)."'><br />\n";
foreach ($dashboard_background_color_hover as $c => $background_color) {
echo " <input type='text' class='formfld colorpicker' id='dashboard_background_color_hover_".$c."' name='dashboard_background_color_hover[]' value='".escape($background_color)."'>\n";
if ($c < sizeof($dashboard_background_color_hover) - 1) { echo "<br />\n"; }
}
//swap button
if (!empty($dashboard_background_color_hover) && is_array($dashboard_background_color_hover) && sizeof($dashboard_background_color_hover) > 1) {
echo " <input type='hidden' id='dashboard_background_color_hover_temp'>\n";
echo button::create(['type'=>'button','title'=>$text['button-swap'],'icon'=>'fa-solid fa-arrow-right-arrow-left fa-rotate-90','style'=>"z-index: 0; position: absolute; display: inline-block; margin: -14px 0 0 7px;",'onclick'=>"document.getElementById('dashboard_background_color_hover_temp').value = document.getElementById('dashboard_background_color_hover_0').value; document.getElementById('dashboard_background_color_hover_0').value = document.getElementById('dashboard_background_color_hover_1').value; document.getElementById('dashboard_background_color_hover_1').value = document.getElementById('dashboard_background_color_hover_temp').value; this.blur();"])."<br>\n";
}
else {
echo "<br />\n";
}
}
if (empty($dashboard_background_color_hover) || (is_array($dashboard_background_color_hover) && count($dashboard_background_color_hover) < 2)) {
@@ -924,8 +950,17 @@
echo "</td>\n";
echo "<td class='vtable' style='position: relative;' align='left'>\n";
if (!empty($dashboard_detail_background_color) && is_array($dashboard_detail_background_color)) {
foreach($dashboard_detail_background_color as $detail_background_color) {
echo " <input type='text' class='formfld colorpicker' name='dashboard_detail_background_color[]' value='".escape($detail_background_color)."'><br />\n";
foreach ($dashboard_detail_background_color as $c => $detail_background_color) {
echo " <input type='text' class='formfld colorpicker' id='dashboard_detail_background_color_".$c."' name='dashboard_detail_background_color[]' value='".escape($detail_background_color)."'>\n";
if ($c < sizeof($dashboard_detail_background_color) - 1) { echo "<br />\n"; }
}
//swap button
if (!empty($dashboard_detail_background_color) && is_array($dashboard_detail_background_color) && sizeof($dashboard_detail_background_color) > 1) {
echo " <input type='hidden' id='dashboard_detail_background_color_temp'>\n";
echo button::create(['type'=>'button','title'=>$text['button-swap'],'icon'=>'fa-solid fa-arrow-right-arrow-left fa-rotate-90','style'=>"z-index: 0; position: absolute; display: inline-block; margin: -14px 0 0 7px;",'onclick'=>"document.getElementById('dashboard_detail_background_color_temp').value = document.getElementById('dashboard_detail_background_color_0').value; document.getElementById('dashboard_detail_background_color_0').value = document.getElementById('dashboard_detail_background_color_1').value; document.getElementById('dashboard_detail_background_color_1').value = document.getElementById('dashboard_detail_background_color_temp').value; this.blur();"])."<br>\n";
}
else {
echo "<br />\n";
}
}
if (empty($dashboard_detail_background_color) || (is_array($dashboard_detail_background_color) && count($dashboard_detail_background_color) < 2)) {
@@ -939,6 +974,37 @@
echo "</td>\n";
echo "</tr>\n";
echo "<tr class='type_label'>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_background_gradient_style']."\n";
echo "</td>\n";
echo "<td class='vtable'>\n";
echo " <select name='dashboard_background_gradient_style' class='formfld'>\n";
echo " <option value='mirror'>".$text['option-dashboard_background_gradient_style_option_mirror']."</option>\n";
echo " <option value='simple' ".($dashboard_background_gradient_style == 'simple' ? "selected='selected'" : null).">".$text['option-dashboard_background_gradient_style_option_simple']."</option>\n";
echo " </select>\n";
echo "<br />\n";
echo $text['description-dashboard_background_gradient_style']."\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr class='type_label'>\n";
echo "<td class='vncell' valign='top' align='left' nowrap='nowrap'>\n";
echo $text['label-dashboard_background_gradient_angle']."\n";
echo "</td>\n";
echo "<td class='vtable'>\n";
echo " <div style='overflow: auto;'>\n";
echo " <select name='dashboard_background_gradient_angle' class='formfld' style='float: left;' onchange=\"document.getElementById('angle').style.transform = 'rotate(' + ($(this).val() - 90) + 'deg)';\">\n";
for ($a = 0; $a <= 180; $a += 5) {
echo " <option value='".($a + 90)."' ".($dashboard_background_gradient_angle == ($a + 90) ? "selected='selected'" : null).">".$a."&deg;</option>\n";
}
echo " </select>\n";
echo " <span id='angle' style='display: inline-block; font-size: 15px; margin-left: 15px; margin-top: 3px; transform: rotate(".(isset($dashboard_background_gradient_angle) ? ($dashboard_background_gradient_angle - 90) : 0)."deg);'>&horbar;</span>\n";
echo " </div>\n";
echo $text['description-dashboard_background_gradient_angle']."\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_column_span']."\n";