178 lines
5.8 KiB
TypeScript
178 lines
5.8 KiB
TypeScript
import {ChangeDetectionStrategy, Component, Inject, OnInit} from '@angular/core';
|
|
import {FormBuilder, FormGroup} from '@angular/forms';
|
|
import {GenericDialogData, GenericFormFieldConfig} from '@shared/models/generic-dialog-data';
|
|
import {NB_DIALOG_CONFIG, NbDialogRef, NbTagComponent} from '@nebular/theme';
|
|
import deepEqual from 'deep-equal';
|
|
import {UntilDestroy} from '@ngneat/until-destroy';
|
|
import {Severity} from '@shared/models/severity.enum';
|
|
import * as FA from '@fortawesome/free-solid-svg-icons';
|
|
import {BehaviorSubject} from 'rxjs';
|
|
|
|
@UntilDestroy()
|
|
@Component({
|
|
selector: 'app-finding-dialog',
|
|
templateUrl: './finding-dialog.component.html',
|
|
styleUrls: ['./finding-dialog.component.scss'],
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
})
|
|
export class FindingDialogComponent implements OnInit {
|
|
// form control elements
|
|
findingFormGroup: FormGroup;
|
|
formArray: GenericFormFieldConfig[];
|
|
|
|
dialogData: GenericDialogData;
|
|
|
|
// HTML only
|
|
readonly fa = FA;
|
|
severity: Severity = Severity.LOW;
|
|
readonly severityTexts: Array<SeverityText> = [
|
|
{value: Severity.LOW, translationText: 'severities.low'},
|
|
{value: Severity.MEDIUM, translationText: 'severities.medium'},
|
|
{value: Severity.HIGH, translationText: 'severities.high'},
|
|
{value: Severity.CRITICAL, translationText: 'severities.critical'}
|
|
];
|
|
|
|
// ToDo: Adjust for edit finding dialog to include existing urls
|
|
affectedUrls: string[] = [];
|
|
initialAffectedUrls: string[] = [];
|
|
|
|
constructor(
|
|
@Inject(NB_DIALOG_CONFIG) private data: GenericDialogData,
|
|
private fb: FormBuilder,
|
|
protected dialogRef: NbDialogRef<FindingDialogComponent>
|
|
) {
|
|
}
|
|
|
|
ngOnInit(): void {
|
|
this.findingFormGroup = this.generateFormCreationFieldArray();
|
|
this.dialogData = this.data;
|
|
// Resets affected Urls input fields when finding was found in dialog context
|
|
// tslint:disable-next-line:no-string-literal
|
|
this.findingFormGroup.controls['findingAffectedUrls'].reset('');
|
|
}
|
|
|
|
generateFormCreationFieldArray(): FormGroup {
|
|
this.formArray = Object.values(this.data.form);
|
|
const config = this.formArray?.reduce((accumulator: {}, currentValue: GenericFormFieldConfig) => ({
|
|
...accumulator,
|
|
[currentValue?.fieldName]: currentValue?.controlsConfig
|
|
}), {});
|
|
// tslint:disable-next-line:no-string-literal
|
|
const affectedUrls = this.data.form['findingAffectedUrls'].controlsConfig[0].value;
|
|
if (affectedUrls) {
|
|
this.renderAffectedUrls(affectedUrls);
|
|
}
|
|
return this.fb.group(config);
|
|
}
|
|
|
|
onClickSave(value: any): void {
|
|
this.dialogRef.close({
|
|
title: value.findingTitle,
|
|
severity: this.formArray[1].controlsConfig[0].value,
|
|
description: value.findingDescription,
|
|
impact: value.findingImpact,
|
|
affectedUrls: this.affectedUrls ? this.affectedUrls : [],
|
|
reproduction: value.findingReproduction,
|
|
mitigation: value.findingMitigation
|
|
});
|
|
}
|
|
|
|
renderAffectedUrls(affectedUrls: string[]): void {
|
|
affectedUrls.forEach(url => this.initialAffectedUrls.push(url));
|
|
affectedUrls.forEach(url => this.affectedUrls.push(url));
|
|
}
|
|
|
|
onAffectedUrlAdd(): void {
|
|
// tslint:disable-next-line:no-string-literal
|
|
const newUrl = this.findingFormGroup.controls['findingAffectedUrls'].value;
|
|
if (newUrl) {
|
|
this.affectedUrls.push(newUrl);
|
|
}
|
|
// tslint:disable-next-line:no-string-literal
|
|
this.findingFormGroup.controls['findingAffectedUrls'].reset('');
|
|
}
|
|
|
|
onAffectedUrlTagRemove(tagToRemove: NbTagComponent): void {
|
|
this.affectedUrls = this.affectedUrls.filter(t => t !== tagToRemove.text);
|
|
}
|
|
|
|
onClickClose(): void {
|
|
this.dialogRef.close();
|
|
}
|
|
|
|
allowSave(): boolean {
|
|
return this.findingFormGroup.valid && this.findingDataChanged();
|
|
}
|
|
|
|
/**
|
|
* @return the correct nb-status for current severity
|
|
*/
|
|
getSeverityFillStatus(value: number): string {
|
|
let severityFillStatus;
|
|
switch (value) {
|
|
case 0: {
|
|
severityFillStatus = 'basic';
|
|
break;
|
|
}
|
|
case 1: {
|
|
severityFillStatus = 'info';
|
|
break;
|
|
}
|
|
case 2: {
|
|
severityFillStatus = 'warning';
|
|
break;
|
|
}
|
|
case 3: {
|
|
severityFillStatus = 'danger';
|
|
break;
|
|
}
|
|
default: {
|
|
severityFillStatus = 'control';
|
|
break;
|
|
}
|
|
}
|
|
return severityFillStatus;
|
|
}
|
|
|
|
/**
|
|
* @return true if finding data is different from initial value
|
|
*/
|
|
private findingDataChanged(): boolean {
|
|
const oldFindingData = this.parseInitializedFindingDialogData(this.dialogData);
|
|
const newFindingData = this.findingFormGroup.getRawValue();
|
|
Object.entries(newFindingData).forEach(entry => {
|
|
const [key, value] = entry;
|
|
// Affected Url form field can be ignored since changes here will be recognised inside affectedUrls of tag-list
|
|
if (value === null || key === 'findingAffectedUrls') {
|
|
newFindingData[key] = '';
|
|
}
|
|
});
|
|
const didChange = !deepEqual(oldFindingData, newFindingData) || !deepEqual(this.initialAffectedUrls, this.affectedUrls);
|
|
return didChange;
|
|
}
|
|
|
|
/**
|
|
* @param dialogData of type GenericDialogData
|
|
* @return parsed findingData
|
|
*/
|
|
private parseInitializedFindingDialogData(dialogData: GenericDialogData): any {
|
|
const findingData = {};
|
|
Object.entries(dialogData.form).forEach(entry => {
|
|
const [key, value] = entry;
|
|
// console.info(key);
|
|
findingData[key] = value.controlsConfig[0] ?
|
|
(value.controlsConfig[0].value ? value.controlsConfig[0].value : value.controlsConfig[0]) : '';
|
|
// Affected Url form field can be ignored since changes here will be recognised inside affectedUrls of tag-list
|
|
if (key === 'findingAffectedUrls') {
|
|
findingData[key] = '';
|
|
}
|
|
});
|
|
return findingData;
|
|
}
|
|
}
|
|
|
|
interface SeverityText {
|
|
value: Severity;
|
|
translationText: string;
|
|
}
|