valitydev/wazuh-kibana-app
14
0
Fork 0
mirror of https://github.com/valitydev/wazuh-kibana-app.git synced 2024-11-06 18:05:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Change weird stats disconnected color

Browse Source
This commit is contained in:
JuanCarlos 2019-07-18 11:30:52 +02:00 committed by Jesús Ángel
parent 565820a95f
commit fda4218385
7 changed files with 50 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/controllers/overview/components/stats.js
View File

@ -42,7 +42,7 @@ export class Stats extends Component {
<EuiStat
title={this.props.neverConnected}
description="Never connected agents"
titleColor="accent"
titleColor="subdued"
textAlign="center"
/>
</EuiFlexItem>

2
public/services/theming.js
View File

@ -11,7 +11,7 @@
*/
import { uiModules } from 'ui/modules';
uiModules.get('app/wazuh', []).config(function($mdThemingProvider) {
uiModules.get('app/wazuh', []).config(function ($mdThemingProvider) {
let kibanaWhiteBlack = {
'50': '#ffffff',
'100': '#ffffff',

15
public/templates/agents/agents-general.html
View File

@ -1,5 +1,5 @@
<md-content flex layout="column" ng-if="tab === 'general' && tabView === 'panels'"
ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="start">
<md-content flex layout="column" ng-if="tab === 'general' && tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<div layout="row" layout-padding>
<react-component flex name="AlertsStats" props="{
@ -7,7 +7,7 @@
{ description: 'Total', value: totalAlerts(), color: 'primary' },
{ description: 'Level 12 or above alerts', value: level12(), color: 'secondary' },
{ description: 'Authentication failure', value: authFailure(), color: 'danger' },
{ description: 'Authentication success', value: authSuccess(), color: 'accent' }
{ description: 'Authentication success', value: authSuccess(), color: 'subdued' }
]
}" />
</div>
@ -29,8 +29,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Agents-Overview-Alert-groups-evolution"
vis-id="'Wazuh-App-Agents-Overview-Alert-groups-evolution'"></kbn-vis>
<kbn-vis id="Wazuh-App-Agents-Overview-Alert-groups-evolution" vis-id="'Wazuh-App-Agents-Overview-Alert-groups-evolution'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': expandArray[1]}">
@ -71,8 +70,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Agents-Overview-Top-10-groups"
vis-id="'Wazuh-App-Agents-Overview-Top-10-groups'">
<kbn-vis id="Wazuh-App-Agents-Overview-Top-10-groups" vis-id="'Wazuh-App-Agents-Overview-Top-10-groups'">
</kbn-vis>
</md-card-content>
</md-card>
@ -85,8 +83,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Agents-Overview-Top-5-PCI-DSS-Requirements"
vis-id="'Wazuh-App-Agents-Overview-Top-5-PCI-DSS-Requirements'"></kbn-vis>
<kbn-vis id="Wazuh-App-Agents-Overview-Top-5-PCI-DSS-Requirements" vis-id="'Wazuh-App-Agents-Overview-Top-5-PCI-DSS-Requirements'"></kbn-vis>
</md-card-content>
</md-card>
</div>

18
public/templates/agents/agents-vuls.html
View File

@ -1,5 +1,5 @@
<md-content flex layout="column" ng-if="tab === 'vuls' && tabView === 'panels'"
ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="start">
<md-content flex layout="column" ng-if="tab === 'vuls' && tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<div layout="row" layout-padding>
<react-component flex name="AlertsStats" props="{
@ -7,7 +7,7 @@
{ description: 'Critical severity alerts', value: vulnCritical(), color: 'danger' },
{ description: 'High severity alerts', value: vulnHigh(), color: 'primary' },
{ description: 'Medium severity alerts', value: vulnMedium(), color: 'secondary' },
{ description: 'Low severity alerts', value: vulnLow(), color: 'accent' }
{ description: 'Low severity alerts', value: vulnLow(), color: 'subdued' }
]
}" />
</div>
@ -29,8 +29,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Agents-vulnerability-Alerts-severity-over-time"
vis-id="'Wazuh-App-Agents-vulnerability-Alerts-severity-over-time'"></kbn-vis>
<kbn-vis id="Wazuh-App-Agents-vulnerability-Alerts-severity-over-time" vis-id="'Wazuh-App-Agents-vulnerability-Alerts-severity-over-time'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': expandArray[1]}">
@ -56,8 +55,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Agents-vulnerability-Vulnerability-Most-common-CVEs"
vis-id="'Wazuh-App-Agents-vulnerability-Vulnerability-Most-common-CVEs'"></kbn-vis>
<kbn-vis id="Wazuh-App-Agents-vulnerability-Vulnerability-Most-common-CVEs" vis-id="'Wazuh-App-Agents-vulnerability-Vulnerability-Most-common-CVEs'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': expandArray[3]}">
@ -69,8 +67,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Agents-vulnerability-Vulnerability-severity-distribution"
vis-id="'Wazuh-App-Agents-vulnerability-Vulnerability-severity-distribution'"></kbn-vis>
<kbn-vis id="Wazuh-App-Agents-vulnerability-Vulnerability-severity-distribution" vis-id="'Wazuh-App-Agents-vulnerability-Vulnerability-severity-distribution'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': expandArray[4]}">
@ -82,8 +79,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Agents-vulnerability-Commonly-affected-packages"
vis-id="'Wazuh-App-Agents-vulnerability-Commonly-affected-packages'"></kbn-vis>
<kbn-vis id="Wazuh-App-Agents-vulnerability-Commonly-affected-packages" vis-id="'Wazuh-App-Agents-vulnerability-Commonly-affected-packages'"></kbn-vis>
</md-card-content>
</md-card>
</div>

47
public/templates/management/status.html
View File

@ -1,5 +1,5 @@
<div layout="column" layout-align="start stretch" ng-controller="managerStatusController as ctrl"
ng-if="mctrl.tab === 'status'" class="">
<div layout="column" layout-align="start stretch" ng-controller="managerStatusController as ctrl" ng-if="mctrl.tab === 'status'"
class="">
<div class="md-padding md-padding-top-16" ng-show="ctrl.load">
<react-component name="EuiProgress" props="{size: 'xs', color: 'primary'}" />
@ -8,22 +8,20 @@
<!-- Headline -->
<div ng-show="!ctrl.load" layout="row" layout-padding class="wz-padding-bottom-0 wz-margin-top-16">
<div ng-show="ctrl.selectedNode" layout="column" layout-align="center" class="height-35 wz-select-input">
<select class="kuiSelect wz-border-none cursor-pointer max-height-35" id="categoryBox"
ng-model="ctrl.selectedNode" ng-change="ctrl.changeNode(ctrl.selectedNode)" aria-label="Select node">
<select class="kuiSelect wz-border-none cursor-pointer max-height-35" id="categoryBox" ng-model="ctrl.selectedNode"
ng-change="ctrl.changeNode(ctrl.selectedNode)" aria-label="Select node">
<option ng-repeat="node in ctrl.nodes" value="{{node.name}}">{{node.name}}</option>
</select>
</div>
<div flex></div>
<div layout="column" class="height-40 wz-no-padding" ng-show="adminMode">
<button ng-if="mctrl.clusterInfo.status === 'enabled' && !mctrl.showConfirmRestart"
class="kuiButton kuiButton--secondary height-35" ng-disabled="mctrl.isRestarting"
ng-click="mctrl.showConfirmRestart = true"><i class="fa fa-refresh"
<button ng-if="mctrl.clusterInfo.status === 'enabled' && !mctrl.showConfirmRestart" class="kuiButton kuiButton--secondary height-35"
ng-disabled="mctrl.isRestarting" ng-click="mctrl.showConfirmRestart = true"><i class="fa fa-refresh"
ng-class="mctrl.isRestarting ? 'fa-spin fa-spinner' : ''"></i>
Restart cluster
</button>
<button ng-if="mctrl.clusterInfo.status !== 'enabled' && !mctrl.showConfirmRestart"
class="kuiButton kuiButton--secondary height-35" ng-disabled="mctrl.isRestarting"
ng-click="mctrl.showConfirmRestart = true"><i class="fa fa-refresh"
<button ng-if="mctrl.clusterInfo.status !== 'enabled' && !mctrl.showConfirmRestart" class="kuiButton kuiButton--secondary height-35"
ng-disabled="mctrl.isRestarting" ng-click="mctrl.showConfirmRestart = true"><i class="fa fa-refresh"
ng-class="mctrl.isRestarting ? 'fa-spin fa-spinner' : ''"></i>
Restart manager
</button>
@ -38,12 +36,10 @@
<md-button class="cancelBtn btn-info" type="button" ng-click="mctrl.showConfirmRestart = false">
Cancel</md-button>
<md-button ng-if="mctrl.clusterInfo.status === 'enabled'" class="btn wz-button" type="button"
ng-click="mctrl.restartCluster();mctrl.showConfirmRestart = false"><i aria-hidden='true'
class='fa fa-fw fa-check'></i>
ng-click="mctrl.restartCluster();mctrl.showConfirmRestart = false"><i aria-hidden='true' class='fa fa-fw fa-check'></i>
Confirm</md-button>
<md-button ng-if="mctrl.clusterInfo.status !== 'enabled'" class="btn wz-button" type="button"
ng-click="mctrl.restartManager();mctrl.showConfirmRestart = false"><i aria-hidden='true'
class='fa fa-fw fa-check'></i>
ng-click="mctrl.restartManager();mctrl.showConfirmRestart = false"><i aria-hidden='true' class='fa fa-fw fa-check'></i>
Confirm</md-button>
</div>
</div>
@ -51,8 +47,7 @@
</div>
<!-- End headline -->
<div layout="row" class="wz-margin-top-10 wz-margin-right-8 wz-margin-left-8"
ng-show="ctrl.clusterError && !ctrl.load">
<div layout="row" class="wz-margin-top-10 wz-margin-right-8 wz-margin-left-8" ng-show="ctrl.clusterError && !ctrl.load">
<div flex class="euiCallOut euiCallOut--warning">
<div class="euiCallOutHeader">
<react-component name="EuiIcon" props="{type:'help',className:'euiCallOutHeader__title'}" />
@ -95,7 +90,7 @@
{
description: 'Never connected',
value: ctrl.agentsCountNeverConnected,
color: 'accent'
color: 'subdued'
},
{
description: 'Agents coverage',
@ -112,8 +107,7 @@
<!-- Manager information section -->
<md-card flex class="wz-md-card">
<md-card-content>
<i class="fa fa-fw fa-server" aria-hidden="true"></i> <span ng-if="ctrl.selectedNode"
class="wz-headline-title">{{ctrl.selectedNode}}
<i class="fa fa-fw fa-server" aria-hidden="true"></i> <span ng-if="ctrl.selectedNode" class="wz-headline-title">{{ctrl.selectedNode}}
information</span> <span ng-if="!ctrl.selectedNode" class="wz-headline-title">Manager
information</span>
<md-divider class="wz-margin-top-10"></md-divider>
@ -129,13 +123,11 @@
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Installation path</span>
<span
class="wz-text-right color-grey">{{ctrl.managerInfo.path ? ctrl.managerInfo.path : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.managerInfo.path ? ctrl.managerInfo.path : '-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Installation type</span>
<span
class="wz-text-right color-grey">{{ctrl.managerInfo.type ? ctrl.managerInfo.type : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.managerInfo.type ? ctrl.managerInfo.type : '-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Agents limit</span>
@ -168,8 +160,7 @@
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Status</span>
<span
class="wz-text-right color-grey">{{ctrl.agentInfo.status ? ctrl.agentInfo.status : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.agentInfo.status ? ctrl.agentInfo.status : '-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">IP Address</span>
@ -177,13 +168,11 @@
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Date add</span>
<span
class="wz-text-right color-grey">{{ctrl.agentInfo.dateAdd ? ctrl.agentInfo.dateAdd : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.agentInfo.dateAdd ? ctrl.agentInfo.dateAdd : '-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Version</span>
<span
class="wz-text-right color-grey">{{ctrl.agentInfo.version ? ctrl.agentInfo.version : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.agentInfo.version ? ctrl.agentInfo.version : '-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10" ng-if="ctrl.agentInfo.id !== '000'">
<span flex="25">Last keep alive</span>

21
public/templates/overview/overview-general.html
View File

@ -5,9 +5,9 @@
<react-component flex name="AlertsStats" props="{
items: [
{ description: 'Total', value: octrl.totalAlerts(), color: 'primary' },
{ description: 'Level 12 or above alerts', value: octrl.level12(), color: 'secondary' },
{ description: 'Level 12 or above alerts', value: octrl.level12(), color: 'accent' },
{ description: 'Authentication failure', value: octrl.authFailure(), color: 'danger' },
{ description: 'Authentication success', value: octrl.authSuccess(), color: 'accent' }
{ description: 'Authentication success', value: octrl.authSuccess(), color: 'secondary' }
]
}" />
</div>
@ -29,8 +29,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-General-Alert-level-evolution"
vis-id="'Wazuh-App-Overview-General-Alert-level-evolution'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-General-Alert-level-evolution" vis-id="'Wazuh-App-Overview-General-Alert-level-evolution'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
@ -57,8 +56,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-General-Top-5-agents"
vis-id="'Wazuh-App-Overview-General-Top-5-agents'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-General-Top-5-agents" vis-id="'Wazuh-App-Overview-General-Top-5-agents'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
@ -70,8 +68,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-General-Top-5-rule-groups"
vis-id="'Wazuh-App-Overview-General-Top-5-rule-groups'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-General-Top-5-rule-groups" vis-id="'Wazuh-App-Overview-General-Top-5-rule-groups'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
@ -83,8 +80,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column" ng-show="octrl.wzMonitoringEnabled">
<kbn-vis id="Wazuh-App-Overview-General-Agents-status"
vis-id="'Wazuh-App-Overview-General-Agents-status'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-General-Agents-status" vis-id="'Wazuh-App-Overview-General-Agents-status'"></kbn-vis>
</md-card-content>
<md-card-content class="wazuh-column" ng-show="!octrl.wzMonitoringEnabled">
<div layout="row">
@ -117,7 +113,7 @@
</md-card>
</div>
<div layout="row" layout-align="space-between stretch" class="height-360">
<div layout="row" layout-align="space-between stretch" class="height-360">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[6]}">
<md-card-actions layout="row" class="wz-card-actions-vis" ng-dblclick="octrl.expand(6)">
<span class="wz-headline-title">Alerts evolution - Top 5 agents</span>
@ -127,8 +123,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-General-Alerts-evolution-Top-5-agents"
vis-id="'Wazuh-App-Overview-General-Alerts-evolution-Top-5-agents'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-General-Alerts-evolution-Top-5-agents" vis-id="'Wazuh-App-Overview-General-Alerts-evolution-Top-5-agents'"></kbn-vis>
</md-card-content>
</md-card>
</div>

24
public/templates/overview/overview-vuls.html
View File

@ -1,5 +1,5 @@
<md-content flex layout="column" ng-if="octrl.tab === 'vuls' && octrl.tabView === 'panels'"
ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="start">
<md-content flex layout="column" ng-if="octrl.tab === 'vuls' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<div layout="row" layout-padding>
<react-component flex name="AlertsStats" props="{
@ -7,7 +7,7 @@
{ description: 'Critical severity alerts', value: octrl.vulnCritical(), color: 'danger' },
{ description: 'High severity alerts', value: octrl.vulnHigh(), color: 'primary' },
{ description: 'Medium severity alerts', value: octrl.vulnMedium(), color: 'secondary' },
{ description: 'Low severity alerts', value: octrl.vulnLow(), color: 'accent' }
{ description: 'Low severity alerts', value: octrl.vulnLow(), color: 'subdued' }
]
}" />
</div>
@ -29,8 +29,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-vulnerability-Most-affected-agents"
vis-id="'Wazuh-App-Overview-vulnerability-Most-affected-agents'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-vulnerability-Most-affected-agents" vis-id="'Wazuh-App-Overview-vulnerability-Most-affected-agents'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
@ -42,8 +41,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-vulnerability-Alerts-severity"
vis-id="'Wazuh-App-Overview-vulnerability-Alerts-severity'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-vulnerability-Alerts-severity" vis-id="'Wazuh-App-Overview-vulnerability-Alerts-severity'"></kbn-vis>
</md-card-content>
</md-card>
</div>
@ -58,8 +56,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-vulnerability-Vulnerability-severity-distribution"
vis-id="'Wazuh-App-Overview-vulnerability-Vulnerability-severity-distribution'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-vulnerability-Vulnerability-severity-distribution" vis-id="'Wazuh-App-Overview-vulnerability-Vulnerability-severity-distribution'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
@ -71,8 +68,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-vulnerability-Commonly-affected-packages"
vis-id="'Wazuh-App-Overview-vulnerability-Commonly-affected-packages'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-vulnerability-Commonly-affected-packages" vis-id="'Wazuh-App-Overview-vulnerability-Commonly-affected-packages'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
@ -84,8 +80,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-vulnerability-Most-common-CVEs"
vis-id="'Wazuh-App-Overview-vulnerability-Most-common-CVEs'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-vulnerability-Most-common-CVEs" vis-id="'Wazuh-App-Overview-vulnerability-Most-common-CVEs'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[5]}">
@ -97,8 +92,7 @@
</span>
</md-card-actions>
<md-card-content class="wazuh-column">
<kbn-vis id="Wazuh-App-Overview-vulnerability-Most-common-CWEs"
vis-id="'Wazuh-App-Overview-vulnerability-Most-common-CWEs'"></kbn-vis>
<kbn-vis id="Wazuh-App-Overview-vulnerability-Most-common-CWEs" vis-id="'Wazuh-App-Overview-vulnerability-Most-common-CWEs'"></kbn-vis>
</md-card-content>
</md-card>
</div>