From 3b54b4d9de1cfedc82aef7cd2f37d63f0af7e507 Mon Sep 17 00:00:00 2001
From: JuanjiJG <juanji0503@gmail.com>
Date: Tue, 11 Sep 2018 16:04:46 +0200
Subject: [PATCH] Added Integrations section

---
 .../new-configuration/configuration.jade      |   1 +
 .../integrations/integrations.html            | 205 ++++++++++++++++++
 .../management/new-configuration/welcome.html |   6 +-
 3 files changed, 209 insertions(+), 3 deletions(-)
 create mode 100644 public/templates/management/new-configuration/integrations/integrations.html

diff --git a/public/templates/management/new-configuration/configuration.jade b/public/templates/management/new-configuration/configuration.jade
index 581facb84..793973ceb 100644
--- a/public/templates/management/new-configuration/configuration.jade
+++ b/public/templates/management/new-configuration/configuration.jade
@@ -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
diff --git a/public/templates/management/new-configuration/integrations/integrations.html b/public/templates/management/new-configuration/integrations/integrations.html
new file mode 100644
index 000000000..4acd4f553
--- /dev/null
+++ b/public/templates/management/new-configuration/integrations/integrations.html
@@ -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>
diff --git a/public/templates/management/new-configuration/welcome.html b/public/templates/management/new-configuration/welcome.html
index 5c9179c2a..9b5e1ce1a 100644
--- a/public/templates/management/new-configuration/welcome.html
+++ b/public/templates/management/new-configuration/welcome.html
@@ -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>