wazuh-kibana-app/public/templates/agents/agents-ciscat.html
Juanka Rodríguez 320a4bc36f UI modifications for visualizations and more (#1293)
* Design fixes

* Place of column gear

* Columns and formatted

* Overview files vis

* Expand files

* Expandible file in fim

* Resizable table columns

* Expandible vis with double click

* Top 10 rule groups

* Change Top 5 rules

* Top 10 Agent alerts

* Width of columns on tables

* Add missing class

* No show some fields in windows files tables
2019-03-11 16:40:16 +01:00

86 lines
5.0 KiB
HTML

<md-content flex layout="column" ng-if="tab === 'ciscat' && tabView === 'panels'" ng-class="{'no-opacity': resultState !== 'ready' || !rendered}"
layout-align="start">
<!-- Metric bar section -->
<div layout="row" layout-align="start center">
<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>Last not checked: <span class="wz-text-bold" ng-bind="ciscatScanNotChecked()"></span></div>
<div class="wz-text-truncatable" flex>Last pass: <span class="wz-text-bold" ng-bind="ciscatScanPass()"></span></div>
<div class="wz-text-truncatable" flex>Last scan score: <span class="wz-text-bold" ng-bind="ciscatScanScore()"></span></div>
<div class="wz-text-truncatable">Last scan date: <span class="wz-text-bold" ng-bind="ciscatScanTimestamp()"></span></div>
</md-card-content>
</md-card>
</div>
<!-- End metric bar section -->
<!-- Metric bar section -->
<div layout="row" layout-align="start center">
<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>Last errors: <span class="wz-text-bold" ng-bind="ciscatScanError()"></span></div>
<div class="wz-text-truncatable" flex>Last fails: <span class="wz-text-bold" ng-bind="ciscatScanFail()"></span></div>
<div class="wz-text-truncatable" flex>Last unknown: <span class="wz-text-bold" ng-bind="ciscatScanUnknown()"></span></div>
<div class="wz-text-truncatable">Last scan benchmark: <span class="wz-text-bold" ng-bind="ciscatScanBenchmark()"></span></div>
</md-card-content>
</md-card>
</div>
<!-- End metric bar section -->
<!-- Hidden metric visualizations section -->
<div class="wz-no-display">
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-error'"></kbn-vis>
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-fail'"></kbn-vis>
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-not-checked'"></kbn-vis>
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-pass'"></kbn-vis>
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-score'"></kbn-vis>
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-timestamp'"></kbn-vis>
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-benchmark'"></kbn-vis>
<kbn-vis vis-id="'Wazuh-app-Agents-CISCAT-last-scan-unknown'"></kbn-vis>
</div>
<!-- End hidden metric visualizations section -->
<!-- Top groups and result evolution section -->
<div layout="row" layout-align="start stretch" class="height-320">
<md-card flex="60" class="wz-md-card" ng-class="{'fullscreen': expandArray[0]}">
<md-card-content class="wazuh-column">
<div layout="row" ng-dblclick="expand(0)">
<span class="wz-headline-title">Top 5 CIS-CAT groups</span>
<span flex></span>
<span class="wz-text-link" ng-click="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-Agents-CISCAT-top-5-groups'" id="Wazuh-app-Agents-CISCAT-top-5-groups"></kbn-vis>
</md-card-content>
</md-card>
<md-card flex class="wz-md-card" ng-class="{'fullscreen': expandArray[1]}">
<md-card-content class="wazuh-column">
<div layout="row" ng-dblclick="expand(1)">
<span class="wz-headline-title">Scan result evolution</span>
<span flex></span>
<span class="wz-text-link" ng-click="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-Agents-CISCAT-scan-result-evolution'" id="Wazuh-app-Agents-CISCAT-scan-result-evolution"></kbn-vis>
</md-card-content>
</md-card>
</div>
<!-- End top groups and result evolution section -->
<!-- Alerts summary table section -->
<div layout="row" layout-align="start stretch" class="height-570">
<md-card flex class="wz-md-card" ng-class="{'fullscreen': expandArray[2]}">
<md-card-content class="wazuh-column">
<div layout="row" ng-dblclick="expand(2)">
<span class="wz-headline-title">Alerts summary</span>
<span flex></span>
<span class="wz-text-link" ng-click="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-Agents-CISCAT-alerts-summary'"></kbn-vis>
</md-card-content>
</md-card>
</div>
<!-- End alerts summary table section -->
</md-content>