diff --git a/pandora_console/general/first_task/service_list.php b/pandora_console/general/first_task/service_list.php index 0ea4a01878..9e4d771663 100755 --- a/pandora_console/general/first_task/service_list.php +++ b/pandora_console/general/first_task/service_list.php @@ -37,14 +37,8 @@ ui_require_css_file('first_task'); ?>

- +
- - @keyframes login_move { - from {margin-left: 10%;margin-right: 10%;opacity:0.1} - to {margin-left: 5%;margin-right: 5%;opacity:1} - } - - - div.container_login{ - animation-name: login_move; - animation-duration: 3s; - } + div.container_login { + animation: container_login 3s ease; + } + + @keyframes container_login { + 0% { + transform: scale(.9); + opacity: 0.1; + } + + 100% { + transform: scale(1); + opacity: 1; + } + } '; } @@ -87,18 +92,36 @@ if (!empty($page) && !empty($sec)) { } $login_body_style = ''; -$login_body_class = ''; // Overrides the default background with the defined by the user. -if (!empty($config['login_background'])) { +$background_url = 'images/backgrounds/background_pandora_console_keys.jpg'; + +if (empty($config['random_background']) === false) { + $random_backgrounds = scandir($config['homedir'].'/images/backgrounds/random_backgrounds'); + unset($random_backgrounds[0], $random_backgrounds[1]); + $random_background = array_rand($random_backgrounds); + $background_url = 'images/backgrounds/random_backgrounds/'.$random_backgrounds[$random_background]; + $background_100 = 'background-size: 100% 100% !important; '; +} + +if (empty($config['login_background']) === false) { $background_url = 'images/backgrounds/'.$config['login_background']; - $login_body_style = "style=\"background-size: 100% 100% !important;background:linear-gradient(74deg, rgba(2, 2, 2, 0.333) 36%, transparent 36%), url('".$background_url."');\""; + $background_100 = 'background-size: 100% 100% !important; '; } // Support for Internet Explorer and Microsoft Edge browsers if (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Edge') !== false) { - $login_body_class = "class='login_body_trident'"; + $background_url = 'images/backgrounds/background_pandora_console_keys.jpg'; + $background_100 = ''; } +if (empty($config['background_opacity']) === false) { + $opacity = $config['background_opacity']; +} else { + $opacity = 30; +} + +$login_body_style = 'style="'.$background_100.'background: linear-gradient(rgba(0,0,0,.'.$opacity.'), rgba(0,0,0,.'.$opacity.")), url('".$background_url."');\""; + // Get alternative custom in case of db fail. $custom_fields = [ 'custom_logo_login', @@ -123,36 +146,36 @@ foreach ($custom_fields as $field) { // Get the custom icons. $docs_logo = ui_get_docs_logo(); $support_logo = ui_get_support_logo(); -echo '
'; +echo '
'; echo ''; echo ''; } break; @@ -360,13 +391,23 @@ if ($config['enterprise_installed']) { } } +echo ' +
+ + + + +
+'; +echo '
'.$pandora_version.(($develop_bypass == 1) ? ' '.__('Build').' '.$build_version : '').'
'; + // CSRF validation. html_print_csrf_hidden(); echo '
'; echo ''; if (empty($process_error_message) && isset($mail)) { @@ -503,7 +558,7 @@ if (isset($login_failed)) { } echo '
'; - html_print_submit_button('Ok', 'hide-login-error', false); + html_print_submit_button('Ok', 'hide-login-error', false, ['class' => ' mini']); echo '
'; echo '
'; echo ''; @@ -527,7 +582,7 @@ if ($login_screen == 'logout') { echo ''; echo '
'; - html_print_submit_button('Ok', 'hide-login-logout', false); + html_print_submit_button('Ok', 'hide-login-logout', false, ['class' => ' mini']); echo '
'; echo ''; echo ''; @@ -709,7 +764,7 @@ html_print_div(['id' => 'forced_title_layer', 'class' => 'forced_title_layer', ' }); }); - $("#submit-hide-login-error").click (function () { + $("#button-hide-login-error").click (function () { $("#modal_alert" ).dialog('close'); }); @@ -798,7 +853,7 @@ html_print_div(['id' => 'forced_title_layer', 'class' => 'forced_title_layer', ' }); }); - $("#submit-hide-login-error").click (function () { + $("#button-hide-login-error").click (function () { $("#login_failed" ).dialog('close'); $("#login_correct_pass").dialog('close'); }); @@ -824,7 +879,7 @@ html_print_div(['id' => 'forced_title_layer', 'class' => 'forced_title_layer', ' }); }); - $("#submit-reset_correct_button").click (function () { + $("#button-reset_correct_button").click (function () { $("#reset_correct").dialog('close'); }); }); @@ -868,5 +923,30 @@ html_print_div(['id' => 'forced_title_layer', 'class' => 'forced_title_layer', ' }); } + $(document).ready(function () { + $('#show-hide-pass').click(function (e) { + let inputPass = this.previousElementSibling; + + if (inputPass.type === "password") { + inputPass.type = "text"; + inputPass.style.backgroundImage = "url('/images/eye-closed-input.png')"; + } else { + inputPass.type = "password"; + inputPass.style.backgroundImage = "url('/images/eye-open-input.png')"; + } + }); + + $('#submit-login_button span').removeAttr('style'); + $('#spinner_login').hide(); + }); + + $('#submit-login_button').click(function (e) { + $('.login_nick').hide(); + $('.login_pass').hide(); + $('.login_button').hide(); + $('.reset_password').hide(); + $('#spinner_login').show(); + }); + /* ]]> */ diff --git a/pandora_console/godmode/menu.php b/pandora_console/godmode/menu.php index be8b48a2f3..e9c262b7cf 100644 --- a/pandora_console/godmode/menu.php +++ b/pandora_console/godmode/menu.php @@ -185,7 +185,7 @@ if ($access_console_node === true) { $sub['templates']['sub2'] = $sub2; $sub['godmode/modules/manage_inventory_modules']['text'] = __('Inventory modules'); - $sub['godmode/modules/manage_inventory_modules']['id'] = 'Inventory modules'; + $sub['godmode/modules/manage_inventory_modules']['id'] = 'Inventory_modules'; enterprise_hook('autoconfiguration_menu'); enterprise_hook('agent_repository_menu'); diff --git a/pandora_console/godmode/setup/setup_visuals.php b/pandora_console/godmode/setup/setup_visuals.php index 7b8943bbf9..67577f68ed 100755 --- a/pandora_console/godmode/setup/setup_visuals.php +++ b/pandora_console/godmode/setup/setup_visuals.php @@ -449,8 +449,8 @@ if (enterprise_installed() === true) { 'custom_splash_login', $config['custom_splash_login'], '', - '', - '', + __('Default'), + 'default', true, false, true, @@ -663,6 +663,12 @@ if (enterprise_installed() === true) { $row++; } +if (enterprise_installed() === true) { + $table_styles->data[$row][0] = __('Background opacity % (login)'); + $table_styles->data[$row][1] = ""; + $row++; +} + if (enterprise_installed() === true) { $table_styles->data[$row][0] = __('Disable logo in graphs'); $table_styles->data[$row][1] = html_print_checkbox_switch( @@ -715,6 +721,16 @@ $table_styles->data[$row][1] = html_print_checkbox_switch( $config['visual_animation'], true ); +$row++; + +$table_styles->data[$row][0] = __('Random background (login)'); +$table_styles->data[$row][1] = html_print_checkbox_switch( + 'random_background', + 1, + $config['random_background'], + true +); +$row++; // ---------------------------------------------------------------------- @@ -1147,7 +1163,7 @@ $table_vc->data[$row][1] = html_print_select( $row++; $table_vc->data[$row][0] = __('Number of favorite visual consoles to show in the menu'); -$table_vc->data[$row][1] = ""; +$table_vc->data[$row][1] = ""; $row++; $table_vc->data[$row][0] = __('Default line thickness for the Visual Console'); @@ -1181,7 +1197,7 @@ $table_ser->size[0] = '50%'; $table_ser->data = []; $table_ser->data['number'][0] = __('Number of favorite services to show in the menu'); -$table_ser->data['number'][1] = ""; +$table_ser->data['number'][1] = ""; // ---------------------------------------------------------------------- // Reports @@ -1214,12 +1230,12 @@ $table_report->data[$row][1] = html_print_checkbox_switch( $row++; $table_report->data[$row][0] = __('PDF font size (px)'); -$table_report->data[$row][1] = ""; +$table_report->data[$row][1] = ""; $row++; $table_report->data[$row][0] = __('HTML font size for SLA (em)'); -$table_report->data[$row][1] = ""; +$table_report->data[$row][1] = ""; $row++; diff --git a/pandora_console/images/animated_login/line-1.svg b/pandora_console/images/animated_login/line-1.svg new file mode 100644 index 0000000000..abf8747c4d --- /dev/null +++ b/pandora_console/images/animated_login/line-1.svg @@ -0,0 +1,20 @@ + + + + C62A1795-794F-402A-9E97-F2BD4D8F847C + Created with sketchtool. + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pandora_console/images/animated_login/line-2.svg b/pandora_console/images/animated_login/line-2.svg new file mode 100644 index 0000000000..9c166ec688 --- /dev/null +++ b/pandora_console/images/animated_login/line-2.svg @@ -0,0 +1,20 @@ + + + + C3D4F6E9-4DEB-4120-925D-CC7B405F7455 + Created with sketchtool. + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pandora_console/images/animated_login/line-3.svg b/pandora_console/images/animated_login/line-3.svg new file mode 100644 index 0000000000..1db509a7b8 --- /dev/null +++ b/pandora_console/images/animated_login/line-3.svg @@ -0,0 +1,20 @@ + + + + 678B7C23-14BC-4AAB-804B-2042119A8C12 + Created with sketchtool. + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pandora_console/images/animated_login/static.svg b/pandora_console/images/animated_login/static.svg new file mode 100644 index 0000000000..dfa1936eec --- /dev/null +++ b/pandora_console/images/animated_login/static.svg @@ -0,0 +1,93 @@ + + + + Img + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pandora_console/images/backgrounds/random_backgrounds/Abstract_data.jpeg b/pandora_console/images/backgrounds/random_backgrounds/Abstract_data.jpeg new file mode 100644 index 0000000000..190cc3a387 Binary files /dev/null and b/pandora_console/images/backgrounds/random_backgrounds/Abstract_data.jpeg differ diff --git a/pandora_console/images/backgrounds/random_backgrounds/Ascii_control_room.jpeg b/pandora_console/images/backgrounds/random_backgrounds/Ascii_control_room.jpeg new file mode 100644 index 0000000000..e73b0ede2b Binary files /dev/null and b/pandora_console/images/backgrounds/random_backgrounds/Ascii_control_room.jpeg differ diff --git a/pandora_console/images/backgrounds/random_backgrounds/Bauhaus_dashboard_wall.jpeg b/pandora_console/images/backgrounds/random_backgrounds/Bauhaus_dashboard_wall.jpeg new file mode 100644 index 0000000000..3c53960f2b Binary files /dev/null and b/pandora_console/images/backgrounds/random_backgrounds/Bauhaus_dashboard_wall.jpeg differ diff --git a/pandora_console/images/backgrounds/random_backgrounds/CGI_nodes.jpg b/pandora_console/images/backgrounds/random_backgrounds/CGI_nodes.jpg new file mode 100644 index 0000000000..7f0a46e130 Binary files /dev/null and b/pandora_console/images/backgrounds/random_backgrounds/CGI_nodes.jpg differ diff --git a/pandora_console/images/backgrounds/random_backgrounds/CGI_quantum.jpeg b/pandora_console/images/backgrounds/random_backgrounds/CGI_quantum.jpeg new file mode 100644 index 0000000000..96614bfdda Binary files /dev/null and b/pandora_console/images/backgrounds/random_backgrounds/CGI_quantum.jpeg differ diff --git a/pandora_console/images/backgrounds/random_backgrounds/Digital_paint_server.jpeg b/pandora_console/images/backgrounds/random_backgrounds/Digital_paint_server.jpeg new file mode 100644 index 0000000000..f1124c78c8 Binary files /dev/null and b/pandora_console/images/backgrounds/random_backgrounds/Digital_paint_server.jpeg differ diff --git a/pandora_console/images/backgrounds/random_backgrounds/Suprematism_cloud.jpeg b/pandora_console/images/backgrounds/random_backgrounds/Suprematism_cloud.jpeg new file mode 100644 index 0000000000..f38937c607 Binary files /dev/null and b/pandora_console/images/backgrounds/random_backgrounds/Suprematism_cloud.jpeg differ diff --git a/pandora_console/images/eye-closed-input.png b/pandora_console/images/eye-closed-input.png new file mode 100644 index 0000000000..e21ca8a8ee Binary files /dev/null and b/pandora_console/images/eye-closed-input.png differ diff --git a/pandora_console/images/eye-open-input.png b/pandora_console/images/eye-open-input.png new file mode 100644 index 0000000000..6bc8314b2c Binary files /dev/null and b/pandora_console/images/eye-open-input.png differ diff --git a/pandora_console/images/icono_docs.png b/pandora_console/images/icono_docs.png index 8b9dca61c9..d031b7194f 100644 Binary files a/pandora_console/images/icono_docs.png and b/pandora_console/images/icono_docs.png differ diff --git a/pandora_console/images/signin.svg b/pandora_console/images/signin.svg new file mode 100644 index 0000000000..e0e90db09e --- /dev/null +++ b/pandora_console/images/signin.svg @@ -0,0 +1,23 @@ + + + + 63FC45CA-827E-45C3-9B26-A774E1B0D2D8@svg + Created with sketchtool. + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pandora_console/include/ajax/module.php b/pandora_console/include/ajax/module.php index 4af0ace687..9913438275 100755 --- a/pandora_console/include/ajax/module.php +++ b/pandora_console/include/ajax/module.php @@ -225,8 +225,7 @@ if (check_login()) { SECONDS_2YEARS => __('2 years'), SECONDS_3YEARS => __('3 years'), ]; - - $formtable->data[0][0] = html_print_radio_button_extended( + $formtable->data[0][0] = '
'.html_print_radio_button_extended( 'selection_mode', 'fromnow', '', @@ -235,8 +234,9 @@ if (check_login()) { '', 'class="mrgn_right_15px"', true - ).__('Choose a time from now'); - $formtable->data[0][1] = html_print_select( + ).__('Choose a time from now').'
'; + $formtable->colspan[0][0] = 2; + $formtable->data[0][2] = html_print_select( $periods, 'period', $period, @@ -247,12 +247,11 @@ if (check_login()) { false, false ); - $formtable->data[0][2] = ''; $formtable->data[0][3] = "".html_print_image('images/refresh.png', true, ['style' => 'vertical-align: middle;', 'border' => '0', 'class' => 'invert_filter' ]).''; $formtable->rowspan[0][3] = 2; $formtable->cellstyle[0][3] = 'vertical-align: middle;'; - $formtable->data[1][0] = html_print_radio_button_extended( + $formtable->data[1][0] = '
'.html_print_radio_button_extended( 'selection_mode', 'range', '', @@ -262,9 +261,9 @@ if (check_login()) { 'class="mrgn_right_15px"', true ).__('Specify time range'); - $formtable->data[1][1] = __('Timestamp from:'); + $formtable->data[1][1] = ''.__('Timestamp from:').'
'; - $formtable->data[1][2] = html_print_input_text( + $formtable->data[1][2] = '
'.html_print_input_text( 'date_from', $date_from, '', @@ -277,12 +276,12 @@ if (check_login()) { $time_from, '', 9, - 7, + 8, true ); $formtable->data[1][1] .= '
'; - $formtable->data[1][1] .= __('Timestamp to:'); + $formtable->data[1][1] .= ''.__('Timestamp to:').''; $formtable->data[1][2] .= '
'; $formtable->data[1][2] .= html_print_input_text( @@ -298,9 +297,9 @@ if (check_login()) { $time_to, '', 9, - 7, + 8, true - ); + ).'
'; $freesearch_object = ''; if (preg_match('/_string/', $moduletype_name)) { diff --git a/pandora_console/include/functions_config.php b/pandora_console/include/functions_config.php index 464117c6cd..d4b276ef60 100644 --- a/pandora_console/include/functions_config.php +++ b/pandora_console/include/functions_config.php @@ -1124,6 +1124,10 @@ function config_update_config() $error_update[] = __('Copyright notice'); } + if (config_update_value('background_opacity', (string) get_parameter('background_opacity'), true) === false) { + $error_update[] = __('Background opacity % (login)'); + } + if (config_update_value('meta_custom_logo_white_bg', (string) get_parameter('meta_custom_logo_white_bg'), true) === false) { $error_update[] = __('Custom logo metaconsole (white background)'); } @@ -1229,7 +1233,11 @@ function config_update_config() } if (config_update_value('visual_animation', get_parameter('visual_animation'), true) === false) { - $error_update[] = __('visual_animation'); + $error_update[] = __('Visual animation'); + } + + if (config_update_value('random_background', get_parameter('random_background'), true) === false) { + $error_update[] = __('Random background'); } if (config_update_value('disable_help', get_parameter('disable_help'), true) === false) { @@ -2451,7 +2459,7 @@ function config_process_config() } if (!isset($config['custom_splash_login'])) { - config_update_value('custom_splash_login', 'splash_image_default.png'); + config_update_value('custom_splash_login', 'default'); } if (!isset($config['custom_docs_logo'])) { @@ -2510,6 +2518,10 @@ function config_process_config() config_update_value('rb_copyright_notice', get_copyright_notice()); } + if (!isset($config['background_opacity'])) { + config_update_value('background_opacity', 30); + } + if (!isset($config['meta_custom_docs_url'])) { config_update_value('meta_custom_docs_url', 'https://pandorafms.com/manual/'); } @@ -3363,6 +3375,10 @@ function config_process_config() config_update_value('visual_animation', 1); } + if (!isset($config['random_background'])) { + config_update_value('random_background', ''); + } + if (!isset($config['networkmap_max_width'])) { config_update_value('networkmap_max_width', 900); } diff --git a/pandora_console/include/styles/login.css b/pandora_console/include/styles/login.css index 8e5ed38cbf..f698f47eff 100644 --- a/pandora_console/include/styles/login.css +++ b/pandora_console/include/styles/login.css @@ -24,19 +24,14 @@ div#error_buttons a { #login_body { /* Set rules to fill background */ + /* background-color:#000 !important; */ min-height: 100%; min-width: 1200px; width: 100%; position: absolute; - background: linear-gradient(74deg, #02020255 36%, transparent 36%), - url("../../images/backgrounds/background_pandora_console_keys.jpg"); background-repeat: repeat; } -.login_body_trident { - background: url("../../images/backgrounds/background_pandora_console_keys.jpg"); -} - p.log_in { color: #fff; padding: 0px 10px; @@ -72,14 +67,12 @@ div#login_f { } #ver_num { - margin: 0px auto; width: 100%; - position: absolute; - bottom: 10px; color: #878787; text-align: center; - font-weight: 700; - font-size: 8.5pt; + font-weight: 350; + font-size: 10px; + margin-bottom: 12px; } /* @@ -90,14 +83,18 @@ div#login_f { /* --- Login page - header --- */ div#header_login { - width: 100%; - height: 65px; + background-color: rgba(0, 0, 0, 0.6); + position: absolute; + height: 30px; + margin-top: 1.04%; + margin-left: 1.04%; + border-radius: 8px; } div#list_icon_docs_support { float: left; - margin-top: 25px; - margin-left: 5%; + margin-top: 0px; + margin-left: 0px; } div#list_icon_docs_support ul { @@ -114,35 +111,62 @@ div#list_icon_docs_support ul li { } div#list_icon_docs_support ul li a { - color: #979797; - font-size: 10pt; + color: #95a3bf; + font-size: 12px; + line-height: 20px; + text-align: center; } -li#li_margin_left { - margin-left: 30px; +div#list_icon_docs_support ul li a img { + margin-left: 20%; +} + +li#li_margin_doc_img { + margin-left: 5px; +} + +li#li_margin_doc { + margin-left: 5px; +} + +li#li_margin_support_img { + margin-left: 10px; +} + +li#li_margin_support { + margin-left: 5px; + padding-right: 5px; } /* --- Login page - form --- */ div.container_login { - margin-top: 10%; - margin-left: 5%; - margin-right: 5%; + margin-top: 13.89vw; + /* margin-left: 19.95vw; */ } div.login_page { - width: 35%; - min-height: 600px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 8px; + width: 363px; + height: auto; float: left; + margin-left: 19.95vw; +} + +@media only screen and (max-width: 1280px) { + div.login_page { + margin-left: 9.95vw; + } } div.login_logo_icon { - margin-bottom: 40px; + margin: 4.18% 5.51% 40px; text-align: center; } div.login_logo_icon img { margin: 0 auto; - max-width: 70%; + max-width: 100%; } div.login_double_auth_code, @@ -151,7 +175,7 @@ div.login_pass { margin: 0 auto; width: 70%; height: 40px; - margin-bottom: 25px; + margin-bottom: 20px; min-width: 260px; background-color: #fff; opacity: 0.77; @@ -159,34 +183,68 @@ div.login_pass { border-radius: 3px; } -div.login_nick input { - background-image: url("../../images/usuario_login.png"); -} - -div.login_pass input { - background-image: url("../../images/candado_login.png"); -} - div.login_nick input, div.login_pass input { + background-color: #f6f7fb; border: 0px; color: #343434; border-radius: 3px; width: 100%; height: 40px; font-size: 10pt; - padding: 0px 0px 0px 35px; + padding: 0px 0px 0px 8%; background-repeat: no-repeat; background-size: 27px; - background-position: left center; + background-position: right 10px bottom 50%; box-sizing: border-box; } +div.login_button button { + width: 100%; + height: 40px; + box-shadow: none; +} + +div.login_button button { + display: flex; + justify-content: center; + font-weight: bold; +} + +div.login_button button span { + margin-top: 0px; +} + +div.login_pass input { + background-image: url("../../images/eye-open-input.png"); + padding-right: 40px; +} + div.login_nick input:focus, div.login_pass input:focus { outline: none; } +div.login_pass { + position: relative; +} + +#show-hide-pass { + position: absolute; + right: 0px; + top: 0px; + border: 0; + outline: none; + margin: 0; + z-index: 2; + height: 40px; + width: 40px; + cursor: pointer; +} + +#show-hide-pass img { +} + div.login_nick input:-webkit-autofill, div.login_nick input:-webkit-autofill:hover, div.login_nick input:-webkit-autofill:focus, @@ -216,18 +274,6 @@ div.login_button_saml { margin-bottom: 20px; } -div.login_button input { - width: 100%; - background-color: #82b92e; - text-align: center; - height: 40px; - padding: 0px; - font-size: 11pt; - color: #fff; - border: 1px solid #82b92e; - border-radius: 3px; -} - div.login_button_saml input { border: 1px solid #fff; background-color: #fff; @@ -261,6 +307,10 @@ div.login_button_saml input:hover { background-image: url("../../images/user_login_hover.png"); } +.login_back { + margin-top: 60px !important; +} + .login_back input { background-image: url("../../images/back_login.png"); background-position: left 5% center; @@ -272,9 +322,13 @@ div.login_button_saml input:hover { } div.login_data { - width: 65%; - min-height: 600px; + max-width: 40.21vw; + max-height: 21.82%; float: left; + margin-left: 100px; + margin-right: 0px; + margin-top: 30px; + padding-right: 0px; } div.text_banner_login { @@ -289,21 +343,22 @@ div.text_banner_login span { } span.span1 { - font-size: 30pt; - font-weight: 100; + font-size: 38px; + letter-spacing: -0.38px; + font-weight: bold; color: white; line-height: 49pt; } span.span2 { - font-size: 30pt; - font-weight: 300; - color: white; + font-size: 26px; + letter-spacing: -0.26px; + font-weight: 350; + color: #c1ccdc; line-height: 32pt; } div.img_banner_login { - width: 100%; text-align: center; } @@ -324,16 +379,25 @@ div.img_banner_login img { } .reset_password a { - color: #ddd; - font-size: 8.5pt; + color: #14524f; + font-size: 9pt; + font-weight: bold; } @media all and (max-width: 1200px) { span.span1 { - font-size: 30pt; + font-size: 38px; + letter-spacing: -0.38px; + font-weight: bold; + color: white; + line-height: 49pt; } span.span2 { - font-size: 30pt; + font-size: 26px; + letter-spacing: -0.26px; + font-weight: 350; + color: #c1ccdc; + line-height: 32pt; } } @@ -432,3 +496,238 @@ div.button_message_alert_form input { font-size: 10pt; margin-right: 25px; } + +/* ==== Animated splash ==== */ + +.loginimg-container { + background-image: url("../../images/animated_login/static.svg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center center; + width: 508px; + height: 246px; + margin-left: 1vw; +} + +/* Horizontal lines */ + +.lineone, +.linetwo, +.linethree { + background-repeat: no-repeat; + background-size: auto; + width: 115px; + height: 4px; + animation-duration: 8s; + animation-timing-function: linear; + animation-iteration-count: infinite; +} +.lineone { + background-image: url("../../images/animated_login/line-1.svg"); + animation-name: barone; +} +.linetwo { + background-image: url("../../images/animated_login/line-2.svg"); + animation-name: bartwo; + height: 5px; +} +.linethree { + background-image: url("../../images/animated_login/line-3.svg"); + animation-name: barthree; +} +@keyframes barone { + 0% { + transform: translateX(312px) translateY(30px); + } + 50% { + transform: translateX(197px) translateY(30px); + } + 100% { + transform: translateX(312px) translateY(30px); + } +} +@keyframes bartwo { + 0% { + transform: translateX(255px) translateY(45px); + } + 33% { + transform: translateX(312px) translateY(45px); + } + 66% { + transform: translateX(197px) translateY(45px); + } + 100% { + transform: translateX(255px) translateY(45px); + } +} +@keyframes barthree { + 0% { + transform: translateX(197px) translateY(60px); + } + 50% { + transform: translateX(312px) translateY(60px); + } + 100% { + transform: translateX(197px) translateY(60px); + } +} +/* Vertical lines */ +.towerone, +.towertwo, +.towerthree, +.towerfour { + background-color: #56ea82; + width: 20px; + height: 68px; + border-radius: 4px; + margin: 0px 5px; + animation-duration: 2s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + transform-origin: bottom center; +} +.towerone { + animation-name: graphone; +} +.towertwo { + animation-name: graphtwo; +} +.towerthree { + animation-name: graphthree; +} +.towerfour { + animation-name: graphfour; +} +@keyframes graphone { + 0% { + transform: translateX(37px) translateY(105px) scale(1, 1); + } + 50% { + transform: translateX(37px) translateY(105px) scale(1, 0.33); + background-color: #f5a623; + } + 100% { + transform: translateX(37px) translateY(105px) scale(1, 1); + } +} +@keyframes graphtwo { + 0% { + transform: translateX(37px) translateY(105px) scale(1, 0.7); + background-color: #009d9e; + } + 75% { + transform: translateX(37px) translateY(105px) scale(1, 1); + background-color: #56ea82; + } + 100% { + transform: translateX(37px) translateY(105px) scale(1, 0.7); + background-color: #009d9e; + } +} +@keyframes graphthree { + 0% { + transform: translateX(37px) translateY(105px) scale(1, 1); + } + 25% { + transform: translateX(37px) translateY(105px) scale(1, 0.55); + background-color: #009d9e; + } + 100% { + transform: translateX(37px) translateY(105px) scale(1, 1); + } +} +@keyframes graphfour { + 0% { + transform: translateX(37px) translateY(105px) scale(1, 0.4); + background-color: #009d9e; + } + 66% { + transform: translateX(37px) translateY(105px) scale(1, 0.1); + background-color: #ed474a; + } + 100% { + transform: translateX(37px) translateY(105px) scale(1, 0.4); + background-color: #009d9e; + } +} + +/* ==== Spinner login ==== */ +.loader { + position: relative; + width: 100px; + height: 100px; + border-radius: 100%; + background: linear-gradient(#82b92e, #c1ccdc); + animation: animate 1.2s linear infinite; + margin: auto; + margin-bottom: 40px; +} +.loader span { + position: absolute; + width: 100%; + height: 100%; + border-radius: 100%; + background: linear-gradient(#82b92e, #c1ccdc); +} +.loader span:nth-child(1) { + filter: blur(4px); +} +.loader span:nth-child(2) { + filter: blur(8px); +} +.loader span:nth-child(3) { + filter: blur(12px); +} +.loader span:nth-child(4) { + filter: blur(16px); +} +.loader:after { + content: ""; + position: absolute; + top: 10px; + left: 10px; + right: 10px; + bottom: 10px; + /* background: transparent; */ + background: #f1f1f1; + border: solid white 10px; + border-radius: 50%; +} + +@keyframes animate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +/* ==== Autocomplete user/password Google Chrome ==== */ +div.login_nick input:-webkit-autofill, +div.login_nick input:-webkit-autofill:hover, +div.login_nick input:-webkit-autofill:focus, +div.login_nick input:-webkit-autofill:active, +div.login_pass input:-webkit-autofill, +div.login_pass input:-webkit-autofill:hover, +div.login_pass input:-webkit-autofill:focus, +div.login_pass input:-webkit-autofill:active { + background-color: #f6f7fb; + border: 0px; + border-radius: 3px; + width: 100%; + height: 40px; + font-size: 10pt; + padding: 0px 0px 0px 8%; + background-repeat: no-repeat; + background-size: 27px; + background-position: right 10px bottom 50%; + box-sizing: border-box; +} + +div.login_pass input:-webkit-autofill, +div.login_pass input:-webkit-autofill:hover, +div.login_pass input:-webkit-autofill:focus, +div.login_pass input:-webkit-autofill:active { + background-image: url("../../images/eye-closed-input.png"); +} diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index 1dd3910868..82774a5aa5 100644 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -10002,6 +10002,10 @@ input[type="submit"].secondary:active { color: #0d312f; } +input[type="file"] { + padding-top: 10px; +} + button.buttonButton, button.submitButton { display: flex; @@ -10343,6 +10347,11 @@ button div.cog { contain; } +button div.signin { + mask: url(../../images/signin.svg) no-repeat center / contain; + -webkit-mask: url(../../images/signin.svg) no-repeat center / contain; +} + button div.fail { mask: url(../../images/fail@svg.svg) no-repeat center / contain; -webkit-mask: url(../../images/fail@svg.svg) no-repeat center / contain; @@ -10554,6 +10563,7 @@ tr.bring_next_field { vertical-align: middle; text-align: left; min-width: 150px !important; + z-index: 10002; } .select2-container .select2-selection--single, @@ -11196,3 +11206,7 @@ form#satellite_conf_edit > fieldset.full-column { .action-buttons > button { margin: 10px; } + +.inputs_date_details > input { + margin: 5px; +} diff --git a/pandora_console/operation/agentes/stat_win.php b/pandora_console/operation/agentes/stat_win.php index 72c5c55c7a..d1e39ef0bf 100644 --- a/pandora_console/operation/agentes/stat_win.php +++ b/pandora_console/operation/agentes/stat_win.php @@ -118,12 +118,12 @@ ui_print_message_dialog( - + width = '100%'; $table->id = 'stat_win_form_div'; - $table->style[0] = 'text-align:left;'; - $table->style[1] = 'text-align:left;'; - $table->style[2] = 'text-align:left;font-weight: bold;'; - $table->style[3] = 'text-align:left;'; + $table->style[0] = 'text-align:left;font-weight: bold;font-size:8.5pt;line-height:30pt;'; + $table->style[1] = 'text-align:left;font-weight: bold;line-height:30pt;'; + $table->style[2] = 'text-align:left;font-weight: bold;line-height:30pt;'; + $table->style[3] = 'text-align:left;font-weight: bold;line-height:30pt;'; $table->class = 'table_modal_alternate'; $table->data = []; @@ -451,7 +451,10 @@ ui_print_message_dialog( __('Reload'), 'submit', false, - 'class="sub upd"', + [ + 'icon' => 'Icon search secondary mini', + 'class' => 'float-right', + ], true ); $form_table .= ''; diff --git a/pandora_console/operation/agentes/status_monitor.php b/pandora_console/operation/agentes/status_monitor.php index 6ffee15111..839bd50846 100644 --- a/pandora_console/operation/agentes/status_monitor.php +++ b/pandora_console/operation/agentes/status_monitor.php @@ -2140,7 +2140,7 @@ html_print_action_buttons( ); // End Build List Result. -echo "
"; +echo "
"; // Load filter div for dialog. echo ''; @@ -2286,7 +2286,7 @@ function show_module_detail_dialog(module_id, id_agent, server_name, offset, per opacity: 0.5, background: "black" }, - width: 620, + width: 700, height: 500 }) .show ();