tyler.durden
/
pandorafms
mirror of https://github.com/pandorafms/pandorafms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

13285-Fix controls in full screen dashboards

This commit is contained in:
Pablo Aragon 2024-04-03 09:12:42 +02:00
parent 17639c7154
commit a0d6f6c407
3 changed files with 43 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pandora_console/include/styles/dashboards.css
View File

@ -450,7 +450,8 @@ li#search_input_widget {
} }
div#dashboard-controls-slides { div#dashboard-controls-slides {
width: 720px !important; min-width: 720px;
text-wrap: nowrap;
} }
div#dashboard-controls, div#dashboard-controls,

11
pandora_console/include/styles/pandora_black.css
View File

@ -1892,3 +1892,14 @@ a.link-bold {
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
} }
div#dashboard-controls-slides {
background-color: #333;
}
div#dashboard-controls-slides
.select2-container
.select2-selection--single
.select2-selection__rendered {
color: var(--text-color) !important;
}

36
pandora_console/views/dashboard/slides.php
View File

@ -200,7 +200,10 @@ $output .= '<a id="prev-slide" href="'.$prev_slides_url.'">';
$output .= html_print_image( $output .= html_print_image(
'images/control_prev.png', 'images/control_prev.png',
true, true,
['title' => __('Previous')] [
'title' => __('Previous'),
'class' => 'invert_filter',
]
); );
$output .= '</a>'; $output .= '</a>';
$output .= '</div>'; $output .= '</div>';
@ -215,7 +218,10 @@ $output .= '<a href="'.$url.'&'.$stop_slides_url.'">';
$output .= html_print_image( $output .= html_print_image(
'images/control_stop.png', 'images/control_stop.png',
true, true,
['title' => __('Stop')] [
'title' => __('Stop'),
'class' => 'invert_filter',
]
); );
$output .= '</a>'; $output .= '</a>';
$output .= '</div>'; $output .= '</div>';
@ -226,7 +232,10 @@ $output .= '<a id="pause-btn" href="javascript:;">';
$output .= html_print_image( $output .= html_print_image(
'images/control_pause.png', 'images/control_pause.png',
true, true,
['title' => __('Pause')] [
'title' => __('Pause'),
'class' => 'invert_filter',
]
); );
$output .= '</a>'; $output .= '</a>';
$output .= '</div>'; $output .= '</div>';
@ -237,7 +246,10 @@ $output .= '<a id="next-slide" href="'.$next_slides_url.'">';
$output .= html_print_image( $output .= html_print_image(
'images/control_next.png', 'images/control_next.png',
true, true,
['title' => __('Next')] [
'title' => __('Next'),
'class' => 'invert_filter',
]
); );
$output .= '</a>'; $output .= '</a>';
$output .= '</div>'; $output .= '</div>';
@ -249,14 +261,20 @@ if ($cellModeSlides === 0) {
$output .= html_print_image( $output .= html_print_image(
'images/visual_console.png', 'images/visual_console.png',
true, true,
['title' => __('Boxed mode')] [
'title' => __('Boxed mode'),
'class' => 'invert_filter',
]
); );
$msg_tooltip = __('This mode will show the dashboard with all the widgets in the screen. Click to change to single screen mode.'); $msg_tooltip = __('This mode will show the dashboard with all the widgets in the screen. Click to change to single screen mode.');
} else { } else {
$output .= html_print_image( $output .= html_print_image(
'images/dashboard.png', 'images/dashboard.png',
true, true,
['title' => __('Single screen')] [
'title' => __('Single screen'),
'class' => 'invert_filter',
]
); );
$msg_tooltip = __('This mode will show each widget in a screen, rotating between elements in each dashboard. Click to change to boxed mode.'); $msg_tooltip = __('This mode will show each widget in a screen, rotating between elements in each dashboard. Click to change to boxed mode.');
} }
@ -275,5 +293,11 @@ $output .= '<div class="dashboard-title"><b>'.$name.'</b></div>';
$output .= '</div>'; $output .= '</div>';
$output .= '</div>'; $output .= '</div>';
$output .= '
<script>
var controls = document.querySelector("#dashboard-controls-slides");
autoHideElement(controls, 1000);
</script>
';
echo $output; echo $output;