Reestructured the overview audit tab

This commit is contained in:
Jesús 2017-11-21 14:52:59 +01:00
parent 2970c9e155
commit bf682c7e1c

View File

@ -34,14 +34,14 @@
<!-- No results message -->
<md-content flex layout="row" layout-align="start start" ng-show="!results && !loading" ng-if="tabView == 'panels' && hideRing(11)">
<md-card flex layout="column">
<md-card-content style="text-align: center;">
<md-card-content class="overview-audit-no-results">
No results for selected time interval
</md-card-content>
</md-card>
</md-content>
<!-- View: Discover -->
<md-content style="background-color: white" flex layout="column" layout-align="start space-around" ng-if="tabView == 'discover'">
<md-content class="overview-audit-discover" flex layout="column" layout-align="start space-around" ng-if="tabView == 'discover'">
<kbn-disfull table-height="1000px;" dis-a="(columns:!(_source),filters:!(),index:'wazuh-alerts-*',interval:auto,query:(query_string:(analyze_wildcard:!t,query:'*')),sort:!('@timestamp',desc))"
dis-filter="rule.groups:audit"
infinite-scroll="true">
@ -50,155 +50,116 @@
<!-- View: Panels -->
<div ng-show="hideRing(11) && results && !loading" ng-if="tabView == 'panels'" class="wazuh-column">
<div layout="row" layout-align="center stretch" style="height: 100px;">
<md-card flex="10" class="wazuh-column">
<md-card-content class="wazuh-column metric">
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-New-files'" id="Wazuh-App-Overview-Audit-New-files"></kbn-vis>
<div layout="row" layout-align="center stretch" class="overview-audit-metric-row">
<md-card flex="10">
<md-card-content class="wazuh-column">
<kbn-vis class="metric" vis-id="'Wazuh-App-Overview-Audit-New-files'" id="Wazuh-App-Overview-Audit-New-files"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="10" class="wazuh-column">
<md-card-content class="metric wazuh-column">
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Read-files'" id="Wazuh-App-Overview-Audit-Read-files"></kbn-vis>
<md-card flex="10">
<md-card-content class="wazuh-column">
<kbn-vis class="metric" vis-id="'Wazuh-App-Overview-Audit-Read-files'" id="Wazuh-App-Overview-Audit-Read-files"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="10" class="wazuh-column">
<md-card-content class="metric wazuh-column">
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Modified-files'" id="Wazuh-App-Overview-Audit-Modified-files"></kbn-vis>
<md-card flex="10">
<md-card-content class="wazuh-column">
<kbn-vis class="metric" vis-id="'Wazuh-App-Overview-Audit-Modified-files'" id="Wazuh-App-Overview-Audit-Modified-files"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="10" class="wazuh-column">
<md-card-content class="metric wazuh-column">
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Removed-files'" id="Wazuh-App-Overview-Audit-Removed-files"></kbn-vis>
<md-card flex="10">
<md-card-content class="wazuh-column">
<kbn-vis class="metric" vis-id="'Wazuh-App-Overview-Audit-Removed-files'" id="Wazuh-App-Overview-Audit-Removed-files"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="60" class="wazuh-column" layout-align="center center">
<md-card-content style="text-align: center;" class="wazuh-column">
<md-card flex="60">
<md-card-content class="wazuh-column overview-audit-latest-alert">
<div class="ng-binding">Latest alert</div>
<kbn-vis class="kbn-vis-value" vis-id="'Wazuh-App-Overview-Audit-Latest-alert'" id="Wazuh-App-Overview-Audit-Latest-alert"></kbn-vis>
</md-card-content>
</md-card>
</div>
<div layout="row" layout-align="center stretch" style="height: 200px;">
<md-card flex="25" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Groups</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<div layout="row" layout-align="center stretch" class="overview-audit-after-metric-row">
<md-card flex="25">
<md-card-content class="wazuh-column">
<span class="md-headline">Groups</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Groups'" id="Wazuh-App-Overview-Audit-Groups"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Agents</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<md-card flex="25">
<md-card-content class="wazuh-column">
<span class="md-headline">Agents</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Agents'" id="Wazuh-App-Overview-Audit-Agents"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Directories</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<md-card flex="25">
<md-card-content class="wazuh-column">
<span class="md-headline">Directories</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Directories'" id="Wazuh-App-Overview-Audit-Directories"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="25" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Files</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<md-card flex="25">
<md-card-content class="wazuh-column">
<span class="md-headline">Files</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Files'" id="Wazuh-App-Overview-Audit-Files"></kbn-vis>
</md-card-content>
</md-card>
</div>
<div layout="row" layout-align="center stretch" style="height: 310px;">
<md-card class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Alerts over time</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<div layout="row" layout-align="center stretch" class="overview-audit-alerts-over-time">
<md-card flex>
<md-card-content class="wazuh-column">
<span class="md-headline">Alerts over time</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Alerts-over-time'" id="Wazuh-App-Overview-Audit-Alerts-over-time"></kbn-vis>
</md-card-content>
</md-card>
</div>
<md-content style="height: 448px" layout="row" layout-align="center stretch">
<md-content flex="20" layout="column" layout-align="center stretch" class="wazuh-column">
<md-card flex="50" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">File read access</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<div layout="row" layout-align="center stretch" class="overview-audit-mid-group">
<div flex="20" layout="column" layout-align="center stretch">
<md-card flex="50">
<md-card-content class="wazuh-column">
<span class="md-headline">File read access</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-File-read-access'" id="Wazuh-App-Overview-Audit-File-read-access"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="50" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">File write access</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<md-card flex="50">
<md-card-content class="wazuh-column">
<span class="md-headline">File write access</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-File-write-access'" id="Wazuh-App-Overview-Audit-File-write-access"></kbn-vis>
</md-card-content>
</md-card>
</md-content>
</div>
<md-content flex="60" layout="column" layout-align="center stretch" class="wazuh-column">
<md-card flex="100" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Commands</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<div flex="60" layout="column" layout-align="center stretch">
<md-card flex>
<md-card-content class="wazuh-column">
<span class="md-headline">Commands</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Commands'" id="Wazuh-App-Overview-Audit-Commands"></kbn-vis>
</md-card-content>
</md-card>
</md-content>
</div>
<md-content flex="20" layout="column" layout-align="center stretch" class="wazuh-column">
<md-card flex="50" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Created files</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<div flex="20" layout="column" layout-align="center stretch">
<md-card flex="50">
<md-card-content class="wazuh-column">
<span class="md-headline">Created files</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Files-created'" id="Wazuh-App-Overview-Audit-Files-created"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="50" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Removed files</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<md-card flex="50">
<md-card-content class="wazuh-column">
<span class="md-headline">Removed files</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Files-deleted'" id="Wazuh-App-Overview-Audit-Files-deleted"></kbn-vis>
</md-card-content>
</md-card>
</md-content>
</md-content>
</div>
</div>
<div layout-align="center stretch" style="height: 530px;" class="wazuh-column">
<md-card class="wazuh-column">
<md-card-content class="wazuh-column">
<div layout-align="center stretch" class="overview-audit-last-alerts">
<md-card flex>
<md-card-content class="wazuh-column">
<span class="md-headline">Last alerts</span>
<kbn-vis vis-id="'Wazuh-App-Overview-Audit-Last-alerts'" id="Wazuh-App-Overview-Audit-Last-alerts"></kbn-vis>
</md-card-content>
@ -206,3 +167,30 @@
</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>