mirror of
https://github.com/valitydev/wazuh-kibana-app.git
synced 2024-11-08 10:43:51 +00:00
Merge pull request #79 from wazuh/3.0-css-reordering
First approach for CSS reordering
This commit is contained in:
Javier Castro
GitHub
commit
8b7cee17e6
@ -14,8 +14,132 @@ md-list.agents-preview-table.ruleset_rules_row_active:hover,
|
||||
background-color: #c2e4ef;
|
||||
}
|
||||
|
||||
md-list.agents-preview-table:hover {
|
||||
background-color: #c2e4ef;
|
||||
}
|
||||
|
||||
md-list.agents-preview-table:focus {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.agentsPreview md-input-container {
|
||||
height: 41px;
|
||||
margin-top: 17px;
|
||||
padding: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
md-tooltip.md-default-theme,
|
||||
md-tooltip {
|
||||
color: white;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
md-tooltip.md-default-theme .md-content,
|
||||
md-tooltip .md-content {
|
||||
background-color: black;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.sideNavBox {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* --------------------------- Agent Tab Styles --------------------------- */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.agents-preview-metrics,
|
||||
.agents-overview-no-results,
|
||||
.agents-overview-top-metric-item,
|
||||
.agents-fim-no-results,
|
||||
.agents-pm-no-results,
|
||||
.agents-oscap-no-results,
|
||||
.agents-oscap-item-center,
|
||||
.agents-audit-no-results,
|
||||
.agents-audit-center,
|
||||
.agents-pci-no-results,
|
||||
.agents-pci-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.agents-fim-discover,
|
||||
.agents-overview-discover,
|
||||
.agents-pm-discover,
|
||||
.agents-oscap-discover,
|
||||
.agents-audit-discover,
|
||||
.agents-pci-discover {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.agents-pci-h1 {
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.agents-preview-search-box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.agents-overview-size-14 {
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.agents-preview-metrics-item {
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.agents-preview-metrics-right {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.agents-preview-metrics-left {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.agents-overview-top-metric-row,
|
||||
.agents-overview-second-row,
|
||||
.agents-oscap-row-100,
|
||||
.agents-audit-row-100 {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.agents-pci-row-225 {
|
||||
height: 225px;
|
||||
}
|
||||
|
||||
.agents-fim-row,
|
||||
.agents-overview-top,
|
||||
.agents-overview-alerts,
|
||||
.agents-oscap-row-230,
|
||||
.agents-audit-row-230 {
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
.agents-pm-top-row {
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.agents-oscap-row-250 {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.agents-preview-agents-list {
|
||||
height:300px;
|
||||
}
|
||||
|
||||
.agents-audit-row-448 {
|
||||
height: 448px;
|
||||
}
|
||||
|
||||
.agents-audit-row-530 {
|
||||
height: 530px;
|
||||
}
|
||||
|
||||
.agents-fim-summary-row,
|
||||
.agents-overview-summary,
|
||||
.agents-pm-alerts-summary,
|
||||
.agents-oscap-row-540,
|
||||
.agents-pci-row-540 {
|
||||
height: 540px;
|
||||
}
|
||||
|
||||
108
public/less/angular-md.less
Normal file
108
public/less/angular-md.less
Normal file
@ -0,0 +1,108 @@
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* ------------------ Full angular material overrides --------------------- */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.md-button.active {
|
||||
background-color: rgba(158, 158, 158, 0.2);
|
||||
}
|
||||
|
||||
md-list-item.active._md-button-wrap.ng-scope._md.md-clickable {
|
||||
background-color: rgba(158, 158, 158, 0.2);
|
||||
}
|
||||
|
||||
md-card-content .ng-binding {
|
||||
color: rgb(102, 102, 102);
|
||||
}
|
||||
|
||||
.md-button.md-fab {
|
||||
line-height: 5.6rem;
|
||||
min-width: 0;
|
||||
width: 5.6rem;
|
||||
height: 5.6rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.md-button.md-fab md-icon {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-search-plus,
|
||||
.fa-search-minus {
|
||||
font-size: initial !important;
|
||||
}
|
||||
|
||||
.md-input-margin {
|
||||
margin: 18px 20px 0 0
|
||||
}
|
||||
|
||||
.md-input-margin {
|
||||
margin: 18px 20px 0 0
|
||||
}
|
||||
|
||||
md-input-container>md-select {
|
||||
background: #3caed2;
|
||||
border-radius: 3px;
|
||||
color: white;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
span.md-headline {
|
||||
color: #555;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.md-headline-small {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
md-input-container {
|
||||
margin: 0 0;
|
||||
margin-top: 18px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
md-input-container>md-select {
|
||||
background: white;
|
||||
color: black;
|
||||
padding: 4px;
|
||||
padding-bottom: 6px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
md-input-container.md-whiteframe-z1.flex.md-input-has-value {
|
||||
box-shadow: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
input#searchBox,
|
||||
md-autocomplete-wrap.md-whiteframe-z1.layout-row ,
|
||||
md-input-container.md-whiteframe-z1.flex-20.md-input-has-value {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
md-input-container.md-whiteframe-z1.flex-20.md-input-has-value {
|
||||
background: white;
|
||||
}
|
||||
|
||||
md-input-container.md-whiteframe-z1.flex-20 {
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
md-input-container.md-default-theme.md-input-invalid label,
|
||||
md-input-container.md-input-invalid label {
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
md-input-container.md-default-theme label.md-required:after,
|
||||
md-input-container label.md-required:after {
|
||||
color: #3caed2 !important;
|
||||
}
|
||||
|
||||
md-input-container.md-default-theme label,
|
||||
md-input-container label,
|
||||
md-input-container.md-default-theme ._md-placeholder,
|
||||
md-input-container ._md-placeholder {
|
||||
font-size: 16px;
|
||||
}
|
||||
86
public/less/buttons.less
Normal file
86
public/less/buttons.less
Normal file
@ -0,0 +1,86 @@
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* ------------------------------- Buttons -------------------------------- */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.button-active.md-button:not([disabled]):hover,
|
||||
.buttonBlueLightRuleset.md-button:not([disabled]):hover {
|
||||
background-color: #3caed2 !important;
|
||||
}
|
||||
|
||||
.buttonBlueLight {
|
||||
background-color: #3caed2 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.buttonBlueLightSettings,
|
||||
.buttonBlueLightRuleset {
|
||||
background-color: #005571 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.invisibleButton {
|
||||
margin: 0px !important;
|
||||
padding: 0px !important;
|
||||
text-align: left !important;
|
||||
text-transform: none !important;
|
||||
}
|
||||
|
||||
.invisibleButton:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.invisibleButton:focus {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.md-button.buttonMenu.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: rgba(60, 174, 210, 0.7)
|
||||
}
|
||||
|
||||
.md-button.buttonMenu {
|
||||
background-color: #3caed2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
button._md-no-style.md-button.md-ink-ripple {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.md-button.buttonBlueLight.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: rgba(60, 174, 210, 0.7)
|
||||
}
|
||||
|
||||
.button-disabled {
|
||||
background: rgba(60, 174, 210, 0.3) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.tabView button._md-nav-button.md-accent.md-button.md-ink-ripple.md-active.md-primary {
|
||||
background-color: rgb(228, 228, 228);
|
||||
color: black;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.list-no-hover>.md-button:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.buttonBlueLight.md-default-theme:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.buttonBlueLight.md-raised.md-primary:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.buttonMenu.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.md-button.buttonBlueLightSettings.md-raised.md-primary:not([disabled]):hover{
|
||||
background-color: #3caed2 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: #c2e4ef;
|
||||
}
|
||||
@ -1,3 +1,80 @@
|
||||
/* Common HTML styles */
|
||||
|
||||
body {
|
||||
min-width: 1250px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
|
||||
body._md-toast-animating {
|
||||
overflow-y: scroll !important;
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
/* Wazuh Header */
|
||||
|
||||
.wazuh-h3 {
|
||||
font-size: 18px !important;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.wazuh-h1 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
|
||||
/* Discover-Full Directive */
|
||||
|
||||
.sidebar-container {
|
||||
font-family: "Open Sans", Helvetica, Arial, sans-serif
|
||||
}
|
||||
|
||||
/* Loading Ring styles */
|
||||
|
||||
div.uil-ring-css {
|
||||
transform: scale(0.6);
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.uil-ring-css {
|
||||
background: none;
|
||||
position: relative;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.uil-ring-css>div {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
border-radius: 80px;
|
||||
box-shadow: 0 3px 0 0 #3caed2;
|
||||
-webkit-transform-origin: 80px 81.5px;
|
||||
transform-origin: 80px 81.5px;
|
||||
-webkit-animation: uil-ring-anim 1.5s linear infinite;
|
||||
animation: uil-ring-anim 1.5s linear infinite;
|
||||
}
|
||||
|
||||
/* Navbar Directive */
|
||||
|
||||
navbar {
|
||||
padding: 0 0px 6px 7px;
|
||||
}
|
||||
|
||||
.md-tab.md-active {
|
||||
color: rgb(60, 174, 210) !important;
|
||||
}
|
||||
|
||||
.headBar {
|
||||
background-color: #f7f7f7;
|
||||
min-width: 463px;
|
||||
@ -11,36 +88,10 @@
|
||||
background-color: rgb(228, 228, 228);
|
||||
}
|
||||
|
||||
.tabView button._md-nav-button.md-accent.md-button.md-ink-ripple.md-active.md-primary {
|
||||
background-color: rgb(228, 228, 228);
|
||||
color: black;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.wazuh-h1 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
|
||||
.selectedItem {
|
||||
background-color: rgba(129, 200, 222, 0.7) !important
|
||||
}
|
||||
|
||||
.list-no-hover>.md-button:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.buttonBlueLight.md-default-theme:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.buttonBlueLight.md-raised.md-primary:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.buttonMenu.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover,
|
||||
.list-no-hover>.md-button.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.md-button.buttonBlueLightSettings.md-raised.md-primary:not([disabled]):hover{
|
||||
background-color: #3caed2 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.json-beautifier {
|
||||
background-color: ghostwhite;
|
||||
border: 1px solid silver;
|
||||
@ -59,3 +110,22 @@
|
||||
.json-string {
|
||||
color: olive;
|
||||
}
|
||||
|
||||
/* Input filter box styles */
|
||||
|
||||
.input-filter-box {
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
|
||||
font-size: 14px;
|
||||
padding: 0px 15px;
|
||||
margin-top: 18px;
|
||||
border: none;
|
||||
height: 40px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* Progress Linear */
|
||||
|
||||
md-progress-linear.md-default-theme ._md-bar,
|
||||
md-progress-linear ._md-bar {
|
||||
background-color: #3caed2;
|
||||
}
|
||||
|
||||
@ -24,7 +24,7 @@ kbn-vis, visualize, visualization {
|
||||
}
|
||||
|
||||
.kuiLocalNav {
|
||||
background-color: #e4e4e4;
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
|
||||
.kbn-vis-value td {
|
||||
@ -65,7 +65,7 @@ kbn-vis, visualize, visualization {
|
||||
|
||||
/* Adjusting the height of the visualization when its type is kbn-vis-value */
|
||||
.kbn-vis-value .vis-container {
|
||||
margin-top: -12px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
/* Adjusting the height of the visualization when its type is metric */
|
||||
@ -93,25 +93,28 @@ kbn-vis, visualize, visualization {
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
/*****************************************************************************************************/
|
||||
/************************************ Legacy integrations css ****************************************/
|
||||
/*****************************************************************************************************/
|
||||
.table-header-move {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
/****************************************************************************/
|
||||
/************************** Legacy integrations css *************************/
|
||||
/****************************************************************************/
|
||||
|
||||
.legacy-searchbar kbn-searchbar .kuiLocalNav {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
.legacy-searchbar .kuiLocalNav {
|
||||
min-height: 0 !important;
|
||||
margin-bottom: -16px;
|
||||
}
|
||||
|
||||
|
||||
.legacy-searchbar .kuiLocalNavRow--secondary {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.legacy-searchbar .typeahead {
|
||||
padding: 4px 10px 0 !important;
|
||||
background-color: #e4e4e4 !important;
|
||||
}
|
||||
|
||||
@ -4,4 +4,9 @@ require('plugins/wazuh/less/kbn.less');
|
||||
require('plugins/wazuh/less/main.less');
|
||||
require('plugins/wazuh/less/manager.less');
|
||||
require('plugins/wazuh/less/media-queries.less');
|
||||
require('plugins/wazuh/less/ruleset.less');
|
||||
require('plugins/wazuh/less/ruleset.less');
|
||||
require('plugins/wazuh/less/angular-md.less');
|
||||
require('plugins/wazuh/less/wazuh-navbar.less');
|
||||
require('plugins/wazuh/less/not-used.less');
|
||||
require('plugins/wazuh/less/buttons.less');
|
||||
require('plugins/wazuh/less/overview.less');
|
||||
|
||||
@ -1,418 +1,20 @@
|
||||
body {
|
||||
min-width: 1250px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* ------------------ Full angular material overrides --------------------- */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.md-button.active {
|
||||
background-color: rgba(158, 158, 158, 0.2);
|
||||
}
|
||||
|
||||
md-list-item.active._md-button-wrap.ng-scope._md.md-clickable {
|
||||
background-color: rgba(158, 158, 158, 0.2);
|
||||
}
|
||||
|
||||
md-card-content .ng-binding {
|
||||
color: rgb(102, 102, 102);
|
||||
}
|
||||
|
||||
.md-button.md-fab {
|
||||
line-height: 5.6rem;
|
||||
min-width: 0;
|
||||
width: 5.6rem;
|
||||
height: 5.6rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.md-button.md-fab md-icon {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-search-plus,
|
||||
.fa-search-minus {
|
||||
font-size: initial !important;
|
||||
}
|
||||
|
||||
.md-input-margin {
|
||||
margin: 18px 20px 0 0
|
||||
}
|
||||
|
||||
.md-input-margin {
|
||||
margin: 18px 20px 0 0
|
||||
}
|
||||
|
||||
md-input-container>md-select {
|
||||
background: #3caed2;
|
||||
border-radius: 3px;
|
||||
color: white;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
span.md-headline {
|
||||
color: #555;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.md-headline-small {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* Loading ring css */
|
||||
|
||||
div.uil-ring-css {
|
||||
transform: scale(0.6);
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.uil-ring-css {
|
||||
background: none;
|
||||
position: relative;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.uil-ring-css>div {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
border-radius: 80px;
|
||||
box-shadow: 0 3px 0 0 #3caed2;
|
||||
-webkit-transform-origin: 80px 81.5px;
|
||||
transform-origin: 80px 81.5px;
|
||||
-webkit-animation: uil-ring-anim 1.5s linear infinite;
|
||||
animation: uil-ring-anim 1.5s linear infinite;
|
||||
}
|
||||
|
||||
/* Dis full directive */
|
||||
.sidebar-container {
|
||||
font-family: "Open Sans", Helvetica, Arial, sans-serif
|
||||
}
|
||||
|
||||
.wazuh-h3 {
|
||||
font-size: 18px !important;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* -------------------------- Manager status ------------------------------ */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.status {
|
||||
width: 3%;
|
||||
}
|
||||
|
||||
.green {
|
||||
background-color: rgb(49, 196, 113);
|
||||
}
|
||||
|
||||
.red {
|
||||
background-color: #da534f;
|
||||
}
|
||||
|
||||
.statusBox.green {
|
||||
background-color: rgb(49, 196, 113);
|
||||
}
|
||||
|
||||
.statusBox.red {
|
||||
background-color: #da534f;
|
||||
}
|
||||
|
||||
.statusBox.orange {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.status.grey {
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
.status.round {
|
||||
border-radius: 50%;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.status.rectangle {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.right-text {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* -------------------------- Agents preview ------------------------------ */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.sideNavBox {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* -------------------------- App nav menu -------------------------------- */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
#header_logo>a {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-left: 15px;
|
||||
margin-right: 27px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
li#header_logo {
|
||||
margin-left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.autocomplete-custom-agents-bar li {
|
||||
border-bottom: 1px solid #ccc;
|
||||
height: auto;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.autocomplete-custom-agents-bar li:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.autocomplete-custom-agents-bar .item-title,
|
||||
.autocomplete-custom-agents-bar .item-metadata {
|
||||
display: block;
|
||||
line-height: 2;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.statusBox {
|
||||
padding: 0 6px;
|
||||
margin: 6px 8px;
|
||||
line-height: 36px;
|
||||
min-height: 36px;
|
||||
background: white;
|
||||
white-space: nowrap;
|
||||
min-width: 111px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
margin-top: 11px !important;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.statusBox.large {
|
||||
min-width: 120px !important;
|
||||
}
|
||||
|
||||
.statusBox.extraLarge {
|
||||
min-width: 150px !important;
|
||||
}
|
||||
|
||||
.pagination-other-pages-list>li a {
|
||||
text-decoration: none;
|
||||
background-color: #f6f6f6;
|
||||
margin-left: 2px;
|
||||
padding: 8px 11px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.pagination-other-pages-list {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
body._md-toast-animating {
|
||||
overflow-y: scroll !important;
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div md-nav-ink-bar {
|
||||
left: 0px !important;
|
||||
width: 0px !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav {
|
||||
padding-top: 12px;
|
||||
height: 70px;
|
||||
background-color: #00445a !important;
|
||||
color: #3caed2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav ul li a {
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
color: #ffffff !important;
|
||||
font-size: 14px !important;
|
||||
padding-bottom: 0px;
|
||||
height: 96%;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav ul li a:hover {
|
||||
background-color: #005571 !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav ul li .md-active {
|
||||
background-color: #0079a5 !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNav .md-button:not([disabled]):hover{
|
||||
background-color: #0079a5 !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNavBar {
|
||||
min-width: 1015px;
|
||||
background-color: #005571 !important;
|
||||
}
|
||||
|
||||
.contentMin {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.wazuhMenuNavBar_gear {
|
||||
float: right;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.wazuhMenuNavBar_gear i.fa.fa-cog {
|
||||
font-size: 18px;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
|
||||
.subNavLine a {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.subNavLine div {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.subNavLine button {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.secondLevelNavLine button {
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
}
|
||||
|
||||
.secondLevelNavLine div {
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
}
|
||||
|
||||
._md-select-value {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.md-toolbar-tools {
|
||||
font-size: 15px !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
md-list.agents-preview-table:hover {
|
||||
background-color: #c2e4ef;
|
||||
}
|
||||
|
||||
.table-header-move {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.invisibleButton {
|
||||
margin: 0px !important;
|
||||
padding: 0px !important;
|
||||
text-align: left !important;
|
||||
text-transform: none !important;
|
||||
}
|
||||
|
||||
.invisibleButton:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.invisibleButton:focus {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
md-nav-bar {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
|
||||
md-select-menu:not(._md-overflow) md-content {
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
|
||||
md-list.agents-preview-table:focus {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.input-filter-box {
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
|
||||
font-size: 14px;
|
||||
padding: 0px 15px;
|
||||
margin-top: 18px;
|
||||
border: none;
|
||||
height: 40px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
md-content {
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
|
||||
.md-button.buttonMenu.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: rgba(60, 174, 210, 0.7)
|
||||
}
|
||||
|
||||
.md-button.buttonMenu {
|
||||
background-color: #3caed2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.app-container.vis-editor {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
md-nav-bar.md-default-theme .md-button._md-nav-button.md-unselected,
|
||||
md-nav-bar .md-button._md-nav-button.md-unselected {
|
||||
color: #141414;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.logTableCodeOdd,
|
||||
md-toolbar.md-default-theme:not(.md-menu-toolbar),
|
||||
md-toolbar:not(.md-menu-toolbar) {
|
||||
background-color: #f7f7f7
|
||||
}
|
||||
|
||||
.md-nav-bar {
|
||||
border: none !important;
|
||||
.md-toolbar-tools {
|
||||
font-size: 15px !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.md-toolbar-tools h1,
|
||||
@ -435,96 +37,22 @@ md-list.even {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
md-input-container.md-whiteframe-z1.flex.md-input-has-value {
|
||||
box-shadow: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
md-progress-linear.md-default-theme ._md-bar,
|
||||
md-progress-linear ._md-bar {
|
||||
background-color: #3caed2;
|
||||
}
|
||||
|
||||
.button-active.md-button:not([disabled]):hover,
|
||||
.buttonBlueLightRuleset.md-button:not([disabled]):hover {
|
||||
background-color: #3caed2 !important;
|
||||
}
|
||||
|
||||
.button-disabled {
|
||||
background: rgba(60, 174, 210, 0.3) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content,
|
||||
md-select-menu md-content,
|
||||
.button-active {
|
||||
background: #0079a5 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.md-input-focused,
|
||||
md-select.md-default-theme:not([disabled]):focus ._md-select-value,
|
||||
md-select:not([disabled]):focus ._md-select-value {
|
||||
color: white;
|
||||
}
|
||||
|
||||
input#searchBox,
|
||||
md-autocomplete-wrap.md-whiteframe-z1.layout-row ,
|
||||
md-input-container.md-whiteframe-z1.flex-20.md-input-has-value {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
md-input-container.md-whiteframe-z1.flex-20.md-input-has-value {
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
button._md-no-style.md-button.md-ink-ripple {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.horizontal-menu-right .md-whiteframe-1dp,
|
||||
.horizontal-menu-right .md-whiteframe-z1 {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
md-input-container.md-whiteframe-z1.flex-20 {
|
||||
background: white;
|
||||
}
|
||||
|
||||
md-select.md-default-theme ._md-select-value._md-select-placeholder,
|
||||
md-select ._md-select-value._md-select-placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#settingButtonTop {
|
||||
float: right;
|
||||
clear: both;
|
||||
position: absolute;
|
||||
color: white;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.buttonBlueLight {
|
||||
background-color: #3caed2 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.buttonBlueLightSettings,
|
||||
.buttonBlueLightRuleset {
|
||||
background-color: #005571 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.md-button.buttonBlueLight.md-default-theme:not([disabled]):hover,
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: rgba(60, 174, 210, 0.7)
|
||||
}
|
||||
|
||||
input.ng-invalid.ng-dirty,
|
||||
input.ng-invalid.ng-touched,
|
||||
textarea.ng-invalid.ng-dirty,
|
||||
@ -534,24 +62,6 @@ select.ng-invalid.ng-touched {
|
||||
border-color: #3caed2 !important;
|
||||
}
|
||||
|
||||
md-input-container.md-default-theme.md-input-invalid label,
|
||||
md-input-container.md-input-invalid label {
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
md-input-container.md-default-theme label.md-required:after,
|
||||
md-input-container label.md-required:after {
|
||||
color: #3caed2 !important;
|
||||
}
|
||||
|
||||
md-input-container.md-default-theme label,
|
||||
md-input-container label,
|
||||
md-input-container.md-default-theme ._md-placeholder,
|
||||
md-input-container ._md-placeholder {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
md-autocomplete input::-webkit-input-placeholder,
|
||||
md-autocomplete input:-moz-placeholder,
|
||||
md-autocomplete input::-moz-placeholder {
|
||||
@ -574,6 +84,18 @@ md-card.cardHover:hover {
|
||||
background-color: #c2e4ef;
|
||||
}
|
||||
|
||||
md-content._md.layout-row {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
md-content {
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
|
||||
md-card md-card-content {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
i.fa.fa-times {
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -582,10 +104,6 @@ a.pull-right {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
md-content._md.layout-row {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.visualize-show-spy {
|
||||
display: none;
|
||||
}
|
||||
@ -599,7 +117,6 @@ md-content._md.layout-row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.localNav {
|
||||
min-height: 33px;
|
||||
}
|
||||
@ -614,28 +131,10 @@ visualization .vis-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.md-button:not([disabled]):hover {
|
||||
background-color: #c2e4ef;
|
||||
}
|
||||
|
||||
.md-whiteframe-1dp {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
md-input-container {
|
||||
margin: 0 0;
|
||||
margin-top: 18px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
md-input-container>md-select {
|
||||
background: white;
|
||||
color: black;
|
||||
padding: 4px;
|
||||
padding-bottom: 6px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
md-select:not([disabled]):focus .md-select-value,
|
||||
md-select.md-default-theme .md-select-value,
|
||||
md-select .md-select-value {
|
||||
@ -643,28 +142,6 @@ md-select .md-select-value {
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
.md-select-menu-container.md-active md-select-menu>* {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content md-option[selected],
|
||||
md-select-menu md-content md-option[selected] {
|
||||
color: black;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content md-option,
|
||||
md-select-menu md-content md-option {
|
||||
color: black;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus,
|
||||
md-select-menu md-content md-option:not([disabled]):focus,
|
||||
md-select-menu.md-default-theme md-content md-option:not([disabled]):hover,
|
||||
md-select-menu md-content md-option:not([disabled]):hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.vis-expand-leyend .legend-col-wrapper .legend-ul {
|
||||
width: 363px;
|
||||
}
|
||||
@ -677,35 +154,7 @@ svg:not(:root) {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
md-tooltip.md-default-theme,
|
||||
md-tooltip {
|
||||
color: white;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
md-tooltip.md-default-theme .md-content,
|
||||
md-tooltip .md-content {
|
||||
background-color: black;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
md-card md-card-content {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
md-select.md-default-theme .md-select-value.md-select-placeholder,
|
||||
md-select .md-select-value.md-select-placeholder {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.tab-content .row {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
navbar {
|
||||
padding: 0 0px 6px 7px;
|
||||
}
|
||||
|
||||
.md-tab.md-active {
|
||||
color: rgb(60, 174, 210) !important;
|
||||
}
|
||||
|
||||
@ -26,3 +26,205 @@
|
||||
background-color: #3caed2 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.tab-content .row {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* -------------------------- Manager status ------------------------------ */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.statusBox {
|
||||
padding: 0 6px;
|
||||
margin: 6px 8px;
|
||||
line-height: 36px;
|
||||
min-height: 36px;
|
||||
background: white;
|
||||
white-space: nowrap;
|
||||
min-width: 111px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
margin-top: 11px !important;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.statusBox.large {
|
||||
min-width: 120px !important;
|
||||
}
|
||||
|
||||
.statusBox.extraLarge {
|
||||
min-width: 150px !important;
|
||||
}
|
||||
|
||||
.status {
|
||||
width: 3%;
|
||||
}
|
||||
|
||||
.green {
|
||||
background-color: rgb(49, 196, 113);
|
||||
}
|
||||
|
||||
.red {
|
||||
background-color: #da534f;
|
||||
}
|
||||
|
||||
.statusBox.green {
|
||||
background-color: rgb(49, 196, 113);
|
||||
}
|
||||
|
||||
.statusBox.red {
|
||||
background-color: #da534f;
|
||||
}
|
||||
|
||||
.statusBox.orange {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.status.grey {
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
.status.round {
|
||||
border-radius: 50%;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.status.rectangle {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.right-text {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* -------------------------- Manager Tab Styles -------------------------- */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.manager-status-daemons-item,
|
||||
.manager-status-statistics {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.manager-status-item {
|
||||
font-size: 19pt;
|
||||
}
|
||||
|
||||
.manager-status-item-coverity {
|
||||
font-size: 19pt;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.manager-status-subtitle {
|
||||
font-weight: bold;
|
||||
min-width: 150px
|
||||
}
|
||||
|
||||
.manager-configuration-p-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.manager-groups-no-scroll,
|
||||
.manager-configuration-no-overflow {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.manager-log-buttonplay {
|
||||
margin-top: 20px;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.manager-log-top-row {
|
||||
height: 70px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.manager-log-buttonplay-i {
|
||||
margin-top: 0px;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.manager-log-input-1 {
|
||||
margin-right: 15px;
|
||||
margin-left: 15px;
|
||||
padding: 3px
|
||||
}
|
||||
|
||||
.manager-log-input-2 {
|
||||
margin-right: 0px;
|
||||
margin-left: 20px;
|
||||
padding: 3px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.manager-log-filter-box {
|
||||
height: 35px;
|
||||
width:auto;
|
||||
margin-right: 15px;
|
||||
margin-left: 15px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.manager-log-list {
|
||||
overflow: auto;
|
||||
height:400px;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* ----------------------- Manager Groups Tab Styles ---------------------- */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.manager-groups-main-div {
|
||||
background-color: #e3e3e3;
|
||||
}
|
||||
|
||||
.manager-groups-file-back {
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
.manager-groups-left-col {
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
.manager-groups-right-col {
|
||||
width: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.manager-groups-right-search-box {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.manager-groups-left-search-box {
|
||||
height: 35px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.manager-groups-left-panel {
|
||||
background-color: #E4E4E4;
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
box-shadow: 0 0px 0px rgba(10, 16, 20, .15), 0 0 0px rgba(10, 16, 20, .12) !important;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.manager-groups-search-file {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.manager-groups-agents-card,
|
||||
.manager-groups-files-card {
|
||||
overflow: hidden;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
66
public/less/not-used.less
Normal file
66
public/less/not-used.less
Normal file
@ -0,0 +1,66 @@
|
||||
.subNavLine a {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.subNavLine div {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.subNavLine button {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.secondLevelNavLine button {
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
}
|
||||
|
||||
.secondLevelNavLine div {
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
}
|
||||
|
||||
#settingButtonTop {
|
||||
float: right;
|
||||
clear: both;
|
||||
position: absolute;
|
||||
color: white;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.md-select-menu-container.md-active md-select-menu>* {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content md-option[selected],
|
||||
md-select-menu md-content md-option[selected] {
|
||||
color: black;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content md-option,
|
||||
md-select-menu md-content md-option {
|
||||
color: black;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus,
|
||||
md-select-menu md-content md-option:not([disabled]):focus,
|
||||
md-select-menu.md-default-theme md-content md-option:not([disabled]):hover,
|
||||
md-select-menu md-content md-option:not([disabled]):hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #555;
|
||||
}
|
||||
|
||||
md-select-menu.md-default-theme md-content,
|
||||
md-select-menu md-content,
|
||||
.button-active {
|
||||
background: #0079a5 !important;
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
md-select-menu:not(._md-overflow) md-content {
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
99
public/less/overview.less
Normal file
99
public/less/overview.less
Normal file
@ -0,0 +1,99 @@
|
||||
/* OVERVIEW TAB STYLES */
|
||||
|
||||
.overview-fim-last-file,
|
||||
.overview-fim-most-file,
|
||||
.overview-fim-no-results,
|
||||
.overview-general-no-results,
|
||||
.overview-general-top-source,
|
||||
.overview-pm-no-results,
|
||||
.overview-oscap-score-item,
|
||||
.overview-oscap-top-row,
|
||||
.overview-oscap-no-results,
|
||||
.overview-audit-no-results,
|
||||
.overview-audit-latest-alert,
|
||||
.overview-pci-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.overview-fim-discover,
|
||||
.overview-general-discover,
|
||||
.overview-pm-discover,
|
||||
.overview-oscap-discover,
|
||||
.overview-audit-discover,
|
||||
.overview-pci-discover,
|
||||
.overview-pci-tabs-row {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.overview-pci-tabs-item {
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.overview-fim-last-file-div,
|
||||
.overview-fim-most-file-div,
|
||||
.overview-general-metric-row,
|
||||
.overview-oscap-score-row,
|
||||
.overview-oscap-top-row-div,
|
||||
.overview-audit-metric-row {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.overview-audit-after-metric-row {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.overview-fim-file-changes-div {
|
||||
height: 213px;
|
||||
}
|
||||
|
||||
.overview-oscap-pie-row {
|
||||
height: 215px;
|
||||
}
|
||||
|
||||
.overview-general-alerts {
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
.overview-pm-events-evolution,
|
||||
.overview-oscap-top-5-row {
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.overview-pci-requirements-row,
|
||||
.overview-pci-agents-row {
|
||||
height: 255px;
|
||||
}
|
||||
|
||||
.overview-general-top-agents {
|
||||
height: 270px;
|
||||
}
|
||||
|
||||
.overview-pm-top-row {
|
||||
height: 290px;
|
||||
}
|
||||
|
||||
.overview-fim-metrics-div{
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.overview-audit-alerts-over-time {
|
||||
height: 310px;
|
||||
}
|
||||
|
||||
.overview-oscap-top-10-row {
|
||||
height: 320px;
|
||||
}
|
||||
|
||||
.overview-audit-mid-group {
|
||||
height: 448px;
|
||||
}
|
||||
|
||||
.overview-general-summary,
|
||||
.overview-fim-events-summary,
|
||||
.overview-pm-alerts-summary,
|
||||
.overview-oscap-last-alerts,
|
||||
.overview-audit-last-alerts,
|
||||
.overview-pci-last-alerts {
|
||||
height: 530px;
|
||||
}
|
||||
@ -17,3 +17,124 @@ md-list-item.ruleset_rules_row_active {
|
||||
.listHover:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------ */
|
||||
/* ------------------------ Ruleset Sub-Tab Styles ------------------------ */
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
.manager-ruleset-decoders-top-span {
|
||||
padding-left: 0px;
|
||||
margin-top: 6px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-top-24 {
|
||||
margin: 0;
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-no-padding {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-btn {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.manager-ruleset-bold,
|
||||
.manager-ruleset-rules-bold {
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-300,
|
||||
.manager-ruleset-rules-col-300 {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-mdtoolbar {
|
||||
margin-top: 13px;
|
||||
min-height: 38px;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-selector {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 0;
|
||||
border-radius: 3px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-top-content {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
min-height: 53px;
|
||||
height: 53px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.manager-ruleset-decoders-md-chips {
|
||||
background-color: #f7f7f7;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-f12 {
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-top-row {
|
||||
padding: 0px;
|
||||
height:200px
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-button-bar {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
min-height: 53px;
|
||||
height: 53px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-button-bar-span {
|
||||
padding-left: 0px;
|
||||
margin-top: 6px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-rulbtn {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-decbtn {
|
||||
padding: 2px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-mdtoolbar {
|
||||
margin-top: 13px;
|
||||
min-height: 38px;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-card-info {
|
||||
margin-top: 19px;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
padding-top: 3px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.manager-ruleset-rules-card-info-padding {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
125
public/less/wazuh-navbar.less
Normal file
125
public/less/wazuh-navbar.less
Normal file
@ -0,0 +1,125 @@
|
||||
/* --------------------------------------------------------------------- */
|
||||
/* --------------------------- App nav menu ---------------------------- */
|
||||
/* --------------------------------------------------------------------- */
|
||||
|
||||
#header_logo>a {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-left: 15px;
|
||||
margin-right: 27px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
li#header_logo {
|
||||
margin-left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.autocomplete-custom-agents-bar li {
|
||||
border-bottom: 1px solid #ccc;
|
||||
height: auto;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.autocomplete-custom-agents-bar li:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.autocomplete-custom-agents-bar .item-title,
|
||||
.autocomplete-custom-agents-bar .item-metadata {
|
||||
display: block;
|
||||
line-height: 2;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.pagination-other-pages-list>li a {
|
||||
text-decoration: none;
|
||||
background-color: #f6f6f6;
|
||||
margin-left: 2px;
|
||||
padding: 8px 11px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.pagination-other-pages-list {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div md-nav-ink-bar {
|
||||
left: 0px !important;
|
||||
width: 0px !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav {
|
||||
padding-top: 12px;
|
||||
height: 70px;
|
||||
background-color: #00445a !important;
|
||||
color: #3caed2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav ul li a {
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
color: #ffffff !important;
|
||||
font-size: 14px !important;
|
||||
padding-bottom: 0px;
|
||||
height: 96%;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav ul li a:hover {
|
||||
background-color: #005571 !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNav div nav ul li .md-active {
|
||||
background-color: #0079a5 !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNav .md-button:not([disabled]):hover{
|
||||
background-color: #0079a5 !important;
|
||||
}
|
||||
|
||||
.wazuhMenuNavBar {
|
||||
min-width: 1015px;
|
||||
background-color: #005571 !important;
|
||||
}
|
||||
|
||||
.contentMin {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.wazuhMenuNavBar_gear {
|
||||
float: right;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.wazuhMenuNavBar_gear i.fa.fa-cog {
|
||||
font-size: 18px;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------------------- */
|
||||
/* ---------------------------- md-nav-bar ----------------------------- */
|
||||
/* --------------------------------------------------------------------- */
|
||||
|
||||
md-nav-bar {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
|
||||
md-nav-bar.md-default-theme .md-button._md-nav-button.md-unselected,
|
||||
md-nav-bar .md-button._md-nav-button.md-unselected {
|
||||
color: #141414;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.md-nav-bar {
|
||||
border: none !important;
|
||||
}
|
||||
@ -146,25 +146,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.agents-audit-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.agents-audit-no-results,
|
||||
.agents-audit-center {
|
||||
text-align: center;
|
||||
}
|
||||
.agents-audit-row-100 {
|
||||
height: 100px;
|
||||
}
|
||||
.agents-audit-row-230 {
|
||||
height: 230px;
|
||||
}
|
||||
.agents-audit-row-530 {
|
||||
height: 530px;
|
||||
}
|
||||
.agents-audit-row-448 {
|
||||
height: 448px;
|
||||
}
|
||||
</style>
|
||||
@ -103,18 +103,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.agents-fim-no-results{
|
||||
text-align: center;
|
||||
}
|
||||
.agents-fim-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.agents-fim-row {
|
||||
height: 230px;
|
||||
}
|
||||
.agents-fim-summary-row {
|
||||
height: 540px;
|
||||
}
|
||||
</style>
|
||||
@ -87,7 +87,7 @@
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
|
||||
<md-card flex="25">
|
||||
<md-card flex="25">
|
||||
<md-card-content class="wazuh-column">
|
||||
<span class="md-headline">Severity</span>
|
||||
<kbn-vis vis-id="'Wazuh-App-Agents-OSCAP-Severity'" id="Wazuh-App-Agents-OSCAP-Severity"></kbn-vis>
|
||||
@ -142,28 +142,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
|
||||
<style>
|
||||
.agents-oscap-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
.agents-oscap-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.agents-oscap-item-center {
|
||||
text-align: center;
|
||||
}
|
||||
.agents-oscap-row-100 {
|
||||
height: 100px;
|
||||
}
|
||||
.agents-oscap-row-230 {
|
||||
height: 230px;
|
||||
}
|
||||
.agents-oscap-row-250 {
|
||||
height: 250px;
|
||||
}
|
||||
.agents-oscap-row-540 {
|
||||
height: 540px;
|
||||
}
|
||||
</style>
|
||||
@ -23,7 +23,7 @@
|
||||
</div>
|
||||
|
||||
<div ng-show='hideRing(7) && !loading' ng-if="tabView == 'panels'">
|
||||
|
||||
|
||||
<div layout="row" class="agents-overview-top-metric-row">
|
||||
<md-card flex>
|
||||
<md-card-content class="agents-overview-top-metric-item">
|
||||
@ -109,7 +109,7 @@
|
||||
|
||||
<!-- View: Panels -->
|
||||
<div ng-show='hideRing(7) && results' ng-if="tabView == 'panels' && !loading" class="wazuh-column">
|
||||
|
||||
|
||||
<div layout="row" class="agents-overview-top">
|
||||
<md-card flex="33">
|
||||
<md-card-content class="wazuh-column">
|
||||
@ -162,27 +162,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.agents-overview-no-results,
|
||||
.agents-overview-top-metric-item {
|
||||
text-align: center;
|
||||
}
|
||||
.agents-overview-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.agents-overview-top,
|
||||
.agents-overview-alerts {
|
||||
height: 230px;
|
||||
}
|
||||
.agents-overview-summary {
|
||||
height: 540px;
|
||||
}
|
||||
.agents-overview-top-metric-row,
|
||||
.agents-overview-second-row {
|
||||
height: 100px;
|
||||
}
|
||||
.agents-overview-size-14 {
|
||||
font-size: 14pt;
|
||||
}
|
||||
</style>
|
||||
@ -80,23 +80,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.agents-pci-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.agents-pci-no-results,
|
||||
.agents-pci-center {
|
||||
text-align: center;
|
||||
}
|
||||
.agents-pci-row-540 {
|
||||
height: 540px;
|
||||
}
|
||||
.agents-pci-row-225 {
|
||||
height: 225px;
|
||||
}
|
||||
.agents-pci-h1 {
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -74,18 +74,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.agents-pm-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
.agents-pm-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.agents-pm-top-row {
|
||||
height: 240px;
|
||||
}
|
||||
.agents-pm-alerts-summary {
|
||||
height: 540px;
|
||||
}
|
||||
</style>
|
||||
@ -1,5 +1,5 @@
|
||||
<div flex ng-if="tab == 'preview'" ng-show="!loading" ng-controller="agentsPreviewController" class="agentsPreview" layout="column" layout-align="start space-around">
|
||||
|
||||
|
||||
<div layout="row" layout-align="space-between stretch">
|
||||
<md-card flex class="cardHover agents-preview-metrics-left">
|
||||
<md-card-content class="agents-preview-metrics" ng-click="applyAgent(lastAgent)">
|
||||
@ -103,24 +103,3 @@
|
||||
<md-divider></md-divider>
|
||||
<md-content><md-progress-linear class="md-accent" md-mode="indeterminate" ng-show="agents.busy && !agents.end"></md-progress-linear></md-content>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.agents-preview-metrics {
|
||||
text-align: center;
|
||||
}
|
||||
.agents-preview-metrics-item {
|
||||
font-size: 16pt;
|
||||
}
|
||||
.agents-preview-metrics-right {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.agents-preview-metrics-left {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.agents-preview-search-box {
|
||||
width: 100%;
|
||||
}
|
||||
.agents-preview-agents-list {
|
||||
height:300px;
|
||||
}
|
||||
</style>
|
||||
@ -132,48 +132,3 @@
|
||||
</md-tabs>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.manager-groups-main-div {
|
||||
background-color: #e3e3e3;
|
||||
}
|
||||
.manager-groups-left-col {
|
||||
margin:10px;
|
||||
}
|
||||
.manager-groups-left-search-box {
|
||||
height: 35px;
|
||||
margin: 5px;
|
||||
}
|
||||
.manager-groups-right-search-box {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
.manager-groups-left-panel {
|
||||
background-color: #E4E4E4;
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
box-shadow: 0 0px 0px rgba(10, 16, 20, .15), 0 0 0px rgba(10, 16, 20, .12) !important;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
.manager-groups-right-col {
|
||||
width: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
.manager-groups-file-back {
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
.manager-groups-search-file {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
.manager-groups-agents-card,
|
||||
.manager-groups-files-card {
|
||||
overflow: hidden;
|
||||
height: 400px;
|
||||
}
|
||||
.manager-groups-no-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@ -340,8 +340,6 @@
|
||||
</span>
|
||||
<md-divider></md-divider>
|
||||
</span>
|
||||
|
||||
|
||||
<span ng-if="managerConfiguration.rootcheck.system_audit">
|
||||
<span layout="row" layout-align="space-between center">
|
||||
<p class="manager-configuration-p-bold"> System audit files</p>
|
||||
@ -369,7 +367,6 @@
|
||||
<p ng-if="item.command" class=".manager-configuration-no-overflow"> {{ item.command }} </p>
|
||||
<p class="right-text">{{ item.log_format }}</p>
|
||||
</span>
|
||||
|
||||
<span ng-if="item.alias">
|
||||
<span layout="row" layout-align="space-between center">
|
||||
<p>Alias</p>
|
||||
@ -388,10 +385,8 @@
|
||||
<p> {{ item.check_diff }} </p>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<md-divider></md-divider>
|
||||
</span>
|
||||
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
<md-card ng-if="managerConfiguration.wodle && managerConfiguration.wodle.name == 'open-scap'">
|
||||
@ -686,12 +681,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.manager-configuration-p-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.manager-configuration-no-overflow {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@ -1,5 +1,5 @@
|
||||
<div flex ng-cloak ng-if="!loading && submenuNavItem == 'logs'" layout="column" ng-controller="managerLogController" class="manager-background">
|
||||
|
||||
|
||||
<div layout="row" layout-align="start start" class="manager-log-top-row">
|
||||
<md-input-container class="md-whiteframe-z1 manager-log-input-1" flex="20">
|
||||
<md-select id="categoryBox" ng-model="category" ng-change="category == 'all' ? logs.removeFilter('category', true) : logs.addFilter('category', category)"
|
||||
@ -33,7 +33,6 @@
|
||||
<input flex placeholder="Filter" type="text" ng-model="searchTerm" ng-change="logs.addFilter('search', searchTerm)" class="input-filter-box manager-log-filter-box">
|
||||
</div>
|
||||
|
||||
|
||||
<div flex layout="column" class="md-padding">
|
||||
|
||||
<md-toolbar flex layout="row" class="md-toolbar-tools">
|
||||
@ -59,41 +58,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.manager-log-buttonplay {
|
||||
margin-top: 20px;
|
||||
width: 180px;
|
||||
}
|
||||
.manager-log-top-row {
|
||||
height: 70px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
.manager-log-buttonplay-i {
|
||||
margin-top: 0px;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.manager-log-input-1 {
|
||||
margin-right: 15px;
|
||||
margin-left: 15px;
|
||||
padding: 3px
|
||||
}
|
||||
.manager-log-input-2 {
|
||||
margin-right: 0px;
|
||||
margin-left: 20px;
|
||||
padding: 3px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.manager-log-filter-box {
|
||||
height: 35px;
|
||||
width:auto;
|
||||
margin-right: 15px;
|
||||
margin-left: 15px;
|
||||
padding: 3px;
|
||||
}
|
||||
.manager-log-list {
|
||||
overflow: auto;
|
||||
height:400px;
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,8 @@
|
||||
<md-content flex layout="column" ng-if="!load && submenuNavItem == 'status'" ng-controller="managerStatusController">
|
||||
<md-content flex layout="column" ng-if="!load && submenuNavItem == 'status'" ng-controller="managerStatusController">
|
||||
<div class='uil-ring-css' ng-show="load"><div></div></div>
|
||||
|
||||
|
||||
<div flex layout="column" ng-show="!load" layout-align="start stretch">
|
||||
|
||||
|
||||
<div class="joinCardsRow" layout="row" layout-align="start stretch">
|
||||
<md-card flex ng-repeat="(k,v) in daemons">
|
||||
<md-card-content class="manager-status-daemons-item">
|
||||
@ -12,8 +12,8 @@
|
||||
</center>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="joinCardsRow" layout="row" layout-align="start stretch">
|
||||
<md-card flex>
|
||||
<md-card-content class="manager-status-statistics">
|
||||
@ -46,7 +46,7 @@
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="joinCardsRow" layout="row" layout-align="start stretch">
|
||||
<md-card flex="50">
|
||||
<md-card-content>
|
||||
@ -87,7 +87,7 @@
|
||||
</div>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
|
||||
|
||||
<md-card flex="50">
|
||||
<md-card-content>
|
||||
<h3 class="wazuh-h3">Last registered agent</h3>
|
||||
@ -123,28 +123,10 @@
|
||||
<span layout="row">
|
||||
<p class="manager-status-subtitle">Operating system</p>
|
||||
<p class="right-text">{{agentInfo.os.name ? agentInfo.os.name + agentInfo.os.version : agentInfo.os.uname ? agentInfo.os.uname : '-'}}</p>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.manager-status-daemons-item,
|
||||
.manager-status-statistics {
|
||||
text-align: center;
|
||||
}
|
||||
.manager-status-item {
|
||||
font-size: 19pt;
|
||||
}
|
||||
.manager-status-item-coverity {
|
||||
font-size: 19pt;
|
||||
text-align: center;
|
||||
}
|
||||
.manager-status-subtitle {
|
||||
font-weight: bold;
|
||||
min-width: 150px
|
||||
}
|
||||
</style>
|
||||
@ -6,28 +6,28 @@
|
||||
<!-- Local nav. -->
|
||||
<div ng-if="hideRing(11) && !loading" ng-controller="kibanaSearchbar">
|
||||
<kbn-top-nav name="overview_audit" config="topNavMenu">
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</kbn-top-nav>
|
||||
|
||||
<!-- Filters. -->
|
||||
<filter-bar
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
></filter-bar>
|
||||
</div>
|
||||
|
||||
@ -167,30 +167,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.overview-audit-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-audit-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.overview-audit-metric-row {
|
||||
height: 100px;
|
||||
}
|
||||
.overview-audit-latest-alert {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-audit-after-metric-row {
|
||||
height: 200px;
|
||||
}
|
||||
.overview-audit-alerts-over-time {
|
||||
height: 310px;
|
||||
}
|
||||
.overview-audit-mid-group {
|
||||
height: 448px;
|
||||
}
|
||||
.overview-audit-last-alerts {
|
||||
height: 530px;
|
||||
}
|
||||
</style>
|
||||
@ -6,28 +6,28 @@
|
||||
<!-- Local nav. -->
|
||||
<div ng-if="hideRing(17) && !loading" ng-controller="kibanaSearchbar">
|
||||
<kbn-top-nav name="overview_fim" config="topNavMenu">
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</kbn-top-nav>
|
||||
|
||||
<!-- Filters. -->
|
||||
<filter-bar
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
></filter-bar>
|
||||
</div>
|
||||
|
||||
@ -176,29 +176,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.overview-fim-metrics-div{
|
||||
height: 300px;
|
||||
}
|
||||
.overview-fim-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-fim-discover {
|
||||
background-color: white
|
||||
}
|
||||
.overview-fim-last-file,
|
||||
.overview-fim-most-file {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-fim-file-changes-div {
|
||||
height: 213px;
|
||||
}
|
||||
.overview-fim-last-file-div,
|
||||
.overview-fim-most-file-div {
|
||||
height: 100px;
|
||||
}
|
||||
.overview-fim-events-summary {
|
||||
height: 530px;
|
||||
}
|
||||
</style>
|
||||
@ -6,28 +6,28 @@
|
||||
<!-- Local nav. -->
|
||||
<div ng-if="hideRing(15) && !loading" ng-controller="kibanaSearchbar">
|
||||
<kbn-top-nav name="overview_general" config="topNavMenu">
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</kbn-top-nav>
|
||||
|
||||
<!-- Filters. -->
|
||||
<filter-bar
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
></filter-bar>
|
||||
</div>
|
||||
|
||||
@ -95,7 +95,7 @@
|
||||
</md-card>
|
||||
<md-card flex>
|
||||
<md-card-content class="wazuh-column">
|
||||
<span class="md-headline">Alerts evolution - Top 5 agents</span>
|
||||
<span class="md-headline">Alerts evolution - Top 5 agents</span>
|
||||
<kbn-vis vis-id="'Wazuh-App-Overview-General-Alerts-evolution-Top-5-agents'" id="Wazuh-App-Overview-General-Alerts-evolution-Top-5-agents"></kbn-vis>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
@ -106,7 +106,7 @@
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
|
||||
|
||||
<div layout="row" layout-align="center stretch" class="overview-general-metric-row">
|
||||
<md-card flex>
|
||||
<md-card-content class="wazuh-column overview-general-top-source">
|
||||
@ -133,7 +133,7 @@
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
|
||||
|
||||
<div layout="row" layout-align="center stretch" class="overview-general-summary">
|
||||
<md-card flex="60">
|
||||
<md-card-content class="wazuh-column">
|
||||
@ -148,39 +148,5 @@
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
<div flex></div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
/**
|
||||
* OVERVIEW - GENERAL
|
||||
*/
|
||||
.overview-general-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.overview-general-discover {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.overview-general-metric-row {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.overview-general-alerts {
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
.overview-general-top-agents {
|
||||
height: 270px;
|
||||
}
|
||||
|
||||
.overview-general-top-source {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.overview-general-summary {
|
||||
height: 530px;
|
||||
}
|
||||
</style>
|
||||
@ -6,28 +6,28 @@
|
||||
<!-- Local nav. -->
|
||||
<div ng-if="hideRing(14) && !loading" ng-controller="kibanaSearchbar">
|
||||
<kbn-top-nav name="overview_oscap" config="topNavMenu">
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</kbn-top-nav>
|
||||
|
||||
<!-- Filters. -->
|
||||
<filter-bar
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
></filter-bar>
|
||||
</div>
|
||||
|
||||
@ -155,36 +155,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.overview-oscap-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-oscap-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.overview-oscap-top-row-div {
|
||||
height: 100px;
|
||||
}
|
||||
.overview-oscap-top-row {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-oscap-pie-row {
|
||||
height: 215px;
|
||||
}
|
||||
.overview-oscap-top-5-row {
|
||||
height: 240px;
|
||||
}
|
||||
.overview-oscap-top-10-row {
|
||||
height: 320px;
|
||||
}
|
||||
.overview-oscap-last-alerts {
|
||||
height: 530px;
|
||||
}
|
||||
.overview-oscap-score-row {
|
||||
height: 100px;
|
||||
}
|
||||
.overview-oscap-score-item {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@ -6,28 +6,28 @@
|
||||
<!-- Local nav. -->
|
||||
<div ng-if="hideRing(5) && !loading" ng-controller="kibanaSearchbar">
|
||||
<kbn-top-nav name="overview_pci" config="topNavMenu">
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</kbn-top-nav>
|
||||
|
||||
<!-- Filters. -->
|
||||
<filter-bar
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
></filter-bar>
|
||||
</div>
|
||||
|
||||
@ -105,24 +105,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.overview-pci-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-pci-discover,
|
||||
.overview-pci-tabs-row {
|
||||
background-color: white;
|
||||
}
|
||||
.overview-pci-tabs-item {
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
.overview-pci-requirements-row,
|
||||
.overview-pci-agents-row {
|
||||
height: 255px;
|
||||
}
|
||||
.overview-pci-last-alerts {
|
||||
height: 530px;
|
||||
}
|
||||
</style>
|
||||
@ -6,28 +6,28 @@
|
||||
<!-- Local nav. -->
|
||||
<div ng-if="hideRing(5) && !loading" ng-controller="kibanaSearchbar">
|
||||
<kbn-top-nav name="overview_pm" config="topNavMenu">
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
<!-- Transcluded elements. -->
|
||||
<div data-transclude-slots>
|
||||
<!-- Title. -->
|
||||
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
<!-- Search. -->
|
||||
<div ng-show="chrome.getVisible()" class="fullWidth" data-transclude-slot="bottomRow">
|
||||
<query-bar
|
||||
query="state.query"
|
||||
app-name="'wazuh'"
|
||||
on-submit="updateQueryAndFetch($query)"
|
||||
>
|
||||
</query-bar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</kbn-top-nav>
|
||||
|
||||
<!-- Filters. -->
|
||||
<filter-bar
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
ng-show="showFilterBar()"
|
||||
state="state"
|
||||
index-patterns="indexPattern"
|
||||
ng-if="state.query.language === 'lucene'"
|
||||
></filter-bar>
|
||||
</div>
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
|
||||
<!-- View: Panels -->
|
||||
<div ng-show="hideRing(5) && results && !loading" ng-if="tabView == 'panels'" class="wazuh-column">
|
||||
|
||||
|
||||
<div layout="row" layout-align="center stretch" class="overview-pm-top-row">
|
||||
<md-card flex="50">
|
||||
<md-card-content class="wazuh-column">
|
||||
@ -93,21 +93,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</md-content>
|
||||
|
||||
<style>
|
||||
.overview-pm-no-results {
|
||||
text-align: center;
|
||||
}
|
||||
.overview-pm-discover {
|
||||
background-color: white;
|
||||
}
|
||||
.overview-pm-top-row {
|
||||
height: 290px;
|
||||
}
|
||||
.overview-pm-events-evolution {
|
||||
height: 240px;
|
||||
}
|
||||
.overview-pm-alerts-summary {
|
||||
height: 530px;
|
||||
}
|
||||
</style>
|
||||
@ -93,52 +93,3 @@
|
||||
<md-content><md-progress-linear class="md-accent" md-mode="indeterminate" ng-show="decoders.busy"></md-progress-linear></md-content>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.manager-ruleset-decoders-top-span {
|
||||
padding-left: 0px;
|
||||
margin-top: 6px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.manager-ruleset-decoders-top-24 {
|
||||
margin: 0;
|
||||
height: 220px;
|
||||
}
|
||||
.manager-ruleset-decoders-no-padding {
|
||||
padding: 0px;
|
||||
}
|
||||
.manager-ruleset-bold {
|
||||
font-weight: bold
|
||||
}
|
||||
.manager-ruleset-decoders-300 {
|
||||
height: 300px;
|
||||
}
|
||||
.manager-ruleset-decoders-mdtoolbar {
|
||||
margin-top: 13px;
|
||||
min-height: 38px;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.manager-ruleset-decoders-selector {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 0;
|
||||
border-radius: 3px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.manager-ruleset-decoders-btn {
|
||||
padding: 2px;
|
||||
}
|
||||
.manager-ruleset-decoders-top-content {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
min-height: 53px;
|
||||
height: 53px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.manager-ruleset-decoders-md-chips {
|
||||
background-color: #f7f7f7;
|
||||
margin-top: 16px;
|
||||
}
|
||||
</style>
|
||||
@ -202,61 +202,3 @@
|
||||
</md-content>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.manager-ruleset-rules-f12 {
|
||||
font-size: 12pt;
|
||||
}
|
||||
.manager-ruleset-rules-center {
|
||||
text-align: center;
|
||||
}
|
||||
.manager-ruleset-rules-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.manager-ruleset-rules-top-row {
|
||||
padding: 0px;
|
||||
height:200px
|
||||
}
|
||||
.manager-ruleset-rules-button-bar {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
min-height: 53px;
|
||||
height: 53px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.manager-ruleset-rules-button-bar-span {
|
||||
padding-left: 0px;
|
||||
margin-top: 6px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.manager-ruleset-rules-rulbtn {
|
||||
padding: 2px;
|
||||
}
|
||||
.manager-ruleset-rules-decbtn {
|
||||
padding: 2px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.manager-ruleset-rules-mdtoolbar {
|
||||
margin-top: 13px;
|
||||
min-height: 38px;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.manager-ruleset-rules-col-300 {
|
||||
height:300px;
|
||||
}
|
||||
.manager-ruleset-rules-card-info {
|
||||
margin-top: 19px;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
padding-top: 3px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.manager-ruleset-rules-card-info-padding {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
@ -100,7 +100,7 @@
|
||||
<p style="color: #ff9999">{{messageError}}</p>
|
||||
</div>
|
||||
<div layout="row" layout-align="center center">
|
||||
<md-button flex="15" type="submit" class="buttonBlueLight md-raised md-primary"><i class="fa fa-plus-circle" aria-hidden="true" style="font-size: 13px; margin-right: 5px; "></i>SAVE</md-button>
|
||||
<md-button flex="15" type="submit" class="buttonBlueLightSettings md-raised md-primary"><i class="fa fa-plus-circle" aria-hidden="true" style="font-size: 13px; margin-right: 5px; "></i>SAVE</md-button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user