Several visual fixes for fit with mockups

This commit is contained in:
Jose Gonzalez 2023-02-14 14:06:51 +01:00
parent e499e13753
commit be33b2f51a
12 changed files with 76 additions and 44 deletions

View File

@ -581,8 +581,8 @@ $tableAgent->data['description'][0] = html_print_textarea(
html_print_div(
[
'class' => 'box-shadow white_table_flex white_box agent_details_col',
'style' => 'display: flex; justify-content: space-between; align-items: flex-start;',
'class' => 'box-flat white_table_flex white_box agent_details_col',
'style' => 'display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px',
'content' => html_print_table($tableAgent, true).$CodeQRTable,
]
);
@ -908,7 +908,7 @@ foreach ($fields as $field) {
2,
65,
$link_text,
'class="min-height-30px',
'class="min-height-30px w100p"',
true
);
$data_field[1] .= '<br>';
@ -919,7 +919,7 @@ foreach ($fields as $field) {
2,
65,
$link_url,
'class="min-height-30px',
'class="min-height-30px w100p"',
true
);
} else {
@ -928,7 +928,7 @@ foreach ($fields as $field) {
2,
65,
$custom_value,
'class="min-height-30px',
'class="min-height-30px w100p"',
true
);
}

View File

@ -742,7 +742,7 @@ $outputForm .= ui_toggle(
true,
'',
'',
'box-shadow white_table_flex white_table_graph_fixed'
'box-flat white_table_flex white_table_graph_fixed mrgn_top_20px'
);
$outputForm .= ui_toggle(
@ -754,7 +754,7 @@ $outputForm .= ui_toggle(
true,
'',
'',
'box-shadow white_table_flex white_table_graph_fixed'
'box-flat white_table_flex white_table_graph_fixed'
);
$outputForm .= ui_toggle(
@ -766,7 +766,7 @@ $outputForm .= ui_toggle(
true,
'',
'',
'box-shadow white_table_flex white_table_graph_fixed'
'box-flat white_table_flex white_table_graph_fixed'
);
if ((int) $moduletype !== 13) {
@ -785,7 +785,7 @@ if ((int) $moduletype !== 13) {
true,
'',
'',
'box-shadow white_table_flex white_table_graph_fixed'
'box-flat white_table_flex white_table_graph_fixed'
);
}

View File

@ -223,6 +223,7 @@ if ((isset($id_agent_module) === true && $id_agent_module > 0) || (int) $id_poli
$table_simple = new stdClass();
$table_simple->id = 'simple';
$table_simple->styleTable = 'border-radius: 8px;';
$table_simple->class = 'w100p floating_form';
$table_simple->data = [];
$table_simple->style = [];
@ -482,8 +483,9 @@ if ($edit_module === false || (isset($stringTypeModule) === true && $stringTypeM
}
if ($edit_module === false || (isset($stringTypeModule) === true && $stringTypeModule === true)) {
$tableBasicThresholds->data['caption_switch_warning_inverse_string'][0] = __('Inverse interval');
$tableBasicThresholds->data['switch_warning_inverse_string'][0] = html_print_checkbox_switch(
$basicThresholdsIntervalWarning = [];
$basicThresholdsIntervalWarning[] = '<span>'.__('Inverse interval').'</span>';
$basicThresholdsIntervalWarning[] = html_print_checkbox_switch(
'warning_inverse_string',
1,
$warning_inverse,
@ -491,6 +493,16 @@ if ($edit_module === false || (isset($stringTypeModule) === true && $stringTypeM
$disabledBecauseInPolicy
);
$tableBasicThresholds->rowclass['caption_switch_warning_inverse_string'] = 'field_half_width';
$tableBasicThresholds->data['caption_switch_warning_inverse_string'][0] = html_print_div(
[
'class' => 'margin-top-10',
'style' => 'display: flex; flex-direction: row-reverse; align-items: center;',
'content' => implode('', $basicThresholdsIntervalWarning),
],
true
);
$tableBasicThresholds->data['caption_warning_threshold'][0] .= '<span class="font_11" id="caption_str_warning">('.__('Str.').')</span>';
$tableBasicThresholds->data['warning_threshold'][0] .= html_print_input_text(
'str_warning',
@ -558,8 +570,9 @@ if ($edit_module === false || (isset($stringTypeModule) === true && $stringTypeM
}
if ($edit_module === false || (isset($stringTypeModule) === true && $stringTypeModule === true)) {
$tableBasicThresholds->data['caption_switch_critical_inverse_string'][0] = __('Inverse interval');
$tableBasicThresholds->data['switch_critical_inverse_string'][0] = html_print_checkbox_switch(
$basicThresholdsIntervalCritical = [];
$basicThresholdsIntervalCritical[] = '<span>'.__('Inverse interval').'</span>';
$basicThresholdsIntervalCritical[] = html_print_checkbox_switch(
'critical_inverse_string',
1,
$critical_inverse,
@ -567,6 +580,16 @@ if ($edit_module === false || (isset($stringTypeModule) === true && $stringTypeM
$disabledBecauseInPolicy
);
$tableBasicThresholds->rowclass['caption_switch_critical_inverse_string'] = 'field_half_width';
$tableBasicThresholds->data['caption_switch_critical_inverse_string'][0] = html_print_div(
[
'class' => 'margin-top-10',
'style' => 'display: flex; flex-direction: row-reverse; align-items: center;',
'content' => implode('', $basicThresholdsIntervalCritical),
],
true
);
$tableBasicThresholds->data['switch_critical_threshold'][0] .= html_print_div(
[
'id' => 'percentage_critical',
@ -710,6 +733,7 @@ $ffThresholdsScript = ob_get_clean();
// Advanced form part.
$table_advanced = new stdClass();
$table_advanced->id = 'advanced';
$table_advanced->styleTable = 'border-radius: 8px';
$table_advanced->width = '100%';
$table_advanced->class = 'w100p floating_form';
$table_advanced->data = [];

View File

@ -4212,7 +4212,7 @@ function ui_toggle(
$return=false,
$toggle_class='',
$container_class='white-box-content',
$main_class='box-shadow white_table_graph',
$main_class='box-flat white_table_graph',
$img_a='images/arrow_down_green.png',
$img_b='images/arrow_right_green.png',
$clean=false,
@ -4251,6 +4251,7 @@ function ui_toggle(
// Options.
$style = 'overflow:hidden;width: -webkit-fill-available;width: -moz-fill-available;';
$style = 'overflow:hidden;';
if ($hidden_default) {
$style .= 'height:0;position:absolute;';
$original = $img_b;
@ -4263,7 +4264,7 @@ function ui_toggle(
if ($clean === false) {
$header_class = 'white_table_graph_header';
} else {
if ($main_class == 'box-shadow white_table_graph') {
if ($main_class == 'box-flat white_table_graph') {
// Default value, clean class.
$main_class = '';
}
@ -4439,7 +4440,7 @@ function ui_print_toggle($data)
(isset($data['return']) === true) ? $data['return'] : false,
(isset($data['toggle_class']) === true) ? $data['toggle_class'] : '',
(isset($data['container_class']) === true) ? $data['container_class'] : 'white-box-content',
(isset($data['main_class']) === true) ? $data['main_class'] : 'box-shadow white_table_graph',
(isset($data['main_class']) === true) ? $data['main_class'] : 'box-flat white_table_graph',
(isset($data['img_a']) === true) ? $data['img_a'] : 'images/arrow_down_green.png',
(isset($data['img_b']) === true) ? $data['img_b'] : 'images/arrow_right_green.png',
(isset($data['clean']) === true) ? $data['clean'] : false,

View File

@ -1011,6 +1011,10 @@ select:-internal-list-box {
border: 1px solid #e2e2e2;
}
.box-flat {
border: 1px solid #e5e9ed;
border-radius: 8px;
}
.align-top td {
vertical-align: top;
}
@ -1089,6 +1093,7 @@ div#main {
display: flex;
/* width: 100%; */
/* margin-left: 3em; */
background-color: #f6f7fb;
margin-bottom: 3em;
position: relative;
/* margin-top: 8.8em; */
@ -5748,8 +5753,8 @@ div.label_select_child_left > span {
}
.white_box_opened {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
/*
@ -5949,7 +5954,7 @@ div#bullets_modules div {
}
.agent_details_first_row * {
font-size: 11pt;
font-size: 13px;
}
/*
@ -5963,7 +5968,7 @@ div#bullets_modules div {
.agent_details_col {
background-color: #fff;
/*border: 1px solid #e2e2e2;*/
border-radius: 5px;
border-radius: 8px;
flex: 1 1 50%;
}
@ -6136,6 +6141,7 @@ div#status_pie {
/* White tables to show graphs */
.white_table_graph {
margin-bottom: 20px;
background-color: #fff;
}
.white_table_graph_fixed {
@ -6157,8 +6163,8 @@ div#status_pie {
background-color: #fff;
color: #000;
/*border: 1px solid #e2e2e2;*/
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-radius: 8px;
/*border-top-right-radius: 8px;*/
font-weight: bold;
display: flex;
min-width: fit-content;
@ -10708,12 +10714,13 @@ tr.bring_next_field {
}
.floating_form tr {
min-height: 46px;
/*min-height: 46px;*/
height: 32px;
height: auto;
}
.floating_form td {
font-size: 11pt;
font-size: 13px;
min-height: 32px;
font-family: "Pandora-Bold";
}

View File

@ -519,7 +519,7 @@ if ($agent_view_page === true) {
!$alerts_defined,
false,
true,
'box-shadow agent_details_col',
'box-flat agent_details_col',
'white-box-content',
'mrgn_lft_20px mrgn_right_20px width_available'
),

View File

@ -159,8 +159,8 @@ $table_status->width = '100%';
$table_status->cellspacing = 0;
$table_status->cellpadding = 0;
$table_status->class = 'floating_form';
$table_status->style[0] = 'height: 46px; width: 30%; padding-right: 5px; text-align: end;';
$table_status->style[1] = 'height: 46px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$table_status->style[0] = 'height: 32px; width: 30%; padding-right: 5px; text-align: end;';
$table_status->style[1] = 'height: 32px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$agentStatusGraph = html_print_div(
[
@ -378,8 +378,8 @@ $table_contact->width = '100%';
$table_contact->cellspacing = 0;
$table_contact->cellpadding = 0;
$table_contact->class = 'floating_form';
$table_contact->style[0] = 'height: 46px; width: 30%; padding-right: 5px; text-align: end;';
$table_contact->style[1] = 'height: 46px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$table_contact->style[0] = 'height: 32px; width: 30%; padding-right: 5px; text-align: end;';
$table_contact->style[1] = 'height: 32px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$agentContactCaption = html_print_div(
[
@ -702,7 +702,7 @@ if ((bool) $config['agentaccess'] === true && $access_agent > 0) {
$agentAccessRate = html_print_div(
[
'class' => 'box-shadow agent_details_col mrgn_right_20px',
'class' => 'box-flat agent_details_col mrgn_right_20px',
'id' => 'table_access_rate',
'content' => $agentAccessRateHeader.$agentAccessRateContent,
],
@ -988,7 +988,7 @@ $agent_contact .= html_print_table($table_contact, true);
$agentDetails = html_print_div(
[
'class' => 'box-shadow agent_details_col mrgn_lft_20px mrgn_right_20px',
'class' => 'box-flat agent_details_col mrgn_lft_20px mrgn_right_20px',
'content' => $table_agent,
],
true
@ -996,7 +996,7 @@ $agentDetails = html_print_div(
$agentContact = html_print_div(
[
'class' => 'box-shadow agent_details_col mrgn_right_20px',
'class' => 'box-flat agent_details_col mrgn_right_20px',
'content' => $agent_contact,
],
true
@ -1029,7 +1029,7 @@ $agentEventsGraph = html_print_div(
$agentEvents = html_print_div(
[
'class' => 'box-shadow agent_details_col mrgn_lft_20px mrgn_right_20px',
'class' => 'box-flat agent_details_col mrgn_lft_20px mrgn_right_20px',
'content' => $agentEventsHeader.$agentEventsGraph,
],
true
@ -1048,7 +1048,7 @@ if (isset($data_opcional) === false || isset($data_opcional->data) === false ||
false,
false,
true,
'box-shadow agent_details_col agent_details_toggle agent_details_first_row w100p',
'box-flat agent_details_col agent_details_toggle agent_details_first_row w100p',
'mrgn_lft_20px mrgn_right_20px',
'mrgn_lft_20px mrgn_right_20px w100p'
);
@ -1057,8 +1057,8 @@ if (isset($data_opcional) === false || isset($data_opcional->data) === false ||
$agentIncidents = (isset($table_incident) === false) ? '' : html_print_table($table_incident, true);
/*
echo '<div class="agent_details_first_row">
<div class="box-shadow agent_details_col mrgn_lft_20px mrgn_right_20px">'.$table_agent.'</div>
<div class="box-shadow agent_details_col mrgn_right_20px">'.$agent_contact.'</div>
<div class="box-flat agent_details_col mrgn_lft_20px mrgn_right_20px">'.$table_agent.'</div>
<div class="box-flat agent_details_col mrgn_right_20px">'.$agent_contact.'</div>
</div>'.$agent_info;
*/

View File

@ -201,7 +201,7 @@ html_print_div(
false,
false,
true,
'box-shadow agent_details_col',
'box-flat agent_details_col',
'white-box-content',
'mrgn_lft_20px mrgn_right_20px width_available'
),

View File

@ -32,7 +32,7 @@ html_print_div(
'latest_events_agent',
false,
true,
'box-shadow agent_details_col',
'box-flat agent_details_col',
'white-box-content',
'mrgn_lft_20px mrgn_right_20px width_available'
),

View File

@ -375,9 +375,9 @@ $dates_box .= '</div>';
// Show details, people and dates.
echo '<div class="integria_details">';
ui_toggle($details_box, __('Details'), '', 'details_box', false, false, '', 'integria_details_content white-box-content', 'integria_details_shadow box-shadow white_table_graph');
ui_toggle($people_box, __('People'), '', 'people_box', false, false, '', 'integria_details_content white-box-content', 'integria_details_shadow box-shadow white_table_graph');
ui_toggle($dates_box, __('Dates'), '', 'dates_box', false, false, '', 'integria_details_content white-box-content', 'integria_details_shadow box-shadow white_table_graph');
ui_toggle($details_box, __('Details'), '', 'details_box', false, false, '', 'integria_details_content white-box-content', 'integria_details_shadow box-flat white_table_graph');
ui_toggle($people_box, __('People'), '', 'people_box', false, false, '', 'integria_details_content white-box-content', 'integria_details_shadow box-flat white_table_graph');
ui_toggle($dates_box, __('Dates'), '', 'dates_box', false, false, '', 'integria_details_content white-box-content', 'integria_details_shadow box-flat white_table_graph');
echo '</div>';
// Show description.

View File

@ -296,7 +296,7 @@ if (is_metaconsole() === true) {
false,
true,
false,
'box-shadow agent_details_col',
'box-flat agent_details_col',
'white-box-content',
'mrgn_lft_20px mrgn_right_20px width_available'
);

View File

@ -384,7 +384,7 @@ $table_events .= '</div>';
?>
<div id="agent_details_first_row" class="w100p cluster-agent-data">
<div class="box-shadow agent_details_col agent_details_col_left">
<div class="box-flat agent_details_col agent_details_col_left">
<div class="agent_details_header">
<?php echo $table_agent_header; ?>
</div>
@ -407,7 +407,7 @@ $table_events .= '</div>';
</div>
</div>
<div class="box-shadow agent_details_col agent_details_col_right">
<div class="box-flat agent_details_col agent_details_col_right">
<div class="cluster-map">
<?php $map_manager->printMap(); ?>
</div>