Added Integrations section

This commit is contained in:
JuanjiJG 2018-09-11 16:04:46 +02:00
parent aa7e540f63
commit 3b54b4d9de
3 changed files with 209 additions and 3 deletions

View File

@ -2,6 +2,7 @@ include ./configuration.head
include ./welcome.html
include ./cluster/cluster.html
include ./global-configuration/global-configuration.jade
include ./integrations/integrations.html
include ./registration-service/registration-service.html
include ./wazuh-modules/wazuh-modules.jade
include ../../footer.foot

View File

@ -0,0 +1,205 @@
<div flex="auto" layout="column" ng-if="!load && configurationTab === 'integrations'">
<!-- Headline -->
<div layout="column" layout-padding>
<div>
<span class="font-size-18">Integrations</span>
</div>
<span class="md-subheader">Slack, VirusTotal and PagerDuty integrations with external APIs</span>
</div>
<!-- End headline -->
<!-- This section contains the main content and the right sidenav -->
<div flex="auto" layout="row">
<!-- This section appears when there's no configuration -->
<wz-no-config flex ng-if="false"></wz-no-config>
<!-- End no configuration section -->
<!-- This section is the main content -->
<div flex layout="column">
<!-- VirusTotal integration card -->
<md-card class="wz-md-card" ng-if="!JSONContent && !XMLContent">
<md-card-content>
<span class="font-size-16">VirusTotal</span>
<md-divider class="wz-margin-top-10"></md-divider>
<!-- Configuration block -->
<div class="wz-padding-top-10">
<wz-config-item
label="API key"
value="enabled">
</wz-config-item>
<wz-config-item
label="Filter alerts by this level or above"
value="8">
</wz-config-item>
<wz-config-item
label="Filter alerts by this rule IDs"
value="1005">
</wz-config-item>
<wz-config-item
label="Filter alerts by this rule groups"
value="syscheck">
</wz-config-item>
<wz-config-item
label="Filter alerts by location (agent, IP or file)"
value="10.0.0.69">
</wz-config-item>
<wz-config-item
label="Used format to write alerts"
value="json">
</wz-config-item>
</div>
<!-- End configuration block -->
</md-card-content>
</md-card>
<!-- End VirusTotal integration card -->
<!-- Slack integration card -->
<md-card class="wz-md-card" ng-if="!JSONContent && !XMLContent">
<md-card-content>
<span class="font-size-16">Slack</span>
<md-divider class="wz-margin-top-10"></md-divider>
<!-- Configuration block -->
<div class="wz-padding-top-10">
<wz-config-item
label="Hook URL"
value="enabled">
</wz-config-item>
<wz-config-item
label="Filter alerts by this level or above"
value="8">
</wz-config-item>
<wz-config-item
label="Filter alerts by this rule IDs"
value="1005">
</wz-config-item>
<wz-config-item
label="Filter alerts by this rule groups"
value="syscheck">
</wz-config-item>
<wz-config-item
label="Filter alerts by location (agent, IP or file)"
value="10.0.0.69">
</wz-config-item>
<wz-config-item
label="Used format to write alerts"
value="json">
</wz-config-item>
</div>
<!-- End configuration block -->
</md-card-content>
</md-card>
<!-- End Slack integration card -->
<!-- PagerDuty integration card -->
<md-card class="wz-md-card" ng-if="!JSONContent && !XMLContent">
<md-card-content>
<span class="font-size-16">PagerDuty</span>
<md-divider class="wz-margin-top-10"></md-divider>
<!-- Configuration block -->
<div class="wz-padding-top-10">
<wz-config-item
label="API key"
value="enabled">
</wz-config-item>
<wz-config-item
label="Filter alerts by this level or above"
value="8">
</wz-config-item>
<wz-config-item
label="Filter alerts by this rule IDs"
value="1005">
</wz-config-item>
<wz-config-item
label="Filter alerts by this rule groups"
value="syscheck">
</wz-config-item>
<wz-config-item
label="Filter alerts by location (agent, IP or file)"
value="10.0.0.69">
</wz-config-item>
<wz-config-item
label="Used format to write alerts"
value="json">
</wz-config-item>
</div>
<!-- End configuration block -->
</md-card-content>
</md-card>
<!-- End PagerDuty integration card -->
<!-- JSON card -->
<md-card flex="auto" class="wz-md-card" ng-if="JSONContent">
<md-card-content flex layout="column">
<span class="font-size-16">JSON viewer</span>
<md-divider class="wz-margin-top-10"></md-divider>
<!-- The JSON viewer -->
<div flex="auto" class="wz-margin-top-10 wz-code-viewer">
<pre><code wz-dynamic="JSONContent"></code></pre>
</div>
<!-- End JSON viewer -->
</md-card-content>
</md-card>
<!-- End JSON card -->
<!-- XML card -->
<md-card flex="auto" class="wz-md-card" ng-if="XMLContent">
<md-card-content flex layout="column">
<span class="font-size-16">XML viewer</span>
<md-divider class="wz-margin-top-10"></md-divider>
<!-- The XML viewer -->
<div flex="auto" class="wz-margin-top-10 wz-code-viewer">
<pre>{{ XMLContent }}</pre>
</div>
<!-- End XML viewer -->
</md-card-content>
</md-card>
<!-- End XML card -->
</div>
<!-- End main content section -->
<!-- This section is the right sidenav content -->
<md-sidenav
class="md-sidenav-right"
md-is-locked-open="true">
<md-list>
<md-subheader>Any questions?</md-subheader>
<md-list-item target="_blank" class="wz-text-link" ng-href="https://documentation.wazuh.com/current/user-manual/manager/manual-integration.html">How to integrate Wazuh with external APIs</md-list-item>
<md-list-item target="_blank" class="wz-text-link" ng-href="https://documentation.wazuh.com/current/user-manual/capabilities/virustotal-scan/index.html">VirusTotal integration documentation</md-list-item>
<md-list-item target="_blank" class="wz-text-link" ng-href="https://documentation.wazuh.com/current/user-manual/reference/ossec-conf/integration.html">Integration reference</md-list-item>
<md-divider></md-divider>
<md-subheader>Having trouble?</md-subheader>
<md-list-item target="_blank" class="wz-text-link" ng-href="https://groups.google.com/forum/#!forum/wazuh">Ask on the mailing list</md-list-item>
<md-list-item target="_blank" class="wz-text-link" ng-href="https://github.com/wazuh/wazuh/issues">Ask on GitHub</md-list-item>
<md-divider></md-divider>
<md-subheader>More options</md-subheader>
<md-list-item layout-wrap>
<md-button ng-class="JSONContent ? 'active' : ''" class="wz-button md-raised md-primary small" ng-click="getJSON('integration')">{{ JSONContent ? "Close JSON viewer" : "Open JSON viewer" }}</md-button>
<md-button ng-class="XMLContent ? 'active' : ''" class="wz-button md-raised md-primary small" ng-click="getXML('integration')">{{ XMLContent ? "Close XML viewer" : "Open XML viewer" }}</md-button>
</md-list-item>
</md-list>
</md-sidenav>
<!-- End right sidenav section -->
</div>
<!-- End main content and right sidenav section -->
</div>

View File

@ -47,13 +47,13 @@
</md-list-item>
<md-list-item flex="100" flex-gt-md="50" flex-gt-lg="33" class="md-2-line">
<div class="md-list-item-text">
<h3 class="wz-text-link" ng-click="switchConfigurationTab('commands-active-response')">Commands & Active response</h3>
<p>Pending description</p>
<h3 class="wz-text-link" ng-click="switchConfigurationTab('integrations')">Integrations</h3>
<p>Slack, VirusTotal and PagerDuty integrations with external APIs</p>
</div>
</md-list-item>
<md-list-item flex="100" flex-gt-md="50" flex-gt-lg="33" class="md-2-line">
<div class="md-list-item-text">
<h3 class="wz-text-link" ng-click="switchConfigurationTab('integrations')">Integrations</h3>
<h3 class="wz-text-link" ng-click="switchConfigurationTab('commands-active-response')">Commands & Active response</h3>
<p>Pending description</p>
</div>
</md-list-item>