mirror of
https://github.com/fusionpbx/fusionpbx.git
synced 2026-03-21 07:52:15 +00:00
Fixed dashboard layout bugs (#6263)
* Fixed dashboard layout bugs * Update domain_limits.php * Update missed_calls.php * Update recent_calls.php * Update voicemails.php * Update system_counts.php * Update system_cpu_status.php * Update system_status.php * Update caller_id.php
This commit is contained in:
@@ -19,9 +19,8 @@
|
||||
$text = $language->get($_SESSION['domain']['language']['code'], 'core/user_settings');
|
||||
|
||||
//domain limits
|
||||
echo "<div class='hud_box'>\n";
|
||||
|
||||
if (is_array($_SESSION['limit']) && sizeof($_SESSION['limit']) > 0) {
|
||||
echo "<div class='hud_box'>\n";
|
||||
$c = 0;
|
||||
$row_style["0"] = "row_style0";
|
||||
$row_style["1"] = "row_style1";
|
||||
@@ -58,10 +57,10 @@
|
||||
if ($show_stat) {
|
||||
//add doughnut chart
|
||||
?>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 25px;'>
|
||||
<div style='width: 175px; height: 175px;'>
|
||||
<canvas id='domain_limits_chart'></canvas>
|
||||
<span style='color: rgb(125,125,125);'><?php echo $hud_stat_title;?></span>
|
||||
<div style='color: rgb(125,125,125); margin-top: 2px;'><?php echo $hud_stat_title;?></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -205,10 +205,10 @@
|
||||
else {
|
||||
//caller id name and number inputs
|
||||
echo " <td class='input'>\n";
|
||||
echo " <input class='formfld' style='min-width: 50px; max-width: 100px;' type='text' name='extensions[".$x."][outbound_caller_id_name]' maxlength='255' value=\"".escape($row['outbound_caller_id_name'])."\">\n";
|
||||
echo " <input class='formfld' style='width: 70%;' type='text' name='extensions[".$x."][outbound_caller_id_name]' maxlength='255' value=\"".escape($row['outbound_caller_id_name'])."\">\n";
|
||||
echo " </td>\n";
|
||||
echo " <td class='input'>\n";
|
||||
echo " <input class='formfld' style='min-width: 50px; max-width: 100px;' type='text' name='extensions[".$x."][outbound_caller_id_number]' maxlength='255' value=\"".$row['outbound_caller_id_number']."\">\n";
|
||||
echo " <input class='formfld' style='width: 70%;' type='text' name='extensions[".$x."][outbound_caller_id_number]' maxlength='255' value=\"".$row['outbound_caller_id_number']."\">\n";
|
||||
echo " </td>\n";
|
||||
}
|
||||
echo " <td class='description overflow hide-sm-dn'>\n";
|
||||
|
||||
@@ -291,7 +291,7 @@
|
||||
if ($show_stat) {
|
||||
//add doughnut chart
|
||||
?>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
||||
<div style='width: 250px; height: 175px;'><canvas id='system_counts_chart'></canvas></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
|
||||
//add half doughnut chart
|
||||
?>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 8px'>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px'>
|
||||
<div style='width: 175px; height: 175px; margin: 0 auto;'><canvas id='system_cpu_status_chart'></canvas></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
if ($percent_disk_usage != '') {
|
||||
//add half doughnut chart
|
||||
?>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 8px'>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px'>
|
||||
<div style='width: 175px; height: 175px;'><canvas id='system_status_chart'></canvas></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
|
||||
//add doughnut chart
|
||||
?>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
||||
<div style='width: 175px; height: 175px;'><canvas id='new_messages_chart'></canvas></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -77,7 +77,7 @@
|
||||
|
||||
//add doughnut chart
|
||||
?>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
||||
<div style='width: 175px; height: 175px;'><canvas id='missed_calls_chart'></canvas></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
|
||||
//add doughnut chart
|
||||
?>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
|
||||
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
|
||||
<div style='width: 175px; height: 175px;'><canvas id='recent_calls_chart'></canvas></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -223,7 +223,7 @@
|
||||
|
||||
/* Screen smaller than 550px? 1 columns */
|
||||
@media (max-width: 575px) {
|
||||
.widgets { grid-template-columns: repeat(1, 1fr); }
|
||||
.widgets { grid-template-columns: repeat(1, minmax(100px, 1fr)); }
|
||||
.col-num { grid-column: span 1; }
|
||||
<?php
|
||||
foreach($dashboard as $row) {
|
||||
@@ -240,7 +240,7 @@
|
||||
|
||||
/* Screen larger than 550px? 2 columns */
|
||||
@media (min-width: 575px) {
|
||||
.widgets { grid-template-columns: repeat(2, 1fr); }
|
||||
.widgets { grid-template-columns: repeat(2, minmax(100px, 1fr)); }
|
||||
.col-num { grid-column: span 2; }
|
||||
<?php
|
||||
foreach($dashboard as $row) {
|
||||
@@ -261,7 +261,7 @@
|
||||
|
||||
/* Screen larger than 1300px? 3 columns */
|
||||
@media (min-width: 1300px) {
|
||||
.widgets { grid-template-columns: repeat(3, 1fr); }
|
||||
.widgets { grid-template-columns: repeat(3, minmax(100px, 1fr)); }
|
||||
.col-num { grid-column: span 2; }
|
||||
<?php
|
||||
foreach($dashboard as $row) {
|
||||
@@ -279,13 +279,13 @@
|
||||
|
||||
/* Screen larger than 1500px? 4 columns */
|
||||
@media (min-width: 1500px) {
|
||||
.widgets { grid-template-columns: repeat(4, 1fr); }
|
||||
.widgets { grid-template-columns: repeat(4, minmax(100px, 1fr)); }
|
||||
.col-num { grid-column: span 2; }
|
||||
}
|
||||
|
||||
/* Screen larger than 2000px? 5 columns */
|
||||
@media (min-width: 2000px) {
|
||||
.widgets { grid-template-columns: repeat(5, 1fr); }
|
||||
.widgets { grid-template-columns: repeat(5, minmax(100px, 1fr)); }
|
||||
.col-num { grid-column: span 2; }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user