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

fixed styles

This commit is contained in:
daniel 2023-03-21 18:42:31 +01:00
parent 583ec8209c
commit 732000f7bd
11 changed files with 72 additions and 455 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pandora_console/include/functions_html.php
View File

@ -3630,10 +3630,9 @@ function html_print_button($label='OK', $name='', $disabled=false, $script='', $
$classes .= ' buttonButton';
}
if ($disabled === true) {
$classes .= ' disabled_action_button';
}
// if ($disabled === true) {
// $classes .= ' disabled_action_button';
// }
if (empty($buttonAttributes) === true) {
$parameters = [];
$parameters[] = 'class="'.$classes.'"';
@ -6199,7 +6198,8 @@ function html_print_tabs(array $tabs)
$result .= "<li><a href='".$value['href']."' id='".$value['id']."'>";
$result .= html_print_image(
'images/'.$value['img'],
true
true,
['class' => 'main_menu_icon invert_filter']
);
$result .= '<span>'.$value['name'].'</span>';
$result .= '</a></li>';

14
pandora_console/include/functions_ui.php
View File

@ -5986,14 +5986,14 @@ function ui_print_agent_autocomplete_input($parameters)
$javascript_function_change .= '
function setInputBackground(inputId, image) {
$("#"+inputId)
.attr("style", "background-image: url(\'"+image+"\'); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; '.$inputStyles.'");
.attr("style", "background-image: url(\'"+image+"\'); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; width:100%; '.$inputStyles.'");
}
$(document).ready(function () {
$("#'.$input_id.'").focusout(function (e) {
setTimeout(() => {
let iconImage = "'.$icon_image.'";
$("#'.$input_id.'").attr("style", "background-image: url(\'"+iconImage+"\'); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; '.$inputStyles.'");
$("#'.$input_id.'").attr("style", "background-image: url(\'"+iconImage+"\'); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; width:100%; '.$inputStyles.'");
}, 100);
});
});
@ -6267,7 +6267,7 @@ function ui_print_agent_autocomplete_input($parameters)
if (select_item_click) {
select_item_click = 0;
$("#'.$input_id.'")
.attr("style", "background-image: url(\"'.$spinner_image.'\"); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; '.$inputStyles.'");
.attr("style", "background-image: url(\"'.$spinner_image.'\"); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; width:100%; '.$inputStyles.'");
return;
} else {
// Clear selectbox if item is not selected.
@ -6282,7 +6282,7 @@ function ui_print_agent_autocomplete_input($parameters)
//Set loading
$("#'.$input_id.'")
.attr("style", "background-image: url(\"'.$spinner_image.'\"); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; '.$inputStyles.'");
.attr("style", "background-image: url(\"'.$spinner_image.'\"); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; width:100%; '.$inputStyles.'");
var term = input_value; //Word to search
'.$javascript_change_ajax_params_text.'
@ -6299,7 +6299,7 @@ function ui_print_agent_autocomplete_input($parameters)
success: function (data) {
if (data.length < 2) {
//Set icon
$("#'.$input_id.'").attr("style", "background-image: url(\"'.$spinner_image.'\"); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; '.$inputStyles.'");
$("#'.$input_id.'").attr("style", "background-image: url(\"'.$spinner_image.'\"); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; width:100%; '.$inputStyles.'");
return;
}
@ -6349,7 +6349,7 @@ function ui_print_agent_autocomplete_input($parameters)
//Set icon
$("#'.$input_id.'")
.attr("style", "background: url(\"'.$icon_image.'\") 97% center no-repeat; background-size: 20px; '.$inputStyles.'")
.attr("style", "background: url(\"'.$icon_image.'\") 97% center no-repeat; background-size: 20px; width:100%; '.$inputStyles.'")
return;
}
});
@ -6368,7 +6368,7 @@ function ui_print_agent_autocomplete_input($parameters)
}
$attrs = [];
$attrs['style'] = 'background-image: url('.$icon_image.'); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; '.$text_color.' '.$inputStyles.'';
$attrs['style'] = 'background-image: url('.$icon_image.'); background-repeat: no-repeat; background-position: 97% center; background-size: 20px; width:100%; '.$text_color.' '.$inputStyles.'';
if (!$disabled_javascript_on_blur_function) {
$attrs['onblur'] = $javascript_on_blur_function_name.'()';

12
pandora_console/include/rest-api/index.php
View File

@ -360,11 +360,14 @@ if ($getVisualConsole === true) {
$removeBtn = [
'name' => 'Remove',
'label' => '',
'label' => __('Remove'),
'type' => 'button',
'attributes' => 'class="remove-item-img"',
'attributes' => [
'mode' => 'mini secondary',
'icon' => 'delete',
],
'return' => true,
'script' => 'removeColorRange(\''.$uniqId.'\')',
'script' => 'removeColorRange("'.$uniqId.'")',
];
$classRangeColor = 'interval-color-ranges flex-row flex-start w100p';
@ -377,8 +380,7 @@ if ($getVisualConsole === true) {
$liRangeColor .= '<div>';
$liRangeColor .= html_print_input($rangeColor);
$liRangeColor .= '</div>';
$liRangeColor .= '<label></label>';
$liRangeColor .= html_print_input($removeBtn);
$liRangeColor .= html_print_input($removeBtn, 'div', true);
$liRangeColor .= '<li>';
echo $liRangeColor;

20
pandora_console/include/rest-api/models/VisualConsole/Items/ColorCloud.php
View File

@ -480,11 +480,14 @@ final class ColorCloud extends Item
[
'arguments' => [
'name' => 'add',
'label' => '',
'label' => __('Add'),
'type' => 'button',
'attributes' => 'class="add-item-img"',
'attributes' => [
'mode' => 'mini secondary',
'icon' => 'next',
],
'return' => true,
'script' => 'createColorRange(\''.$baseUrl.'\',\''.$values['vCId'].'\')',
'script' => 'createColorRange("'.$baseUrl.'","'.$values['vCId'].'")',
],
],
],
@ -540,13 +543,14 @@ final class ColorCloud extends Item
[
'arguments' => [
'name' => 'remove-'.$uniqId,
'label' => '',
'label' => __('Remove'),
'type' => 'button',
'attributes' => 'class="remove-item-img"',
'attributes' => [
'mode' => 'mini secondary',
'icon' => 'delete',
],
'return' => true,
'script' => 'removeColorRange(
\''.$uniqId.'\'
)',
'script' => 'removeColorRange("'.$uniqId.'")',
],
],
],

