- -
-
- 1
- You require a token to access event data via the API. In Sophos Central Admin, go to Global Settings
- > API Token Management.
-
-
- -
-
- 2
- To create a new token, click Add token from the top-right corner of the screen.
-
-
- -
-
- 3
- Select a token name and click Save. The API Token Summary
- for this token is displayed.
-
-
- -
-
- 4
- Click ont the Copy button to copy your API Access URL + Headers from the API Token
- Summary section into your clipboard.
- 
-
-
- -
-
- 5
- Insert information in the following inputs.You can add more than one Sophos
- configuration by clicking on Add tenant button.
-
-
-
- -
-
- 6
- Click on the button shown below, to activate the UTMStack features related to this integration
-
-
-
-
+
+
+ -
+
+ {{step.id}}
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/app/app-module/guides/guide-sophos/guide-sophos.component.ts b/frontend/src/app/app-module/guides/guide-sophos/guide-sophos.component.ts
index 03fcc8e80..c2fffefc1 100644
--- a/frontend/src/app/app-module/guides/guide-sophos/guide-sophos.component.ts
+++ b/frontend/src/app/app-module/guides/guide-sophos/guide-sophos.component.ts
@@ -1,5 +1,9 @@
import {Component, Input, OnInit} from '@angular/core';
import {UtmModulesEnum} from '../../shared/enum/utm-module.enum';
+import {AS400STEPS} from "../guide-as400/as400.steps";
+import {ACTIONS, PLATFORM} from "../guide-as400/constants";
+import {Step} from "../shared/step";
+import {SOPHOS_STEPS} from "./sophos.steps";
@Component({
selector: 'app-guide-sophos',
@@ -11,6 +15,9 @@ export class GuideSophosComponent implements OnInit {
@Input() serverId: number;
module = UtmModulesEnum;
configValidity: boolean;
+ steps = SOPHOS_STEPS;
+ platforms = PLATFORM;
+ actions = ACTIONS;
constructor() {
}
@@ -21,5 +28,4 @@ export class GuideSophosComponent implements OnInit {
configValidChange($event: boolean) {
this.configValidity = !$event;
}
-
}
diff --git a/frontend/src/app/app-module/guides/guide-sophos/sophos.steps.ts b/frontend/src/app/app-module/guides/guide-sophos/sophos.steps.ts
new file mode 100644
index 000000000..294cbd325
--- /dev/null
+++ b/frontend/src/app/app-module/guides/guide-sophos/sophos.steps.ts
@@ -0,0 +1,31 @@
+import {Step} from '../shared/step';
+
+export const SOPHOS_STEPS: Step[] = [
+ {id: '1', name: 'You require a Client ID and Client Secret to access event data via the API. ' +
+ 'In Sophos Central Admin, go to ' +
+ 'The Client Secret is only visible once. Ensure you copy and save it securely
',
+ content: {
+ id: 'stepContent4',
+ images: [{
+ alt: 'Client Secrets',
+ src: '../../../../assets/img/guides/sophos/sophos-step-4.png',
+ }]
+ }
+ },
+ {id: '5', name: 'Insert information in the following inputs.You can add more than one Sophos configuration ' +
+ 'by clicking on Add tenant button.',
+ content: {
+ id: 'stepContent5'
+ }
+ },
+ {id: '6', name: 'Click on the button shown below, to activate the UTMStack features related to this integration',
+ content: {
+ id: 'stepContent6'
+ }
+ }
+];
diff --git a/frontend/src/app/data-management/alert-management/alert-view/alert-view.component.ts b/frontend/src/app/data-management/alert-management/alert-view/alert-view.component.ts
index 6f4277857..2095ff084 100644
--- a/frontend/src/app/data-management/alert-management/alert-view/alert-view.component.ts
+++ b/frontend/src/app/data-management/alert-management/alert-view/alert-view.component.ts
@@ -1,6 +1,6 @@
import {HttpResponse} from '@angular/common/http';
import { Component, OnDestroy, OnInit} from '@angular/core';
-import {ActivatedRoute, NavigationEnd, Router} from '@angular/router';
+import {ActivatedRoute, Router} from '@angular/router';
import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
import {TranslateService} from '@ngx-translate/core';
import {ResizeEvent} from 'angular-resizable-element';
@@ -47,16 +47,14 @@ import {SaveAlertReportComponent} from '../alert-reports/shared/components/save-
import {AlertDataTypeBehavior} from '../shared/behavior/alert-data-type.behavior';
import {AlertFiltersBehavior} from '../shared/behavior/alert-filters.behavior';
import {AlertStatusBehavior} from '../shared/behavior/alert-status.behavior';
-import {AlertUpdateTagBehavior} from '../shared/behavior/alert-update-tag.behavior';
import {RowToFiltersComponent} from '../shared/components/filters/row-to-filter/row-to-filters.component';
import {EventDataTypeEnum} from '../shared/enums/event-data-type.enum';
-import {AlertManagementService} from '../shared/services/alert-management.service';
import {AlertTagService} from '../shared/services/alert-tag.service';
import {getCurrentAlertStatus, getStatusName} from '../shared/util/alert-util-function';
import {CheckEmailConfigService, ParamShortType} from '../../../shared/services/util/check-email-config.service';
-import {Subject} from "rxjs";
-import {takeUntil} from "rxjs/operators";
-import {ElasticDataTypesEnum} from "../../../shared/enums/elastic-data-types.enum";
+import {Subject} from 'rxjs';
+import {takeUntil} from 'rxjs/operators';
+import {ElasticDataTypesEnum} from '../../../shared/enums/elastic-data-types.enum';
@Component({
selector: 'app-alert-view',
diff --git a/frontend/src/assets/img/guides/sophos/sophos-step-4.png b/frontend/src/assets/img/guides/sophos/sophos-step-4.png
new file mode 100644
index 000000000..aaff6d72d
Binary files /dev/null and b/frontend/src/assets/img/guides/sophos/sophos-step-4.png differ
diff --git a/frontend/src/assets/img/guides/sophos/sophos-step-5.png b/frontend/src/assets/img/guides/sophos/sophos-step-5.png
deleted file mode 100644
index c139364d5..000000000
Binary files a/frontend/src/assets/img/guides/sophos/sophos-step-5.png and /dev/null differ