Reestructured the agents pci tab

This commit is contained in:
Jesús 2017-11-22 11:43:32 +01:00
parent 03b6363cf0
commit f5c302661f

View File

@ -25,14 +25,14 @@
<!-- No results message -->
<md-content flex layout="row" layout-align="start start" ng-show="!results && !loading" ng-if="tabView == 'panels' && hideRing(3)">
<md-card flex layout="column">
<md-card-content style="text-align: center;">
<md-card-content class="agents-pci-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' && agentInfo.name">
<md-content class="agents-pci-discover" flex layout="column" layout-align="start space-around" ng-if="tabView == 'discover' && agentInfo.name">
<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="_exists_:rule.pci_dss "
infinite-scroll="true">
@ -41,49 +41,62 @@
<!-- View: Panels -->
<div flex ng-show="hideRing(3) && results && !loading" ng-if="tabView == 'panels' && !load" class="wazuh-column">
<md-content layout="row" layout-align="center stretch">
<md-card flex>
<md-tabs md-selected="selectedIndex" md-border-bottom md-dynamic-height id="pciReq_tab">
<md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}">
<md-content style="background-color: white;" class="md-padding">
<h1 class="md-display-2 wazuh-h1" style="line-height: 40px; margin: 0;">PCI DSS Requirement: {{tab.title}}</h1>
<div ng-bind-html="tab.content"></div>
</md-content>
</md-tab>
</md-tabs>
</md-card>
</md-content>
<md-content layout="row" layout-align="center stretch" style="height: 255px;">
<md-card flex="70" class="wazuh-column">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Requirements</span>
</md-card-title-text>
</md-card-title>
<md-card-content class="wazuh-column">
<kbn-vis vis-id="'Wazuh-App-Agents-PCI-Requirements'" id="Wazuh-App-Agents-PCI-Requirements"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="30" 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">
<kbn-vis vis-id="'Wazuh-App-Agents-PCI-Groups'" id="Wazuh-App-Agents-PCI-Groups"></kbn-vis>
</md-card-content>
</md-card>
</md-content>
<div layout="row" layout-align="center stretch">
<md-card flex>
<md-tabs md-selected="selectedIndex" md-border-bottom md-dynamic-height id="pciReq_tab">
<md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}">
<div flex class="md-padding agents-pci-discover">
<h1 class="md-display-2 wazuh-h1 agents-pci-h1">PCI DSS Requirement: {{tab.title}}</h1>
<div ng-bind-html="tab.content"></div>
</div>
</md-tab>
</md-tabs>
</md-card>
</div>
<div layout-align="center stretch" style="height: 540px;" class="wazuh-column">
<md-card flex class="wazuh-column">
<md-card-content class="wazuh-column">
<span class="md-headline">Last alerts</span>
<kbn-vis vis-id="'Wazuh-App-Agents-PCI-Last-alerts'" id="Wazuh-App-Agents-PCI-Last-alerts"></kbn-vis>
</md-card-content>
</md-card>
</div>
<div layout="row" layout-align="center stretch" class="agents-pci-row-225">
<md-card flex="70">
<md-card-content class="wazuh-column">
<span class="md-headline">Requirements</span>
<kbn-vis vis-id="'Wazuh-App-Agents-PCI-Requirements'" id="Wazuh-App-Agents-PCI-Requirements"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex="30">
<md-card-content class="wazuh-column">
<span class="md-headline">Groups</span>
<kbn-vis vis-id="'Wazuh-App-Agents-PCI-Groups'" id="Wazuh-App-Agents-PCI-Groups"></kbn-vis>
</md-card-content>
</md-card>
</div>
<div layout="row" layout-align="center stretch" class="agents-pci-row-540">
<md-card flex>
<md-card-content class="wazuh-column">
<span class="md-headline">Last alerts</span>
<kbn-vis vis-id="'Wazuh-App-Agents-PCI-Last-alerts'" id="Wazuh-App-Agents-PCI-Last-alerts"></kbn-vis>
</md-card-content>
</md-card>
</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>