Fix margin

This commit is contained in:
Jesús Ángel 2019-02-25 11:00:34 +01:00
parent a5245cf40d
commit b61e7a0388

View File

@ -7,7 +7,8 @@
not fetch data for this agent. <span ng-if="emptyAgent">Reason: {{emptyAgent}}</span></span>
</div>
<div layout="row" layout-padding ng-if="emptyAgent">
<span class="wz-text-link" ng-click="getAgent()"><i class="fa fa-fw fa-refresh" aria-hidden="true"></i>
<span class="wz-text-link" ng-click="getAgent()"><i class="fa fa-fw fa-refresh"
aria-hidden="true"></i>
Try again</span>
</div>
</md-card-content>
@ -17,13 +18,14 @@
<div layout="column" class="" layout-align="start stretch" ng-if="tab === 'welcome'" ng-show="!load && agent">
<!-- Headline -->
<div layout="row" class="wz-margin-left-16 wz-margin-right-8 wz-margin-top-8">
<div layout="row" class="wz-margin-left-16 wz-margin-right-16 wz-margin-top-8">
<span class="font-size-18"><i class="fa fa-fw fa-tv" aria-hidden="true"></i> {{ agent.name || '-' }} <span
class="wz-text-bold wz-text-link" ng-click="goDiscover()" tooltip="Discover"><i class="fa fa-fw fa-compass"
aria-hidden="true"></i></span></span>
class="wz-text-bold wz-text-link" ng-click="goDiscover()" tooltip="Discover"><i
class="fa fa-fw fa-compass" aria-hidden="true"></i></span></span>
<span flex></span>
<md-button ng-show="!showConfirmRestartAgent" ng-disabled="restartingAgent" class="wz-button wz-no-margin" ng-disabled="isRestarting"
ng-click="showConfirmRestartAgent = true"><i class="fa fa-refresh" ng-class="restartingAgent ? 'fa-spin fa-spinner' : ''"></i>
<md-button ng-show="!showConfirmRestartAgent" ng-disabled="restartingAgent" class="wz-button wz-no-margin"
ng-disabled="isRestarting" ng-click="showConfirmRestartAgent = true"><i class="fa fa-refresh"
ng-class="restartingAgent ? 'fa-spin fa-spinner' : ''"></i>
Restart agent
</md-button>
<div ng-show="showConfirmRestartAgent" class="confirmEmbedBubble confirmEmbedBubbleInline wz-margin-right-8">
@ -42,7 +44,8 @@
<div layout="row" layout-padding>
<md-card flex class="wz-md-card wz-padding-top-0 wz-padding-bottom-0">
<md-card-content>
<div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive">
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive">
<div class="euiFlexItem euiFlexItem--flexGrowZero">
<div class="euiStat euiStat--leftAligned">
<div class="euiText euiText--small euiStat__description">
@ -99,7 +102,8 @@
<p class="euiTitle euiTitle--small euiStat__title" ng-if="agent.syscheck.inProgress">Scan
in progress</p>
<p class="euiTitle euiTitle--small euiStat__title" ng-if="!agent.syscheck.inProgress">{{agent.syscheck.end
|| '-'}} <md-tooltip ng-if="!agent.syscheck.inProgress && agent.syscheck.start && agent.syscheck.end"
|| '-'}} <md-tooltip
ng-if="!agent.syscheck.inProgress && agent.syscheck.start && agent.syscheck.end"
md-direction="bottom" class="wz-tooltip">
Start time: {{ agent.syscheck.start || '-'}} <br>
End time: {{ agent.syscheck.end || '-'}} <br>
@ -117,7 +121,8 @@
in progress</p>
<p class="euiTitle euiTitle--small euiStat__title" ng-if="!agent.rootcheck.inProgress">{{agent.rootcheck.end
|| '-'}}
<md-tooltip ng-if="!agent.rootcheck.inProgress && agent.rootcheck.start && agent.rootcheck.end"
<md-tooltip
ng-if="!agent.rootcheck.inProgress && agent.rootcheck.start && agent.rootcheck.end"
md-direction="bottom" class="wz-tooltip">
Start time: {{ agent.rootcheck.start || '-'}} <br>
End time: {{ agent.rootcheck.end || '-'}} <br>
@ -135,8 +140,9 @@
<md-card-content>
<div layout="row" ng-if="agent.group">
<span class="font-size-16">Groups <i ng-if='adminMode' tooltip="Add group" ng-click="switchGroupEdit()"
class="wz-text-bold wz-text-link-add fa fa-fw" ng-class="!addingGroupToAgent ? 'fa-plus-circle' : 'fa-minus-circle'"></i></span>
<span class="font-size-16">Groups <i ng-if='adminMode' tooltip="Add group"
ng-click="switchGroupEdit()" class="wz-text-bold wz-text-link-add fa fa-fw"
ng-class="!addingGroupToAgent ? 'fa-plus-circle' : 'fa-minus-circle'"></i></span>
</div>
<md-divider ng-if="agent.group" class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-margin-top-10" ng-if="agent.group && editGroup && !addingGroupToAgent">
@ -144,12 +150,15 @@
Available groups:
</div>
<div class="wz-word-break" flex ng-if="!groups || !groups.length">
No more groups available. Create a new group at <a ng-href="#/manager//?_g=()&tab=groups">Configuration
No more groups available. Create a new group at <a
ng-href="#/manager//?_g=()&tab=groups">Configuration
> Groups</a>.
</div>
</div>
<div ng-if="agent.group && editGroup && !addingGroupToAgent && groups && groups.length" class="wz-margin-top-4">
<span ng-repeat="group in groups" class="wz-text-bold wz-text-link" ng-click="showConfirmAddGroup(group)">{{
<div ng-if="agent.group && editGroup && !addingGroupToAgent && groups && groups.length"
class="wz-margin-top-4">
<span ng-repeat="group in groups" class="wz-text-bold wz-text-link"
ng-click="showConfirmAddGroup(group)">{{
group }}&nbsp;</span>
</div>
@ -165,7 +174,8 @@
</div>
</div>
<div layout="row" ng-if="agent.group" class="wz-word-break wz-padding-top-10">
<span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link" ng-click="goGroups(agent,$index)">{{
<span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link"
ng-click="goGroups(agent,$index)">{{
group
}}&nbsp;</span>
</div>
@ -182,14 +192,20 @@
<h3 class="euiTitle wzEuiTitle">Security Information Management</h3>
<div class="euiSpacer euiSpacer--m"></div>
<div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
<wz-welcome-card class="euiFlexItem" logo="'icons/app_dashboard.svg'" card-title="'Security events'"
switch-tab="switchTab('general')" current-tab="'general'" description="TabDescription.general.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_logging.svg'" card-title="'Integrity monitoring'"
switch-tab="switchTab('fim')" current-tab="'fim'" description="TabDescription.fim.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_devtools.svg'" card-title="'Configuration'"
switch-tab="switchTab('configuration')" current-tab="'configuration'" description="TabDescription.configuration.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_index_pattern.svg'" card-title="'Inventory data'"
switch-tab="switchTab('syscollector')" current-tab="'syscollector'" description="TabDescription.syscollector.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_dashboard.svg'"
card-title="'Security events'" switch-tab="switchTab('general')" current-tab="'general'"
description="TabDescription.general.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_logging.svg'"
card-title="'Integrity monitoring'" switch-tab="switchTab('fim')" current-tab="'fim'"
description="TabDescription.fim.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_devtools.svg'"
card-title="'Configuration'" switch-tab="switchTab('configuration')"
current-tab="'configuration'" description="TabDescription.configuration.description">
</wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_index_pattern.svg'"
card-title="'Inventory data'" switch-tab="switchTab('syscollector')"
current-tab="'syscollector'" description="TabDescription.syscollector.description">
</wz-welcome-card>
</div>
</div>
</div>
@ -198,16 +214,22 @@
<h3 class="euiTitle wzEuiTitle">Auditing and Policy Monitoring</h3>
<div class="euiSpacer euiSpacer--m"></div>
<div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
<wz-welcome-card class="euiFlexItem" logo="'icons/app_advanced_settings.svg'" card-title="'Policy monitoring'"
switch-tab="switchTab('pm')" current-tab="'pm'" description="TabDescription.pm.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_timelion.svg'" card-title="'Configuration assessment'"
switch-tab="switchTab('sca')" current-tab="'sca'" description="TabDescription['sca'].description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.audit && agent.isLinuxOS" class="euiFlexItem" logo="'icons/app_monitoring.svg'"
card-title="'System auditing'" switch-tab="switchTab('audit')" current-tab="'audit'" description="TabDescription.audit.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.oscap && agent.isLinuxOS" class="euiFlexItem" logo="'icons/app_discover.svg'"
card-title="'OpenSCAP'" switch-tab="switchTab('oscap')" current-tab="'oscap'" description="TabDescription.oscap.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_advanced_settings.svg'"
card-title="'Policy monitoring'" switch-tab="switchTab('pm')" current-tab="'pm'"
description="TabDescription.pm.description"></wz-welcome-card>
<wz-welcome-card class="euiFlexItem" logo="'icons/app_timelion.svg'"
card-title="'Configuration assessment'" switch-tab="switchTab('sca')" current-tab="'sca'"
description="TabDescription['sca'].description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.audit && agent.isLinuxOS" class="euiFlexItem"
logo="'icons/app_monitoring.svg'" card-title="'System auditing'"
switch-tab="switchTab('audit')" current-tab="'audit'"
description="TabDescription.audit.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.oscap && agent.isLinuxOS" class="euiFlexItem"
logo="'icons/app_discover.svg'" card-title="'OpenSCAP'" switch-tab="switchTab('oscap')"
current-tab="'oscap'" description="TabDescription.oscap.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.ciscat" class="euiFlexItem" logo="'icons/app_management.svg'"
card-title="'CIS-CAT'" switch-tab="switchTab('ciscat')" current-tab="'ciscat'" description="TabDescription.ciscat.description"></wz-welcome-card>
card-title="'CIS-CAT'" switch-tab="switchTab('ciscat')" current-tab="'ciscat'"
description="TabDescription.ciscat.description"></wz-welcome-card>
</div>
</div>
</div>
@ -222,13 +244,16 @@
<h3 class="euiTitle wzEuiTitle">Threat Detection and Response</h3>
<div class="euiSpacer euiSpacer--m"></div>
<div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
<wz-welcome-card class="euiFlexItem" logo="'icons/app_security.svg'" card-title="'Vulnerabilities'"
switch-tab="switchTab('vuls')" current-tab="'vuls'" description="TabDescription.vuls.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.virustotal" class="euiFlexItem" logo="'icons/app_saved_objects.svg'"
card-title="'VirusTotal'" switch-tab="switchTab('virustotal')" current-tab="'virustotal'"
<wz-welcome-card class="euiFlexItem" logo="'icons/app_security.svg'"
card-title="'Vulnerabilities'" switch-tab="switchTab('vuls')" current-tab="'vuls'"
description="TabDescription.vuls.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.virustotal" class="euiFlexItem"
logo="'icons/app_saved_objects.svg'" card-title="'VirusTotal'"
switch-tab="switchTab('virustotal')" current-tab="'virustotal'"
description="TabDescription.virustotal.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.osquery" class="euiFlexItem" logo="'icons/osquery.svg'"
card-title="'Osquery'" switch-tab="switchTab('osquery')" current-tab="'osquery'" description="TabDescription.osquery.description"></wz-welcome-card>
card-title="'Osquery'" switch-tab="switchTab('osquery')" current-tab="'osquery'"
description="TabDescription.osquery.description"></wz-welcome-card>
</div>
</div>
</div>
@ -238,10 +263,12 @@
<h3 class="euiTitle wzEuiTitle">Regulatory Compliance</h3>
<div class="euiSpacer euiSpacer--m"></div>
<div class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--halves">
<wz-welcome-card ng-if="extensions.pci" class="euiFlexItem" logo="'icons/app_apm.svg'" card-title="'PCI DSS'"
switch-tab="switchTab('pci')" current-tab="'pci'" description="TabDescription.pci.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.pci" class="euiFlexItem" logo="'icons/app_apm.svg'"
card-title="'PCI DSS'" switch-tab="switchTab('pci')" current-tab="'pci'"
description="TabDescription.pci.description"></wz-welcome-card>
<wz-welcome-card ng-if="extensions.gdpr" class="euiFlexItem" logo="'icons/app_visualize.svg'"
card-title="'GDPR'" switch-tab="switchTab('gdpr')" current-tab="'gdpr'" description="TabDescription.gdpr.description"></wz-welcome-card>
card-title="'GDPR'" switch-tab="switchTab('gdpr')" current-tab="'gdpr'"
description="TabDescription.gdpr.description"></wz-welcome-card>
</div>
</div>
</div>