Added highlights to cards

This commit is contained in:
Juanjo Jiménez 2018-03-12 19:38:54 +01:00 committed by Javier Castro
parent e97a5b1e93
commit 5f94d07370

View File

@ -64,8 +64,13 @@
<!-- Section title -->
<span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='fim';toggleRAW=false" ng-class="selectedConfigTab === 'fim' ? 'wz-font-weight-bold' : ''">File Integrity</span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<span flex>View File Integrity settings</span>
<div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.disabled">
<span flex>Disabled</span>
<span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.disabled}}</span>
</div>
<div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.frequency">
<span flex>Frrequency</span>
<span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.frequency}}</span>
</div>
</md-card-content>
</md-card>
@ -77,13 +82,36 @@
<!-- Section title -->
<span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='pm';toggleRAW=false" ng-class="selectedConfigTab === 'pm' ? 'wz-font-weight-bold' : ''">Policy Monitoring</span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<span flex>View Policy Monitoring settings</span>
<div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.disabled">
<span flex>Disabled</span>
<span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.disabled}}</span>
</div>
<div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.base_directory">
<span flex>Base directory</span>
<span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.frequency}}</span>
</div>
</md-card-content>
</md-card>
<!-- END POLICY MONITORING -->
<!-- OPENSCAP -->
<md-card flex class="wz-md-card" ng-show="groupConfiguration.config['open-scap']">
<md-card-content>
<!-- Section title -->
<span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='scap';toggleRAW=false" ng-class="selectedConfigTab === 'scap' ? 'wz-font-weight-bold' : ''">OpenSCAP</span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].disabled">
<span flex>Disabled</span>
<span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].disabled}}</span>
</div>
<div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].interval">
<span flex>Interval</span>
<span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].interval}}</span>
</div>
</md-card-content>
</md-card>
<!-- END OPENSCAP -->
<!-- LOG COLLECTION -->
<md-card flex class="wz-md-card" ng-show="groupConfiguration.config['localfile']">
<md-card-content>
@ -91,25 +119,12 @@
<span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='log';toggleRAW=false" ng-class="selectedConfigTab === 'log' ? 'wz-font-weight-bold' : ''">Log Collection</span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<span flex>Visualize all Log Collecting settings</span>
<span flex>Visualize all Log Collection settings</span>
</div>
</md-card-content>
</md-card>
<!-- END LOG COLLECTION -->
<!-- OPENSCAP -->
<md-card flex class="wz-md-card" ng-show="groupConfiguration.config['open-scap']">
<md-card-content>
<!-- Section title -->
<span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='scap';toggleRAW=false" ng-class="selectedConfigTab === 'scap' ? 'wz-font-weight-bold' : ''">OpenSCAP</span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<span flex>View OpenSCAP settings</span>
</div>
</md-card-content>
</md-card>
<!-- END OPENSCAP -->
</div>
<div flex="75" layout="row" layout-align="start stretch">
@ -379,57 +394,6 @@
</md-card>
<!-- END POLICY MONITORING -->
<!-- LOG COLLECTION -->
<md-card flex class="wz-md-card" ng-show="selectedConfigTab === 'log' && !toggleRAW">
<md-card-content>
<!-- Section title -->
<div layout="row" layout-align="start center">
<span flex="85" class="wz-headline-title"><i class="fa fa-fw fa-reorder"></i> Log Collection</span>
<md-switch flex="15" class="wz-md-switch" ng-model="toggleRAW">View JSON</md-switch>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<!-- Log Files -->
<div layout="row" class="wz-padding-top-10">
<span class="wz-headline-title wz-padding-top-10">Log files</span>
</div>
<div ng-repeat="item in groupConfiguration.config['localfile']">
<div ng-if="item.location" layout="row" class="wz-padding-top-10">
<span flex>Location</span>
<span flex class="text-right color-grey">{{item.location}}</span>
</div>
<div ng-if="item.log_format" layout="row" class="wz-padding-top-10">
<span flex>Log format</span>
<span flex class="text-right color-grey">{{item.log_format}}</span>
</div>
<div ng-if="item.frequency" layout="row" class="wz-padding-top-10">
<span flex>Frequency</span>
<span flex class="text-right color-grey">{{item.frequency}}</span>
</div>
<div ng-if="item.query" layout="row" class="wz-padding-top-10">
<span flex>Query</span>
<span flex class="text-right color-grey">{{item.query}}</span>
</div>
<div ng-if="item.command" layout="row" class="wz-padding-top-10">
<span flex>Command</span>
<span flex class="text-right color-grey">{{item.command}}</span>
</div>
<div ng-if="item.alias" layout="row" class="wz-padding-top-10">
<span flex>Alias</span>
<span flex class="text-right color-grey">{{item.alias}}</span>
</div>
<div ng-if="item.label" layout="row" class="wz-padding-top-10">
<span flex>Label</span>
<span flex class="text-right color-grey">{{item.label}}</span>
</div>
<md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
</div>
</md-card-content>
</md-card>
<!-- END LOG COLLECTION -->
<!-- OPENSCAP -->
<md-card flex class="wz-md-card" ng-show="selectedConfigTab === 'scap' && !toggleRAW">
<md-card-content>
@ -487,6 +451,54 @@
</md-card>
<!-- END OPENSCAP -->
<!-- LOG COLLECTION -->
<md-card flex class="wz-md-card" ng-show="selectedConfigTab === 'log' && !toggleRAW">
<md-card-content>
<!-- Section title -->
<div layout="row" layout-align="start center">
<span flex="85" class="wz-headline-title"><i class="fa fa-fw fa-reorder"></i> Log Collection</span>
<md-switch flex="15" class="wz-md-switch" ng-model="toggleRAW">View JSON</md-switch>
</div>
<md-divider class="wz-margin-top-10"></md-divider>
<!-- Log Files -->
<div ng-repeat="item in groupConfiguration.config['localfile']">
<div ng-if="item.location" layout="row" class="wz-padding-top-10">
<span flex>Location</span>
<span flex class="text-right color-grey">{{item.location}}</span>
</div>
<div ng-if="item.log_format" layout="row" class="wz-padding-top-10">
<span flex>Log format</span>
<span flex class="text-right color-grey">{{item.log_format}}</span>
</div>
<div ng-if="item.frequency" layout="row" class="wz-padding-top-10">
<span flex>Frequency</span>
<span flex class="text-right color-grey">{{item.frequency}}</span>
</div>
<div ng-if="item.query" layout="row" class="wz-padding-top-10">
<span flex>Query</span>
<span flex class="text-right color-grey">{{item.query}}</span>
</div>
<div ng-if="item.command" layout="row" class="wz-padding-top-10">
<span flex>Command</span>
<span flex class="text-right color-grey">{{item.command}}</span>
</div>
<div ng-if="item.alias" layout="row" class="wz-padding-top-10">
<span flex>Alias</span>
<span flex class="text-right color-grey">{{item.alias}}</span>
</div>
<div ng-if="item.label" layout="row" class="wz-padding-top-10">
<span flex>Label</span>
<span flex class="text-right color-grey">{{item.label}}</span>
</div>
<md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
</div>
</md-card-content>
</md-card>
<!-- END LOG COLLECTION -->
<!-- JSON VIEWER -->
<md-card flex class="wz-md-card" ng-show="toggleRAW">
<md-card-content>