2
pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php
View File

@ -538,7 +538,7 @@ final class ModuleGraph extends Item
// Choose Type module graph if graph normal or custom.
$inputs[] = [
'wrapper' => 'div',
'class' => 'flex-row-vcenter',
'class' => 'flex',
'direct' => 1,
'block_content' => [
[

4
pandora_console/include/styles/menu.css
View File

@ -478,7 +478,7 @@ ul li {
.logo_green {
background-color: #fff;
min-height: 60px;
min-height: 61px;
display: flex;
justify-content: space-around;
align-items: center;
@ -601,7 +601,7 @@ ul li {
display: flex;
align-items: center;
justify-content: space-evenly;
min-height: 50px;
min-height: 51px;
}
.tabs_li {

37
pandora_console/include/styles/pandora.css
View File

@ -301,6 +301,10 @@ td input[type="checkbox"] {
height: 15px;
}
input[type="radio"] {
height: 15px;
}
input[type="image"] {
border: 0px;
background-color: transparent;
@ -10182,8 +10186,8 @@ button.submitButton > div.mini {
height: 1.5rem;
}
button.buttonButton:not(.secondary):not(.link),
button.submitButton:not(.secondary):not(.link) {
button.buttonButton:not(.secondary):not(.link):not(.onlyIcon),
button.submitButton:not(.secondary):not(.link):not(.onlyIcon) {
background: linear-gradient(
90deg,
var(--primary-color) 0%,
@ -10216,18 +10220,22 @@ button.submitButton > div {
button.buttonButton.onlyIcon,
button.submitButton.onlyIcon {
/*
min-width: 32px;
height: 32px;
*/
padding: 0 !important;
min-width: 2em !important;
width: 2em !important;
height: 2em !important;
min-width: 1.7em !important;
width: 1.7em !important;
height: 1.7em !important;
border: none;
box-shadow: none;
}
button.buttonButton.onlyIcon {
background-color: #333;
}
button.buttonButton.onlyIcon:disabled {
background-color: #cacaca;
}
button.buttonButton.onlyIcon.pending,
button.submitButton.onlyIcon.pending {
mask: url(../../images/validate.svg) no-repeat right / contain;
@ -10277,6 +10285,12 @@ button.submitButton.onlyIcon.auto_sla_graph_min {
-webkit-mask: url(../../images/event-history.svg) no-repeat right / contain;
}
button.buttonButton.onlyIcon.basic_chart_min,
button.submitButton.onlyIcon.basic_chart_min {
mask: url(../../images/event-history.svg) no-repeat right / contain;
-webkit-mask: url(../../images/event-history.svg) no-repeat right / contain;
}
button.buttonButton.onlyIcon.binary_min,
button.submitButton.onlyIcon.binary_min {
mask: url(../../images/simple-value.svg) no-repeat right / contain;
@ -11733,3 +11747,8 @@ div.relative > div > div#ui-datepicker-div {
background: #aaa;
opacity: 0.3 !important;
}
.ui-dialog .ui-widget-content.ui-autocomplete {
border-radius: 0px;
margin-left: 10px;
}

418
pandora_console/include/styles/visual_maps.css
View File

@ -4,10 +4,17 @@
* ---------------------------------------------------------------------
*/
input[type="text"],
input[type="number"],
select {
height: 32px;
}
div.external-visual-console-container {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
z-index: 0;
}
div#vc-controls {
@ -70,7 +77,6 @@ div#vc-controls img.vc-qr {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 5px;
}
.visual-console-edit-controls {
@ -140,416 +146,6 @@ div#edit-controls input.sub[disabled] {
border-color: transparent;
}
input.delete_min,
button.delete_min {
background: url(../../images/delete.svg) no-repeat center;
}
input.delete_min[disabled],
button.delete_min[disabled] {
background: url(../../images/cross.disabled.png) no-repeat center;
}
input.delete_min_white,
button.delete_min_white {
background: url(../../images/cross.disabled.png) no-repeat center;
}
input.delete_min_white[disabled],
button.delete_min_white[disabled] {
background: url(../../images/delete.svg) no-repeat center;
}
input.graph_min,
button.graph_min {
background: url(../../images/chart_curve.png) no-repeat center;
}
input.graph_min[disabled],
button.graph_min[disabled] {
background: url(../../images/chart_curve.disabled.png) no-repeat center;
}
input.graph_min_white,
button.graph_min_white {
background: url(../../images/chart_curve.disabled.png) no-repeat center;
}
input.graph_min_white[disabled],
button.graph_min_white[disabled] {
background: url(../../images/chart_curve.png) no-repeat center;
}
input.bars_graph_min,
button.bars_graph_min {
background: url(../../images/icono-barras-arriba.png) no-repeat center;
}
input.bars_graph_min[disabled],
button.bars_graph_min[disabled] {
background: url(../../images/icono-barras-arriba.disabled.png) no-repeat
center;
}
input.bars_graph_min_white,
button.bars_graph_min_white {
background: url(../../images/icono-barras-arriba.disabled.png) no-repeat
center;
}
input.bars_graph_min_white[disabled],
button.bars_graph_min_white[disabled] {
background: url(../../images/icono-barras-arriba.png) no-repeat center;
}
input.percentile_min,
button.percentile_min {
background: url(../../images/chart_bar.png) no-repeat center;
}
input.percentile_min[disabled],
button.percentile_min[disabled] {
background: url(../../images/chart_bar.disabled.png) no-repeat center;
}
input.percentile_min_white,
button.percentile_min_white {
background: url(../../images/chart_bar.disabled.png) no-repeat center;
}
input.percentile_min_white[disabled],
button.percentile_min_white[disabled] {
background: url(../../images/chart_bar.png) no-repeat center;
}
input.percentile_item_min,
button.percentile_item_min {
background: url(../../images/percentile_item.png) no-repeat center;
}
input.percentile_item_min[disabled],
button.percentile_item_min[disabled] {
background: url(../../images/percentile_item.disabled.png) no-repeat center;
}
input.percentile_item_min_white,
button.percentile_item_min_white {
background: url(../../images/percentile_item.disabled.png) no-repeat center;
}
input.percentile_item_min_white[disabled],
button.percentile_item_min_white[disabled] {
background: url(../../images/percentile_item.png) no-repeat center;
}
input.auto_sla_graph_min,
button.auto_sla_graph_min {
background: url(../../images/auto_sla_graph.png) no-repeat center;
}
input.auto_sla_graph_min[disabled],
button.auto_sla_graph_min[disabled] {
background: url(../../images/auto_sla_graph.disabled.png) no-repeat center;
}
input.auto_sla_graph_min_white,
button.auto_sla_graph_min_white {
background: url(../../images/auto_sla_graph.disabled.png) no-repeat center;
}
input.auto_sla_graph_min_white[disabled],
button.auto_sla_graph_min_white[disabled] {
background: url(../../images/auto_sla_graph.png) no-repeat center;
}
input.donut_graph_min,
button.donut_graph_min {
background: url(../../images/icono-quesito.png) no-repeat center;
}
input.donut_graph_min[disabled],
button.donut_graph_min[disabled] {
background: url(../../images/icono-quesito.disabled.png) no-repeat center;
}
input.donut_graph_min_white,
button.donut_graph_min_white {
background: url(../../images/icono-quesito.disabled.png) no-repeat center;
}
input.donut_graph_min_white[disabled],
button.donut_graph_min_white[disabled] {
background: url(../../images/icono-quesito.png) no-repeat center;
}
input.binary_min,
button.binary_min {
background: url(../../images/binary.png) no-repeat center;
}
input.binary_min[disabled],
button.binary_min[disabled] {
background: url(../../images/binary.disabled.png) no-repeat center;
}
input.binary_min_white,
button.binary_min_white {
background: url(../../images/binary.disabled.png) no-repeat center;
}
input.binary_min_white[disabled],
button.binary_min_white[disabled] {
background: url(../../images/binary.png) no-repeat center;
}
input.camera_min,
button.camera_min {
background: url(../../images/camera.png) no-repeat center;
}
input.camera_min[disabled],
button.camera_min[disabled] {
background: url(../../images/camera.disabled.png) no-repeat center;
}
input.camera_min_white,
button.camera_min_white {
background: url(../../images/camera.disabled.png) no-repeat center;
}
input.camera_min_white[disabled],
button.camera_min_white[disabled] {
background: url(../../images/camera.png) no-repeat center;
}
input.config_min,
button.config_min {
background: url(../../images/edit.svg) no-repeat center;
}
input.config_min[disabled],
button.config_min[disabled] {
background: url(../../images/config.disabled.png) no-repeat center;
}
input.config_min_white,
button.config_min_white {
background: url(../../images/config.disabled.png) no-repeat center;
}
input.config_min_white[disabled],
button.config_min_white[disabled] {
background: url(../../images/edit.svg) no-repeat center;
}
input.label_min,
button.label_min {
background: url(../../images/tag_red.png) no-repeat center;
}
input.label_min[disabled],
button.label_min[disabled] {
background: url(../../images/tag_red.disabled.png) no-repeat center;
}
input.label_min_white,
button.label_min_white {
background: url(../../images/tag_red.disabled.png) no-repeat center;
}
input.label_min_white[disabled],
button.label_min_white[disabled] {
background: url(../../images/tag_red.png) no-repeat center;
}
input.icon_min,
button.icon_min {
background: url(../../images/photo.png) no-repeat center;
}
input.icon_min[disabled],
button.icon_min[disabled] {
background: url(../../images/photo.disabled.png) no-repeat center;
}
input.icon_min_white,
button.icon_min_white {
background: url(../../images/photo.disabled.png) no-repeat center;
}
input.icon_min_white[disabled],
button.icon_min_white[disabled] {
background: url(../../images/photo.png) no-repeat center;
}
input.clock_min,
button.clock_min {
background: url(../../images/clock-tab.png) no-repeat center;
}
input.clock_min[disabled],
button.clock_min[disabled] {
background: url(../../images/clock-tab.disabled.png) no-repeat center;
}
input.clock_min_white,
button.clock_min_white {
background: url(../../images/clock-tab.disabled.png) no-repeat center;
}
input.clock_min_white[disabled],
button.clock_min_white[disabled] {
background: url(../../images/clock-tab.png) no-repeat center;
}
input.box_item,
button.box_item {
background: url(../../images/box_item.png) no-repeat center;
}
input.box_item[disabled],
button.box_item[disabled] {
background: url(../../images/box_item.disabled.png) no-repeat center;
}
input.box_item_white,
button.box_item_white {
background: url(../../images/box_item.disabled.png) no-repeat center;
}
input.box_item_white[disabled],
button.box_item_white[disabled] {
background: url(../../images/box_item.png) no-repeat center;
}
input.line_item,
button.line_item {
background: url(../../images/line_item.png) no-repeat center;
}
input.line_item[disabled],
button.line_item[disabled] {
background: url(../../images/line_item.disabled.png) no-repeat center;
}
input.line_item_white,
button.line_item_white {
background: url(../../images/line_item.disabled.png) no-repeat center;
}
input.line_item_white[disabled],
button.line_item_white[disabled] {
background: url(../../images/line_item.png) no-repeat center;
}
input.copy_item,
button.copy_item {
background: url(../../images/copy_visualmap.png) no-repeat center;
}
input.copy_item[disabled],
button.copy_item[disabled] {
background: url(../../images/copy_visualmap.disabled.png) no-repeat center;
}
input.copy_item_white,
button.copy_item_white {
background: url(../../images/copy_visualmap.disabled.png) no-repeat center;
}
input.copy_item_white[disabled],
button.copy_item_white[disabled] {
background: url(../../images/copy_visualmap.png) no-repeat center;
}
input.grid_min,
button.grid_min {
background: url(../../images/grid.png) no-repeat center;
}
input.grid_min[disabled],
button.grid_min[disabled] {
background: url(../../images/grid.disabled.png) no-repeat center;
}
input.grid_min_white,
button.grid_min_white {
background: url(../../images/grid.disabled.png) no-repeat center;
}
input.grid_min_white[disabled],
button.grid_min_white[disabled] {
background: url(../../images/grid.png) no-repeat center;
}
input.save_min,
button.save_min {
background: url(../../images/file.png) no-repeat center;
}
input.save_min[disabled],
button.save_min[disabled] {
background: url(../../images/file.disabled.png) no-repeat center;
}
input.save_min_white,
button.save_min_white {
background: url(../../images/file.disabled.png) no-repeat center;
}
input.save_min_white[disabled],
button.save_min_white[disabled] {
background: url(../../images/file.png) no-repeat center;
}
input.service_min,
button.service_min {
background: url(../../images/box.png) no-repeat center;
}
input.service_min[disabled],
button.service_min[disabled] {
background: url(../../images/box.disabled.png) no-repeat center;
}
input.service_min_white,
button.service_min_white {
background: url(../../images/box.disabled.png) no-repeat center;
}
input.service_min_white[disabled],
button.service_min_white[disabled] {
background: url(../../images/box.png) no-repeat center;
}
input.network_link_min,
button.network_link_min {
background: url(../../images/network_link_item.png) no-repeat center;
}
input.network_link_min[disabled],
button.network_link_min[disabled] {
background: url(../../images/network_link_item.disabled.png) no-repeat center;
}
input.network_link_min_white,
button.network_link_min_white {
background: url(../../images/network_link_item.disabled.png) no-repeat center;
}
input.network_link_min_white[disabled],
button.network_link_min_white[disabled] {
background: url(../../images/network_link_item.png) no-repeat center;
}
input.group_item_min,
button.group_item_min {
background: url(../../images/group_green.png) no-repeat center;
}
input.group_item_min[disabled],
button.group_item_min[disabled] {
background: url(../../images/group_green.disabled.png) no-repeat center;
}
input.group_item_min_white,
button.group_item_min_white {
background: url(../../images/group_green.disabled.png) no-repeat center;
}
input.group_item_min_white[disabled],
button.group_item_min_white[disabled] {
background: url(../../images/group_green.png) no-repeat center;
}
input.color_cloud_min,
button.color_cloud_min {
background: url(../../images/color_cloud_item.png) no-repeat center;
}
input.color_cloud_min[disabled],
button.color_cloud_min[disabled] {
background: url(../../images/color_cloud_item.disabled.png) no-repeat center;
}
input.color_cloud_min_white,
button.color_cloud_min_white {
background: url(../../images/color_cloud_item.disabled.png) no-repeat center;
}
input.color_cloud_min_white[disabled],
button.color_cloud_min_white[disabled] {
background: url(../../images/color_cloud_item.png) no-repeat center;
}
input.odometer_min,
button.odometer_min {
background: url(../../images/odometer.png) no-repeat center;
}
input.odometer_min[disabled],
button.odometer_min[disabled] {
background: url(../../images/odometer.disabled.png) no-repeat center;
}
input.odometer_min_white,
button.odometer_min_white {
background: url(../../images/odometer.disabled.png) no-repeat center;
}
input.odometer_min_white[disabled],
button.odometer_min_white[disabled] {
background: url(../../images/odometer.png) no-repeat center;
}
input.basic_chart_min,
button.basic_chart_min {
background: url(../../images/basic_chart.png) no-repeat center;
}
input.basic_chart_min[disabled],
button.basic_chart_min[disabled] {
background: url(../../images/basic_chart.disabled.png) no-repeat center;
}
input.basic_chart_min_white,
button.basic_chart_min_white {
background: url(../../images/basic_chart.disabled.png) no-repeat center;
}
input.basic_chart_min_white[disabled],
button.basic_chart_min_white[disabled] {
background: url(../../images/basic_chart.png) no-repeat center;
}
div#cont {
position: fixed;
max-height: 320px;

BIN
pandora_console/include/visual-console-client/maintenanceMode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

6
pandora_console/include/visual-console-client/vc.main.css
View File

@ -5,7 +5,6 @@
background-size: 100% 100%;
background-position: center;
margin-top: 5px;
z-index: 0;
}
.is-maintenance {
@ -402,10 +401,6 @@ p.error-p-validate {
border-radius: 5px 5px 0px 0px;
}
label span.p-slider {
width: 30px;
}
li.interval-color-ranges > label,
li#li-default-ranges > label {
margin-right: 15px;
@ -858,4 +853,5 @@ div.module-graph .gauge_d3_class {
animation: rotate-second 60s infinite linear;
}
/*# sourceMappingURL=vc.main.css.map*/

2
pandora_console/include/visual-console-client/vc.main.css.map
View File

File diff suppressed because one or more lines are too long