feat: add isEcho input to data field render for conditional rendering of alert status and action components

Signed-off-by: Manuel Abascal <mjabascal10@gmail.com>

Author: mjabascal10

frontend/src/app/data-management/alert-management/shared/components/alert-echoes/alert-echoes.component.html

@@ -62,7 +62,7 @@
     <ng-container *ngFor="let td of fields">
       <td *ngIf="td.visible"
           [ngClass]="{'min-width': td.field === ALERT_ADVERSARY_FIELD || td.field === ALERT_TARGET_FIELD}">
-        <app-data-field-render [data]="alert" [field]="td" [dataType]="dataType" [showStatusChange]="true"
+        <app-data-field-render [data]="alert" [field]="td" [dataType]="dataType" [isEcho]="true" [showStatusChange]="true"
                                (refreshData)="onRefreshData($event)">
         </app-data-field-render>
       </td>

frontend/src/app/data-management/alert-management/shared/components/data-field-render/data-field-render.component.html

@@ -1,21 +1,26 @@
 <div [ngSwitch]="field.field">
-  <!--<app-alert-status (statusChange)="onStatusChange($event)"
-                    *ngSwitchCase="STATUS_FIELD"
+
+  <ng-container *ngSwitchCase="STATUS_FIELD">
+    <app-alert-status *ngIf="isEcho"
                     [alert]="data"
                     [dataType]="dataType"
-                    [showDrop]="showStatusChange"
+                    [showDrop]="false"
                     [statusField]="STATUS_FIELD">
-  </app-alert-status>-->
-  <app-alert-action-select *ngSwitchCase="STATUS_FIELD"
-                           [alert]="data"
-                           [tags]="tags"
-                           [dataType]="dataType"
-                           [showDrop]="showStatusChange"
-                           [statusField]="STATUS_FIELD"
-                           (statusChange)="onStatusChange($event)">
+  </app-alert-status>
+
+    <app-alert-action-select *ngIf="!isEcho"
+                             [alert]="data"
+                             [tags]="tags"
+                             [dataType]="dataType"
+                             [showDrop]="showStatusChange"
+                             [statusField]="STATUS_FIELD"
+                             (statusChange)="onStatusChange($event)">
+    </app-alert-action-select>
+  </ng-container>
+
+
 
 
-  </app-alert-action-select>
   <ng-content *ngSwitchCase="ALERT_ECHOES_FIELD"  select="[echoes]"></ng-content>
   <app-alert-ip *ngSwitchCase="ALERT_TARGET_IP_FIELD" [alert]="data" [type]="'target'"></app-alert-ip>
   <app-alert-ip *ngSwitchCase="ALERT_ADVERSARY_IP_FIELD" [alert]="data" [type]="'adversary'"></app-alert-ip>

frontend/src/app/data-management/alert-management/shared/components/data-field-render/data-field-render.component.ts

@@ -28,6 +28,7 @@ export class DataFieldRenderComponent implements OnInit {
   @Input() showStatusChange: boolean;
   @Input() dataType: EventDataTypeEnum;
   @Input() tags: any[];
+  @Input() isEcho = false;
   @Output() refreshData = new EventEmitter<boolean>();
   STATUS_FIELD = ALERT_STATUS_FIELD;
   SEVERITY_LABEL_FIELD = ALERT_SEVERITY_FIELD_LABEL;