Manager config: design improved

This commit is contained in:
jesmg 2016-07-27 13:23:32 +00:00
parent 7cc482df83
commit cceed77bab

View File

@ -27,7 +27,6 @@
<md-content flex layout="column" ng-if="!load" layout-align="space-around">
<md-content flex layout-padding layout="row" layout-sm="column" layout-xs="column">
<div flex layout="column" ng-if="managerConfiguration.global">
<md-card>
<md-card-content>
@ -96,35 +95,35 @@
<p> Email notifications </p>
<p class="right-text">{{ managerConfiguration.global.email_notification }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.global.email_alert_level">
<span layout="row" layout-align="space-between center">
<p> Email alert level </p>
<p class="right-text">{{ managerConfiguration.global.email_alert_level }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.global.email_to">
<span layout="row" layout-align="space-between center">
<p> Email to </p>
<p class="right-text">{{ managerConfiguration.global.email_to }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.global.email_from">
<span layout="row" layout-align="space-between center">
<p> Email from </p>
<p class="right-text">{{ managerConfiguration.global.email_from }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.global.smtp_server">
<span layout="row" layout-align="space-between center">
<p> SMTP Server </p>
<p class="right-text">{{ managerConfiguration.global.smtp_server }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.global.email_maxperhour">
<p> Max email per hour </p>
@ -136,68 +135,69 @@
<p> Email IDS name </p>
<p class="right-text">{{ managerConfiguration.global.email_idsname }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.email_to">
<span layout="row" layout-align="space-between center">
<p> Email to </p>
<p class="right-text">{{ managerConfiguration.email_alerts.email_to }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.level">
<span layout="row" layout-align="space-between center">
<p> Alert level </p>
<p class="right-text">{{ managerConfiguration.email_alerts.level }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.group">
<span layout="row" layout-align="space-between center">
<p> Group </p>
<p class="right-text">{{ managerConfiguration.email_alerts.group }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.event_location">
<span layout="row" layout-align="space-between center">
<p> Event location </p>
<p class="right-text">{{ managerConfiguration.email_alerts.event_location }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.format">
<span layout="row" layout-align="space-between center">
<p> Format </p>
<p class="right-text">{{ managerConfiguration.email_alerts.format }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.rule_id">
<span layout="row" layout-align="space-between center">
<p> Rule ID </p>
<p class="right-text">{{ managerConfiguration.email_alerts.rule_id }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.do_not_delay">
<span layout="row" layout-align="space-between center">
<p> Do not delay </p>
<p class="right-text">{{ managerConfiguration.email_alerts.do_not_delay }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.email_alerts.do_not_group">
<span layout="row" layout-align="space-between center">
<p> Do not group </p>
<p class="right-text">{{ managerConfiguration.email_alerts.do_not_group }}</p>
</span>
<md-divider></md-divider>
<md-divider></md-divider>
</span>
</md-card-content>
</md-card>
</div>
</md-content>
<md-content flex layout-padding layout="row" layout-sm="column" layout-xs="column">
<div flex layout="column" ng-if='managerConfiguration["active-response"] && (managerConfiguration["active-response"].disabled != "yes")'>
<md-card>
@ -212,54 +212,55 @@
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-if="item.location">
<span ng-show="show" ng-if="item.location">
<span layout="row" layout-align="space-between center">
<p> Location </p>
<p class="right-text">{{ item.location }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.agent_id">
</span>
<span ng-show="show" ng-if="item.agent_id">
<span layout="row" layout-align="space-between center">
<p> Agent ID(s) </p>
<p class="right-text">{{ item.agent_id }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.level">
</span>
<span ng-show="show" ng-if="item.level">
<span layout="row" layout-align="space-between center">
<p> Level </p>
<p class="right-text">{{ item.level }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.timeout">
</span>
<span ng-show="show" ng-if="item.timeout">
<span layout="row" layout-align="space-between center">
<p> Timeout </p>
<p class="right-text">{{ item.timeout }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.rules_group">
</span>
<span ng-show="show" ng-if="item.rules_group">
<span layout="row" layout-align="space-between center">
<p> Rules group </p>
<p class="right-text" style="word-wrap: break-word; word-break: break-all;">{{ item.rules_group }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.rules_id">
</span>
<span ng-show="show" ng-if="item.rules_id">
<span layout="row" layout-align="space-between center">
<p> Rules ID(s) </p>
<p class="right-text">{{ item.rules_id }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.repeated_offenders">
</span>
<span ng-show="show" ng-if="item.repeated_offenders">
<span layout="row" layout-align="space-between center">
<p> Repeated offenders </p>
<p class="right-text">{{ item.repeated_offenders }}</p>
</span>
</span>
</span>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
</span>
</md-card-content>
</md-card>
</div>
<div flex layout="column" ng-if="managerConfiguration.command">
<md-card>
<md-card-content>
@ -273,26 +274,26 @@
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-if="item.expect">
<span ng-show="show" ng-if="item.expect">
<span layout="row" layout-align="space-between center">
<p> Expect </p>
<p class="right-text">{{ item.expect }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.executable">
</span>
<span ng-show="show" ng-if="item.executable">
<span layout="row" layout-align="space-between center">
<p> Executable </p>
<p class="right-text">{{ item.executable }}</p>
</span>
</span>
<span ng-show="show" ng-if="item.timeout_allowed">
</span>
<span ng-show="show" ng-if="item.timeout_allowed">
<span layout="row" layout-align="space-between center">
<p> Timeout allowed </p>
<p class="right-text">{{ item.timeout_allowed}}</p>
</span>
</span>
</span>
<md-divider></md-divider>
</span>
</span>
<md-divider></md-divider>
</span>
</md-card-content>
</md-card>
@ -303,80 +304,159 @@
<md-card-content>
<h3>Decoders</h3>
<span ng-if="managerConfiguration.rules.decoder_dir">
<span layout="row" layout-align="space-between center">
<p style="font-weight: bold"> Decoder directories</p>
<md-divider></md-divider>
</span>
<span ng-repeat="item in managerConfiguration.rules.decoder_dir|orderBy">
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-repeat="item in managerConfiguration.rules.decoder_dir|orderBy">
<p> {{ item }} </p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rules.decoder">
<span layout="row" layout-align="space-between center">
<p style="font-weight: bold"> Decoder files</p>
<md-divider></md-divider>
</span>
<span ng-repeat="item in managerConfiguration.rules.decoder|orderBy">
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-repeat="item in managerConfiguration.rules.decoder|orderBy">
<p> {{ item }} </p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
</md-card-content>
</md-card>
</div>
<div flex layout="column" ng-if="managerConfiguration.rules">
<md-card>
<md-card-content>
<h3>Rules</h3>
<span ng-if="managerConfiguration.rules.rule_dir">
<span layout="row" layout-align="space-between center">
<p style="font-weight: bold"> Rules directories</p>
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-repeat="item in managerConfiguration.rules.rule_dir|orderBy">
<p> {{ item }} </p>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rules.include">
<span layout="row" layout-align="space-between center">
<p style="font-weight: bold"> Rules files</p>
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<md-virtual-repeat-container id="vertical-container" ng-show="show" style="height: 250px;">
<div md-virtual-repeat="item in managerConfiguration.rules.include" class="repeated-item" flex>
<p> {{ item }} </p>
</div>
</md-virtual-repeat-container>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rules.list">
<span layout="row" layout-align="space-between center">
<p style="font-weight: bold">CDB lists</p>
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-repeat="item in managerConfiguration.rules.list|orderBy">
<p> {{ item }} </p>
</span>
<md-divider></md-divider>
</span>
</md-card-content>
</md-card>
</div>
</md-content>
<md-content flex layout-padding flex layout="row" layout-sm="column" layout-xs="column">
<div flex layout="column" ng-if="managerConfiguration.rootcheck">
<md-card>
<md-card-content>
<h3>Rootcheck</h3>
<span ng-if="managerConfiguration.rootcheck.disabled">
<span layout="row" layout-align="space-between center">
<p> Rootcheck disabled </p>
<p class="right-text">{{managerConfiguration.rootcheck.disabled}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rootcheck.rootkit_files">
<span layout="row" layout-align="space-between center">
<p> Rootkit Files </p>
<p class="right-text">{{managerConfiguration.rootcheck.rootkit_files}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rootcheck.rootkit_trojans">
<span layout="row" layout-align="space-between center">
<p> Rootkit Trojans </p>
<p class="right-text">{{managerConfiguration.rootcheck.rootkit_trojans}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rootcheck.base_directory">
<span layout="row" layout-align="space-between center">
<p> Base directory </p>
<p class="right-text">{{managerConfiguration.rootcheck.base_directory}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rootcheck.scanall">
<span layout="row" layout-align="space-between center">
<p> Scan all </p>
<p class="right-text">{{managerConfiguration.rootcheck.scanall}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rootcheck['frequency']">
<span layout="row" layout-align="space-between center">
<p> Frequency </p>
<p class="right-text">{{managerConfiguration.rootcheck['frequency']}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rootcheck.skip_nfs">
<span layout="row" layout-align="space-between center">
<p> Skip NFS </p>
<p class="right-text">{{managerConfiguration.rootcheck.skip_nfs}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.rootcheck.system_audit">
<span layout="row" layout-align="space-between center">
<p style="font-weight: bold"> System audit files</p>
<md-divider></md-divider>
</span>
<span ng-repeat="item in managerConfiguration.rootcheck.system_audit|orderBy">
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-repeat="item in managerConfiguration.rootcheck.system_audit|orderBy">
<p> {{ item }} </p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
</md-card-content>
</md-card>
@ -388,55 +468,77 @@
<md-card-content>
<h3>Syscheck</h3>
<span ng-if="managerConfiguration.syscheck.disabled">
<span layout="row" layout-align="space-between center">
<p> Syscheck disabled </p>
<p class="right-text">{{managerConfiguration.syscheck.disabled}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck['frequency']">
<span layout="row" layout-align="space-between center">
<p> Frequency </p>
<p class="right-text">{{managerConfiguration.syscheck['frequency']}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck.scan_time">
<span layout="row" layout-align="space-between center">
<p> Scan time </p>
<p class="right-text">{{managerConfiguration.syscheck.scan_time}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck.scan_day">
<span layout="row" layout-align="space-between center">
<p> Scan day </p>
<p class="right-text">{{managerConfiguration.syscheck.scan_day}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck.auto_ignore">
<span layout="row" layout-align="space-between center">
<p> Auto ignore </p>
<p class="right-text">{{managerConfiguration.syscheck.auto_ignore}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck.alert_new_files">
<span layout="row" layout-align="space-between center">
<p> Alert new files </p>
<p class="right-text">{{managerConfiguration.syscheck.alert_new_files}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck.scan_on_start">
<span layout="row" layout-align="space-between center">
<p> Scan on start </p>
<p class="right-text">{{managerConfiguration.syscheck.scan_on_start}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck.skip_nfs">
<span layout="row" layout-align="space-between center">
<p> Skip NFS </p>
<p class="right-text">{{managerConfiguration.syscheck.skip_nfs}}</p>
<md-divider></md-divider>
</span>
<md-divider></md-divider>
</span>
<span ng-if="managerConfiguration.syscheck.directories">
<span layout="row" layout-align="space-between center">
<p style="font-weight: bold">Monitoring directories</p>
<md-divider></md-divider>
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-repeat="item in managerConfiguration.syscheck.directories|orderBy">
<p> {{ item }} </p>
</span>
<md-divider></md-divider>
</span>
<span ng-repeat="item in managerConfiguration.syscheck.directories|orderBy">
<p> {{ item }} </p>
<md-divider></md-divider>
</span>
</md-card-content>
</md-card>
</div>
@ -446,9 +548,41 @@
<md-card-content>
<h3>Logcollector</h3>
<span ng-repeat='item in managerConfiguration["localfile"]|orderBy:["location", "command"]' ng-if="item.location">
<p> {{ item.location }} </p>
<md-divider></md-divider>
<span ng-repeat='item in managerConfiguration["localfile"]|orderBy:["location", "command"]'>
<span layout="row" layout-align="space-between center">
<p ng-if="item.location"> {{ item.location }} </p>
<p ng-if="item.command" style="overflow: hidden;"> {{ item.command }} </p>
<p class="right-text">
<i class="fa fa-caret-down" aria-hidden="true" ng-show="!show" ng-click="show = true"></i>
<i class="fa fa-caret-up" aria-hidden="true" ng-show="show" ng-click="show = false"></i>
</p>
</span>
<span ng-show="show" ng-if="item.log_format">
<span layout="row" layout-align="space-between center">
<p>Log format</p>
<p> {{ item.log_format }} </p>
</span>
</span>
<span ng-show="show" ng-if="item.alias">
<span layout="row" layout-align="space-between center">
<p>Alias</p>
<p> {{ item.alias }} </p>
</span>
</span>
<span ng-show="show" ng-if="item['frequency']">
<span layout="row" layout-align="space-between center">
<p>Frequency</p>
<p> {{ item['frequency'] }} </p>
</span>
</span>
<span ng-show="show" ng-if="item.check_diff">
<span layout="row" layout-align="space-between center">
<p>Check diff</p>
<p> {{ item.check_diff }} </p>
</span>
</span>
<md-divider></md-divider>
</span>
</md-card-content>
</md-card>