Skip to content

Commit 2ea15bf

Browse files
mjabascal10osmonteroJocLRojas
authored
Bugfix/10.6.2/update sophos integration guide (#1059)
* feat: add compliance reports * fix: update sophos guide * chore: update version and changelog * fix: update sophos guide * fix: update sophos guide * Enhance log alert message with key details. Include the specific blocklisted key in the alert message to provide clearer context and improve debugging efficiency. This update ensures more actionable and informative alerts. * Update how events are retrieved using the Sophos-Central API. * fix: update sophos guide * fix: update sophos guide * chore: clean up unused imports * fix: update sophos guide * fix: update sophos guide * fix: update sophos guide --------- Co-authored-by: Osmany Montero <[email protected]> Co-authored-by: JocLRojas <[email protected]>
1 parent 4873ccb commit 2ea15bf

File tree

6 files changed

+78
-63
lines changed

6 files changed

+78
-63
lines changed

‎frontend/src/app/app-module/guides/guide-sophos/guide-sophos.component.html‎

Lines changed: 36 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -14,62 +14,42 @@ <h6 class="font-weight-semibold mt-3 mb-3">
1414
How to send alert and event data to UTMStack:
1515
</h6>
1616
<ol class="setup_list">
17-
<li>
18-
<p class="step-guide">
19-
<span class="step_number">1</span>
20-
You require a token to access event data via the API. In Sophos Central Admin, go to <strong>Global&nbsp;Settings</strong>
21-
&gt; <strong>API Token Management</strong>.
22-
</p>
23-
</li>
24-
<li>
25-
<p class="step-guide">
26-
<span class="step_number">2</span>
27-
To create a new token, click <strong>Add token</strong> from the top-right corner of the screen.
28-
</p>
29-
</li>
30-
<li>
31-
<p class="step-guide">
32-
<span class="step_number">3</span>
33-
Select a <strong>token name</strong> and click <strong>Save</strong>. The <strong>API Token Summary</strong>
34-
for this token is displayed.
35-
</p>
36-
</li>
37-
<li>
38-
<p class="step-guide">
39-
<span class="step_number">4</span>
40-
Click ont the <strong>Copy</strong> button to copy your <strong>API Access URL + Headers</strong> from the <strong>API Token
41-
Summary</strong> section into your clipboard.
42-
<img alt=""
43-
class="step-img"
44-
src="../../../../assets/img/guides/sophos/sophos-step-5.png"
45-
style="height: 400px!important; width: auto">
46-
</p>
47-
</li>
48-
<li>
49-
<p class="step-guide">
50-
<span class="step_number">5</span>
51-
Insert information in the following inputs.You can add more than one Sophos
52-
configuration by clicking on Add tenant button.
53-
</p>
54-
<div class="row mt-3">
55-
<div class="col-lg-12 col-md-12 col-sm-12">
56-
<app-int-generic-group-config [moduleId]="integrationId"
57-
(configValidChange)="configValidChange($event)"
58-
[serverId]="serverId"></app-int-generic-group-config>
59-
</div>
60-
</div>
61-
</li>
62-
<li>
63-
<p class="step-guide mb-3">
64-
<span class="step_number">6</span>
65-
Click on the button shown below, to activate the UTMStack features related to this integration
66-
</p>
67-
<app-app-module-activate-button [module]="module.SOPHOS" [type]="'integration'"
68-
[disabled]="configValidity"
69-
[serverId]="serverId"
70-
class="mt-3">
71-
</app-app-module-activate-button>
72-
</li>
17+
<app-utm-list [items]="steps">
18+
<ng-template stepTemplateRef let-step>
19+
<li>
20+
<app-step>
21+
<span stepNumber>{{step.id}}</span>
22+
<div [innerHtml]="step.name"></div>
23+
<ng-container *ngIf="step.content">
24+
25+
<ng-template [ngIf]="step.content['images']">
26+
<app-utm-list [items]="step.content['images']">
27+
<ng-template stepTemplateRef let-image>
28+
<img [alt]="image.alt" class="step-img" [src]="image.src">
29+
</ng-template>
30+
</app-utm-list>
31+
</ng-template>
32+
33+
<ng-template [ngIf]="step.content.id === 'stepContent5'">
34+
<app-int-generic-group-config [moduleId]="integrationId"
35+
(configValidChange)="configValidChange($event)"
36+
[serverId]="serverId"></app-int-generic-group-config>
37+
</ng-template>
38+
39+
<ng-template [ngIf]="step.content.id === 'stepContent6'">
40+
<div class="mt-3">
41+
<app-app-module-activate-button [module]="module.SOPHOS" [type]="'integration'"
42+
[disabled]="configValidity"
43+
[serverId]="serverId">
44+
</app-app-module-activate-button>
45+
</div>
46+
</ng-template>
47+
48+
</ng-container>
49+
</app-step>
50+
</li>
51+
</ng-template>
52+
</app-utm-list>
7353
</ol>
7454
</div>
7555
</div>

‎frontend/src/app/app-module/guides/guide-sophos/guide-sophos.component.ts‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
import {Component, Input, OnInit} from '@angular/core';
22
import {UtmModulesEnum} from '../../shared/enum/utm-module.enum';
3+
import {AS400STEPS} from "../guide-as400/as400.steps";
4+
import {ACTIONS, PLATFORM} from "../guide-as400/constants";
5+
import {Step} from "../shared/step";
6+
import {SOPHOS_STEPS} from "./sophos.steps";
37

48
@Component({
59
selector: 'app-guide-sophos',
@@ -11,6 +15,9 @@ export class GuideSophosComponent implements OnInit {
1115
@Input() serverId: number;
1216
module = UtmModulesEnum;
1317
configValidity: boolean;
18+
steps = SOPHOS_STEPS;
19+
platforms = PLATFORM;
20+
actions = ACTIONS;
1421

1522
constructor() {
1623
}
@@ -21,5 +28,4 @@ export class GuideSophosComponent implements OnInit {
2128
configValidChange($event: boolean) {
2229
this.configValidity = !$event;
2330
}
24-
2531
}

‎frontend/src/app/app-module/guides/guide-sophos/sophos.steps.ts‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import {Step} from '../shared/step';
2+
3+
export const SOPHOS_STEPS: Step[] = [
4+
{id: '1', name: 'You require a Client ID and Client Secret to access event data via the API. ' +
5+
'In Sophos Central Admin, go to <strong> Global Settings > API Credentials Management </strong>. <br>',
6+
},
7+
{id: '2', name: 'To create a new credential, click Add Credential from the top-right corner of the screen'},
8+
{id: '3', name: 'Enter a name and description for the credential, then select the role you want to assign and click Add.'},
9+
{id: '4', name: 'Click Show Client Secret to view the Client ID and Client Secret, then click Copy to store them securely. <br>' +
10+
'<div class="w-100 alert alert-info alert-styled-right mb-3 alert-dismissible">' +
11+
'The Client Secret is only visible once. Ensure you copy and save it securely</div>',
12+
content: {
13+
id: 'stepContent4',
14+
images: [{
15+
alt: 'Client Secrets',
16+
src: '../../../../assets/img/guides/sophos/sophos-step-4.png',
17+
}]
18+
}
19+
},
20+
{id: '5', name: 'Insert information in the following inputs.You can add more than one Sophos configuration ' +
21+
'by clicking on Add tenant button.',
22+
content: {
23+
id: 'stepContent5'
24+
}
25+
},
26+
{id: '6', name: 'Click on the button shown below, to activate the UTMStack features related to this integration',
27+
content: {
28+
id: 'stepContent6'
29+
}
30+
}
31+
];

‎frontend/src/app/data-management/alert-management/alert-view/alert-view.component.ts‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {HttpResponse} from '@angular/common/http';
22
import { Component, OnDestroy, OnInit} from '@angular/core';
3-
import {ActivatedRoute, NavigationEnd, Router} from '@angular/router';
3+
import {ActivatedRoute, Router} from '@angular/router';
44
import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
55
import {TranslateService} from '@ngx-translate/core';
66
import {ResizeEvent} from 'angular-resizable-element';
@@ -47,16 +47,14 @@ import {SaveAlertReportComponent} from '../alert-reports/shared/components/save-
4747
import {AlertDataTypeBehavior} from '../shared/behavior/alert-data-type.behavior';
4848
import {AlertFiltersBehavior} from '../shared/behavior/alert-filters.behavior';
4949
import {AlertStatusBehavior} from '../shared/behavior/alert-status.behavior';
50-
import {AlertUpdateTagBehavior} from '../shared/behavior/alert-update-tag.behavior';
5150
import {RowToFiltersComponent} from '../shared/components/filters/row-to-filter/row-to-filters.component';
5251
import {EventDataTypeEnum} from '../shared/enums/event-data-type.enum';
53-
import {AlertManagementService} from '../shared/services/alert-management.service';
5452
import {AlertTagService} from '../shared/services/alert-tag.service';
5553
import {getCurrentAlertStatus, getStatusName} from '../shared/util/alert-util-function';
5654
import {CheckEmailConfigService, ParamShortType} from '../../../shared/services/util/check-email-config.service';
57-
import {Subject} from "rxjs";
58-
import {takeUntil} from "rxjs/operators";
59-
import {ElasticDataTypesEnum} from "../../../shared/enums/elastic-data-types.enum";
55+
import {Subject} from 'rxjs';
56+
import {takeUntil} from 'rxjs/operators';
57+
import {ElasticDataTypesEnum} from '../../../shared/enums/elastic-data-types.enum';
6058

6159
@Component({
6260
selector: 'app-alert-view',

‎frontend/src/assets/img/guides/sophos/sophos-step-4.png‎

49.2 KB
Loading

‎frontend/src/assets/img/guides/sophos/sophos-step-5.png‎

-75.4 KB
Binary file not shown.

0 commit comments

Comments
 (0)