feat: refactor event handling to use Event type and update related components

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

Author: mjabascal10

frontend/src/app/active-directory/shared/components/active-directory-event/active-directory-event.component.ts

@@ -1,4 +1,5 @@
 import {Component, Input, OnInit} from '@angular/core';
+import {Event} from "../../../../shared/types/event/event";
 import {TimeFilterType} from '../../../../shared/types/time-filter.type';
 import {TreeObjectBehavior} from '../../behavior/tree-object.behvior';
 import {WinlogbeatEventType} from '../../types/winlogbeat-event.type';
@@ -13,7 +14,7 @@ export class AdEventComponent implements OnInit {
   @Input() eventsFilter: string[];
   @Input() time: TimeFilterType;
   message: string;
-  event: WinlogbeatEventType;
+  event: Event;
 
   constructor(private treeObjectBehavior: TreeObjectBehavior) {
   }
@@ -29,8 +30,8 @@ export class AdEventComponent implements OnInit {
     return msg;
   }
 
-  onEventChange($event: WinlogbeatEventType) {
+  onEventChange($event: Event) {
     this.event = $event;
-    this.message = this.event ? this.replaceDetail($event.logx.wineventlog.message) : '';
+    this.message = this.event ? this.replaceDetail(this.event.log.message) : '';
   }
 }

frontend/src/app/active-directory/shared/components/event-timeline/event-timeline.component.html

@@ -18,10 +18,10 @@ <h6 class="card-title font-weight-light pb-0 text-blue-800">Events timeline</h6>
             <time [attr.datetime]="item['@timestamp']" class="utm_tmtime">
               <span class="w-75">{{item['@timestamp'] | date:formatDateEnum.UTM_SHORT:'UTC'}}</span>
             </time>
-            <div [class]=" getUniqueEventId(item)===itemSelected?resolveClassSelected(item.logx.wineventlog['event_id']):''"
-                 [ngClass]="resolveClassByEventType(item.logx.wineventlog['event_id'])"
+            <div [class]=" getUniqueEventId(item)===itemSelected ? resolveClassSelected(item.log.eventCode) : ''"
+                 [ngClass]="resolveClassByEventType(item.log.eventCode)"
                  class="utm_tmlabel cursor-pointer">
-              <p [innerHTML]="item.logx.wineventlog['event_name']"></p>
+              <p [innerHTML]="item.log.eventName"></p>
             </div>
           </li>
         </ul>

frontend/src/app/active-directory/shared/components/event-timeline/event-timeline.component.ts

@@ -9,6 +9,7 @@ import {TreeObjectBehavior} from '../../behavior/tree-object.behvior';
 import {WinlogbeatService} from '../../services/winlogbeat.service';
 import {ActiveDirectoryTreeType} from '../../types/active-directory-tree.type';
 import {WinlogbeatEventType} from '../../types/winlogbeat-event.type';
+import {Event} from "../../../../shared/types/event/event";
 
 @Component({
   selector: 'app-event-timeline',
@@ -21,7 +22,7 @@ export class EventTimelineComponent implements OnInit, AfterViewInit {
   @Output() eventChange = new EventEmitter<WinlogbeatEventType>();
   objectId: ActiveDirectoryTreeType;
   sevenDaysRange: ElasticFilterCommonType = {time: ElasticTimeEnum.DAY, last: 7, label: 'last 7 days'};
-  items: WinlogbeatEventType[] = [];
+  items: Event[] = [];
   loadingMore = false;
   totalItems: any;
   page = 1;
@@ -133,13 +134,14 @@ export class EventTimelineComponent implements OnInit, AfterViewInit {
   }
 
 
-  selectEvent(item: WinlogbeatEventType) {
+  selectEvent(item: Event) {
     this.itemSelected = this.getUniqueEventId(item);
     this.eventChange.emit(item);
   }
 
-  getUniqueEventId(item: WinlogbeatEventType) {
-    return item.id + '-' + item.logx.wineventlog.eventId + '-' + new Date(item.timestamp).getTime();
+  getUniqueEventId(item: Event) {
+    const eventCode = item.log && item.log.eventCode;
+    return item.id + '-' + eventCode + '-' + new Date(item.timestamp).getTime();
   }
 
   onFilterTimeChange($event: TimeFilterType) {

frontend/src/app/active-directory/shared/services/winlogbeat.service.ts

@@ -2,8 +2,8 @@ import {HttpClient, HttpResponse} from '@angular/common/http';
 import {Injectable} from '@angular/core';
 import {Observable} from 'rxjs';
 import {SERVER_API_URL} from '../../../app.constants';
+import {Event} from '../../../shared/types/event/event';
 import {createRequestOption} from '../../../shared/util/request-util';
-import {WinlogbeatEventType} from '../types/winlogbeat-event.type';
 
 
 @Injectable({
@@ -15,9 +15,9 @@ export class WinlogbeatService {
   constructor(private http: HttpClient) {
   }
 
-  query(req?: any): Observable<HttpResponse<WinlogbeatEventType[]>> {
+  query(req?: any): Observable<HttpResponse<Event[]>> {
     const options = createRequestOption(req);
-    return this.http.get<WinlogbeatEventType[]>(this.resourceUrl, {params: options, observe: 'response'});
+    return this.http.get<Event[]>(this.resourceUrl, {params: options, observe: 'response'});
   }
 
 }