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

Added expand vis for all tabs under Overview

Browse Source
This commit is contained in:
Jesús Ángel 2019-02-14 17:34:41 +01:00
parent ce21421dc9
commit 68d3a45858
13 changed files with 454 additions and 170 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/controllers/overview/overview.js
View File

@ -54,7 +54,6 @@ export class OverviewController {
visFactoryService,
wazuhConfig
) {
this.$document = $document;
this.$scope = $scope;
this.$location = $location;
this.$rootScope = $rootScope;

2
public/less/layout.less
View File

@ -372,4 +372,6 @@ md-dialog.modalTheme .md-button{
top: 0;
left: 0;
background-color: white;
max-width: 98% !important;
max-height: 50vh !important;
}

113
public/templates/overview/overview-audit.html
View File

@ -1,4 +1,5 @@
<md-content flex layout="column" ng-if="octrl.tab === 'audit' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="space-around">
<md-content flex layout="column" ng-if="octrl.tab === 'audit' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="space-around">
<div layout="row">
<md-card flex class="wz-metric-color wz-md-card">
@ -19,30 +20,46 @@
</div>
<div layout="row" layout-align="center stretch" class="height-200">
<md-card flex="25" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Groups</span>
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Groups</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Groups" vis-id="'Wazuh-App-Overview-Audit-Groups'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Agents</span>
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Agents</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Agents" vis-id="'Wazuh-App-Overview-Audit-Agents'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Directories</span>
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Directories</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Directories" vis-id="'Wazuh-App-Overview-Audit-Directories'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Files</span>
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Files" vis-id="'Wazuh-App-Overview-Audit-Files'"></kbn-vis>
</md-card-content>
@ -50,9 +67,13 @@
</div>
<div layout="row" layout-align="center stretch" class="height-310">
<md-card flex class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Alerts over time</span>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Alerts over time</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Alerts-over-time" vis-id="'Wazuh-App-Overview-Audit-Alerts-over-time'"></kbn-vis>
</md-card-content>
@ -61,16 +82,24 @@
<div layout="row" layout-align="center stretch" class="height-448">
<div flex="20" layout="column" layout-align="center stretch">
<md-card flex="50" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">File read access</span>
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[5]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">File read access</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(5)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-File-read-access" vis-id="'Wazuh-App-Overview-Audit-File-read-access'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="50" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">File write access</span>
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[6]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">File write access</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(6)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-File-write-access" vis-id="'Wazuh-App-Overview-Audit-File-write-access'"></kbn-vis>
</md-card-content>
@ -78,9 +107,13 @@
</div>
<div flex="60" layout="column" layout-align="center stretch">
<md-card flex class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Commands</span>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[7]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Commands</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(7)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Commands" vis-id="'Wazuh-App-Overview-Audit-Commands'"></kbn-vis>
</md-card-content>
@ -88,16 +121,24 @@
</div>
<div flex="20" layout="column" layout-align="center stretch">
<md-card flex="50" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Created files</span>
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[8]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Created files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(8)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Files-created" vis-id="'Wazuh-App-Overview-Audit-Files-created'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="50" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Removed files</span>
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[9]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Removed files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(9)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Audit-Files-deleted" vis-id="'Wazuh-App-Overview-Audit-Files-deleted'"></kbn-vis>
</md-card-content>
@ -106,13 +147,17 @@
</div>
<div flex layout="row" class="height-570">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[10]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alerts summary</span>
<div layout="row">
<span class="wz-headline-title">Alerts summary</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(10)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Last-alerts'"></kbn-vis>
</md-card-content>
</md-card>
</div>
</md-content>
</md-content>

64
public/templates/overview/overview-aws.html
View File

@ -8,30 +8,46 @@
<md-content flex layout="column" ng-if="octrl.tab === 'aws' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<div layout="row" class="height-250">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Sources</span>
<div layout="row">
<span class="wz-headline-title">Sources</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-AWS-Top-sources" vis-id="'Wazuh-App-Overview-AWS-Top-sources'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Accounts</span>
<div layout="row">
<span class="wz-headline-title">Accounts</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-AWS-Top-accounts" vis-id="'Wazuh-App-Overview-AWS-Top-accounts'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">S3 buckets</span>
<div layout="row">
<span class="wz-headline-title">S3 buckets</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-AWS-Top-buckets" vis-id="'Wazuh-App-Overview-AWS-Top-buckets'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Regions</span>
<div layout="row">
<span class="wz-headline-title">Regions</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-AWS-Top-regions" vis-id="'Wazuh-App-Overview-AWS-Top-regions'"></kbn-vis>
</md-card-content>
@ -39,16 +55,24 @@
</div>
<div layout="row" class="height-300">
<md-card flex="50" class="wz-md-card">
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Events by source over time</span>
<div layout="row">
<span class="wz-headline-title">Events by source over time</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-AWS-Events-by-source" vis-id="'Wazuh-App-Overview-AWS-Events-by-source'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="50" class="wz-md-card">
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[5]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Events by S3 bucket over time</span>
<div layout="row">
<span class="wz-headline-title">Events by S3 bucket over time</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(5)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id=" Wazuh-App-Overview-AWS-Events-by-s3-bucket" vis-id="'Wazuh-App-Overview-AWS-Events-by-s3-bucket'"></kbn-vis>
</md-card-content>
@ -56,16 +80,24 @@
</div>
<div layout="row" class="height-400">
<md-card flex="40" class="wz-md-card">
<md-card flex="40" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[6]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 buckets</span>
<div layout="row">
<span class="wz-headline-title">Top 5 buckets</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(6)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-AWS-Top-5-buckets'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[7]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 rules</span>
<div layout="row">
<span class="wz-headline-title">Top 5 rules</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(7)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-AWS-Top-5-rules'"></kbn-vis>
</md-card-content>

31
public/templates/overview/overview-ciscat.html
View File

@ -1,4 +1,5 @@
<md-content flex layout="column" ng-if="octrl.tab === 'ciscat' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="start">
<md-content flex layout="column" ng-if="octrl.tab === 'ciscat' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<!-- Metric bar section -->
<div layout="row" layout-align="start center">
@ -41,16 +42,24 @@
<!-- Top groups and result evolution section -->
<div layout="row" layout-align="start stretch" class="height-320">
<md-card flex="60" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 5 CIS-CAT groups</span>
<md-card flex="60" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 5 CIS-CAT groups</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-app-Overview-CISCAT-top-5-groups'" id="Wazuh-app-Overview-CISCAT-top-5-groups"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Scan result evolution</span>
<div layout="row">
<span class="wz-headline-title">Scan result evolution</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-app-Overview-CISCAT-scan-result-evolution'" id="Wazuh-app-Overview-CISCAT-scan-result-evolution"></kbn-vis>
</md-card-content>
@ -60,9 +69,13 @@
<!-- Alerts summary table section -->
<div layout="row" layout-align="start stretch" class="height-570">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alerts summary</span>
<div layout="row">
<span class="wz-headline-title">Alerts summary</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-app-Overview-CISCAT-alerts-summary'"></kbn-vis>
</md-card-content>
@ -70,4 +83,4 @@
</div>
<!-- End alerts summary table section -->
</md-content>
</md-content>

64
public/templates/overview/overview-fim.html
View File

@ -1,39 +1,59 @@
<md-content flex layout="column" ng-if="octrl.tab === 'fim' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}">
<div layout="row" class="height-225">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 agents with deleted files</span>
<div layout="row">
<span class="wz-headline-title">Top 5 agents with deleted files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-FIM-deleted" vis-id="'Wazuh-App-Overview-FIM-deleted'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 agents with new files</span>
<div layout="row">
<span class="wz-headline-title">Top 5 agents with new files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-FIM-added" vis-id="'Wazuh-App-Overview-FIM-added'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 agents with modified files</span>
<div layout="row">
<span class="wz-headline-title">Top 5 agents with modified files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-FIM-modified" vis-id="'Wazuh-App-Overview-FIM-modified'"></kbn-vis>
</md-card-content>
</md-card>
</div>
<div layout="row" class="height-300">
<md-card flex="25" class="wz-md-card">
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 agents</span>
<div layout="row">
<span class="wz-headline-title">Top 5 agents</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-FIM-Top-5-agents-pie" vis-id="'Wazuh-App-Overview-FIM-Top-5-agents-pie'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Events summary</span>
<div layout="row">
<span class="wz-headline-title">Events summary</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-FIM-Events-summary" vis-id="'Wazuh-App-Overview-FIM-Events-summary'"></kbn-vis>
</md-card-content>
@ -41,24 +61,36 @@
</div>
<div layout="row" class="height-300">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[5]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 rules</span>
<div layout="row">
<span class="wz-headline-title">Top 5 rules</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(5)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-FIM-Top-5-rules'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[6]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Actions</span>
<div layout="row">
<span class="wz-headline-title">Actions</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(6)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-FIM-Common-actions" vis-id="'Wazuh-App-Overview-FIM-Common-actions'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[7]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 users</span>
<div layout="row">
<span class="wz-headline-title">Top 5 users</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(7)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-FIM-top-agents-user'"></kbn-vis>
</md-card-content>

40
public/templates/overview/overview-gdpr.html
View File

@ -18,16 +18,24 @@
</div>
<div layout="row" layout-align="center stretch" class="height-255">
<md-card flex="30" class="wz-md-card">
<md-card flex="30" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Groups</span>
<div layout="row">
<span class="wz-headline-title">Groups</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-GDPR-Groups" vis-id="'Wazuh-App-Overview-GDPR-Groups'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="70" class="wz-md-card">
<md-card flex="70" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">GDPR Requirements</span>
<div layout="row">
<span class="wz-headline-title">GDPR Requirements</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-GDPR-requirements" vis-id="'Wazuh-App-Overview-GDPR-requirements'"></kbn-vis>
</md-card-content>
@ -35,9 +43,13 @@
</div>
<div layout="row" layout-align="center stretch" class="height-300">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top requirements over time</span>
<div layout="row">
<span class="wz-headline-title">Top requirements over time</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-GDPR-Requirements-heatmap" vis-id="'Wazuh-App-Overview-GDPR-Requirements-heatmap'"></kbn-vis>
</md-card-content>
@ -45,16 +57,24 @@
</div>
<div layout="row" layout-align="center stretch" class="height-255">
<md-card flex="70" class="wz-md-card">
<md-card flex="70" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Requirements by agent</span>
<div layout="row">
<span class="wz-headline-title">Requirements by agent</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-GDPR-Requirements-by-agent" vis-id="'Wazuh-App-Overview-GDPR-Requirements-by-agent'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="30" class="wz-md-card">
<md-card flex="30" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Agents</span>
<div layout="row">
<span class="wz-headline-title">Agents</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-GDPR-Agents" vis-id="'Wazuh-App-Overview-GDPR-Agents'"></kbn-vis>
</md-card-content>

81
public/templates/overview/overview-oscap.html
View File

@ -1,4 +1,5 @@
<md-content flex layout="column" ng-if="octrl.tab === 'oscap' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="start">
<md-content flex layout="column" ng-if="octrl.tab === 'oscap' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<div layout="row">
<md-card flex class="wz-metric-color wz-md-card">
@ -17,30 +18,46 @@
</div>
<div layout="row" layout-align="center stretch" class="height-215">
<md-card flex="25" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 5 Agents</span>
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 5 Agents</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-OSCAP-Agents" vis-id="'Wazuh-App-Overview-OSCAP-Agents'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 5 Profiles</span>
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 5 Profiles</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-OSCAP-Profiles" vis-id="'Wazuh-App-Overview-OSCAP-Profiles'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 Content</span>
<div layout="row">
<span class="wz-headline-title">Top 5 Content</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-OSCAP-Content" vis-id="'Wazuh-App-Overview-OSCAP-Content'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 5 Severity</span>
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 5 Severity</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-OSCAP-Severity" vis-id="'Wazuh-App-Overview-OSCAP-Severity'"></kbn-vis>
</md-card-content>
@ -48,9 +65,13 @@
</div>
<div layout="row" layout-align="start stretch" class="height-240">
<md-card flex class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 5 Agents - Severity high</span>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 5 Agents - Severity high</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-OSCAP-Top-5-agents-Severity-high" vis-id="'Wazuh-App-Overview-OSCAP-Top-5-agents-Severity-high'"></kbn-vis>
</md-card-content>
@ -58,17 +79,25 @@
</div>
<div layout="row" layout-align="center stretch" class="height-320">
<md-card flex="50" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 10 - Alerts</span>
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[5]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 10 - Alerts</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(5)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-OSCAP-Top-10-alerts'" id="Wazuh-App-Overview-OSCAP-Top-10-alerts"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="50" class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 10 - High risk alerts</span>
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[6]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 10 - High risk alerts</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(6)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-OSCAP-Top-10-high-risk-alerts'" id="Wazuh-App-Overview-OSCAP-Top-10-high-risk-alerts"></kbn-vis>
</md-card-content>
@ -76,13 +105,17 @@
</div>
<div layout="row" layout-align="center stretch" class="height-570">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[7]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alerts summary</span>
<div layout="row">
<span class="wz-headline-title">Alerts summary</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(7)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-OSCAP-Last-alerts'"></kbn-vis>
</md-card-content>
</md-card>
</div>
</md-content>
</md-content>

39
public/templates/overview/overview-osquery.html
View File

@ -1,8 +1,11 @@
<md-content flex layout="column" ng-if="octrl.tab === 'osquery' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="start">
<md-content flex layout="column" ng-if="octrl.tab === 'osquery' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<div layout="row">
<md-card flex class="wz-metric-color wz-md-card">
<md-card-content layout="row" class="wz-padding-metric">
<div class="wz-text-truncatable" flex>Agents reporting Osquery events: <span class="wz-text-bold" ng-bind="octrl.osqueryAgentsReporting()"></span> of <span class="wz-text-bold">{{ agentsCountTotal }}</span></div>
<div class="wz-text-truncatable" flex>Agents reporting Osquery events: <span class="wz-text-bold"
ng-bind="octrl.osqueryAgentsReporting()"></span> of <span class="wz-text-bold">{{
agentsCountTotal }}</span></div>
</md-card-content>
</md-card>
</div>
@ -12,9 +15,13 @@
</div>
<div layout="row" class="height-300">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alerts over time</span>
<div layout="row">
<span class="wz-headline-title">Alerts over time</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Osquery-Alerts-over-time" vis-id="'Wazuh-App-Overview-Osquery-Alerts-over-time'"></kbn-vis>
</md-card-content>
@ -22,16 +29,24 @@
</div>
<div layout="row" class="height-300">
<md-card flex="30" class="wz-md-card">
<md-card flex="30" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Most common packs</span>
<div layout="row">
<span class="wz-headline-title">Most common packs</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Osquery-Most-common-packs" vis-id="'Wazuh-App-Overview-Osquery-Most-common-packs'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 rules</span>
<div layout="row">
<span class="wz-headline-title">Top 5 rules</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Osquery-Top-5-rules" vis-id="'Wazuh-App-Overview-Osquery-Top-5-rules'"></kbn-vis>
</md-card-content>
@ -39,9 +54,13 @@
</div>
<div layout="row" class="height-300">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alerts evolution - Top 5 agents</span>
<div layout="row">
<span class="wz-headline-title">Alerts evolution - Top 5 agents</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Osquery-Alerts-evolution-Top-5-agents" vis-id="'Wazuh-App-Overview-Osquery-Alerts-evolution-Top-5-agents'"></kbn-vis>
</md-card-content>

40
public/templates/overview/overview-pci.html
View File

@ -18,16 +18,24 @@
</div>
<div layout="row" layout-align="center stretch" class="height-255">
<md-card flex="70" class="wz-md-card">
<md-card flex="70" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">PCI Requirements</span>
<div layout="row">
<span class="wz-headline-title">PCI Requirements</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PCI-DSS-requirements" vis-id="'Wazuh-App-Overview-PCI-DSS-requirements'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="30" class="wz-md-card">
<md-card flex="30" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Groups</span>
<div layout="row">
<span class="wz-headline-title">Groups</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PCI-DSS-Groups" vis-id="'Wazuh-App-Overview-PCI-DSS-Groups'"></kbn-vis>
</md-card-content>
@ -35,9 +43,13 @@
</div>
<div layout="row" layout-align="center stretch" class="height-300">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top requirements over time</span>
<div layout="row">
<span class="wz-headline-title">Top requirements over time</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PCI-DSS-Requirements-over-time" vis-id="'Wazuh-App-Overview-PCI-DSS-Requirements-over-time'"></kbn-vis>
</md-card-content>
@ -45,16 +57,24 @@
</div>
<div layout="row" layout-align="center stretch" class="height-255">
<md-card flex="30" class="wz-md-card">
<md-card flex="30" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Agents</span>
<div layout="row">
<span class="wz-headline-title">Agents</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PCI-DSS-Agents" vis-id="'Wazuh-App-Overview-PCI-DSS-Agents'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="70" class="wz-md-card">
<md-card flex="70" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Requirements by agent</span>
<div layout="row">
<span class="wz-headline-title">Requirements by agent</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PCI-DSS-Requirements-by-agent" vis-id="'Wazuh-App-Overview-PCI-DSS-Requirements-by-agent'"></kbn-vis>
</md-card-content>

40
public/templates/overview/overview-pm.html
View File

@ -2,25 +2,37 @@
layout-align="start">
<div layout="row" layout-align="center stretch" class="height-290">
<md-card flex="50" class="wz-md-card">
<md-card flex="50" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Events over time</span>
<div layout="row">
<span class="wz-headline-title">Events over time</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PM-Events-over-time" vis-id="'Wazuh-App-Overview-PM-Events-over-time'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 CIS Requirements</span>
<div layout="row">
<span class="wz-headline-title">Top 5 CIS Requirements</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PM-Top-5-CIS-requirements" vis-id="'Wazuh-App-Overview-PM-Top-5-CIS-requirements'"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wz-md-card">
<md-card flex="25" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Top 5 PCI DSS Requirements</span>
<div layout="row">
<span class="wz-headline-title">Top 5 PCI DSS Requirements</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PM-Top-5-PCI-DSS-requirements" vis-id="'Wazuh-App-Overview-PM-Top-5-PCI-DSS-requirements'"></kbn-vis>
</md-card-content>
@ -28,9 +40,13 @@
</div>
<div layout="row" layout-align="center stretch" class="height-240">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Events per control type evolution</span>
<div layout="row">
<span class="wz-headline-title">Events per control type evolution</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-PM-Events-per-agent-evolution" vis-id="'Wazuh-App-Overview-PM-Events-per-agent-evolution'"></kbn-vis>
</md-card-content>
@ -38,9 +54,13 @@
</div>
<div layout="row" layout-align="center stretch" class="height-570">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alerts summary</span>
<div layout="row">
<span class="wz-headline-title">Alerts summary</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-PM-Alerts-summary'"></kbn-vis>
</md-card-content>

53
public/templates/overview/overview-virustotal.html
View File

@ -1,4 +1,5 @@
<md-content flex layout="column" ng-if="octrl.tab === 'virustotal' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}" layout-align="start">
<md-content flex layout="column" ng-if="octrl.tab === 'virustotal' && octrl.tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<div layout="row">
<md-card flex class="wz-metric-color wz-md-card">
@ -19,9 +20,13 @@
<div layout="row" class="height-360">
<div flex layout="column">
<div flex layout="row">
<md-card flex class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Unique malicious files per agent</span>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Unique malicious files per agent</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Virustotal-Malicious-Per-Agent" vis-id="'Wazuh-App-Overview-Virustotal-Malicious-Per-Agent'"></kbn-vis>
</md-card-content>
@ -30,9 +35,13 @@
</div>
<div flex layout="column">
<div flex layout="row">
<md-card flex class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Last scanned files</span>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Last scanned files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Virustotal-Last-Files-Pie" vis-id="'Wazuh-App-Overview-Virustotal-Last-Files-Pie'"></kbn-vis>
</md-card-content>
@ -41,31 +50,43 @@
</div>
</div>
<div layout="row" class="height-550">
<md-card flex class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Top 10 agents with positive scans</span>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Top 10 agents with positive scans</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Virustotal-Positives-Heatmap" vis-id="'Wazuh-App-Overview-Virustotal-Positives-Heatmap'"></kbn-vis>
</md-card-content>
</md-card>
</div>
<div layout="row" class="height-250">
<md-card flex class="wz-md-card">
<md-card-content class="wazuh-column" >
<span class="wz-headline-title">Malicious files alerts evolution</span>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<div layout="row">
<span class="wz-headline-title">Malicious files alerts evolution</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-Virustotal-Malicious-Evolution" vis-id="'Wazuh-App-Overview-Virustotal-Malicious-Evolution'"></kbn-vis>
</md-card-content>
</md-card>
</div>
<div layout="row" class="height-570">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Last files</span>
<div layout="row">
<span class="wz-headline-title">Last files</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-Virustotal-Files-Table'"></kbn-vis>
</md-card-content>
</md-card>
</div>
</md-content>
</md-content>

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

@ -20,16 +20,24 @@
</div>
<div layout="row" layout-align="center stretch" class="height-270">
<md-card flex="30" class="wz-md-card">
<md-card flex="30" class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[0]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Most affected agents</span>
<div layout="row">
<span class="wz-headline-title">Most affected agents</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(0)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<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">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[1]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alerts severity</span>
<div layout="row">
<span class="wz-headline-title">Alerts severity</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(1)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis id="Wazuh-App-Overview-vulnerability-Alerts-severity" vis-id="'Wazuh-App-Overview-vulnerability-Alerts-severity'"></kbn-vis>
</md-card-content>
@ -37,39 +45,59 @@
</div>
<div layout="row" layout-align="center stretch" class="height-270">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[2]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Severity distribution</span>
<div layout="row">
<span class="wz-headline-title">Severity distribution</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(2)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<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">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[3]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Commonly affected packages</span>
<div layout="row">
<span class="wz-headline-title">Commonly affected packages</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(3)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<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">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[4]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Most common CVEs</span>
<div layout="row">
<span class="wz-headline-title">Most common CVEs</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(4)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<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">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[5]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Most common CWEs</span>
<div layout="row">
<span class="wz-headline-title">Most common CWEs</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(5)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<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>
<div layout="row" class="height-570">
<md-card flex class="wz-md-card">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': octrl.expandArray[6]}">
<md-card-content class="wazuh-column">
<span class="wz-headline-title">Alert summary</span>
<div layout="row">
<span class="wz-headline-title">Alert summary</span>
<span flex></span>
<span class="wz-text-link" ng-click="octrl.expand(6)"><i class="fa fa-fw fa-expand"></i></span>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<kbn-vis vis-id="'Wazuh-App-Overview-vulnerability-Alert-summary'"></kbn-vis>
</md-card-content>