feat: update log handling and display logic for improved clarity and consistency

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

Author: mjabascal10

frontend/src/app/app-management/app-logs/app-logs.component.html

@@ -47,20 +47,20 @@ <h6 class="card-title mb-0 text-uppercase label-header">
         </tr>
         </thead>
         <tbody *ngIf="logs && !loading">
-        <tr (click)="message = log.message" *ngFor="let log of logs" class="cursor-pointer">
+        <tr (click)="message = log.log.msg" *ngFor="let log of logs" class="cursor-pointer">
           <td><span>{{log["@timestamp"]| date:'medium':'UTC'}}</span></td>
           <td>
-            <span>{{log.source}}</span>
+            <span>{{'PANEL ( '+ log.dataSource + ' )'}}</span>
           </td>
           <td>
-            <span [ngClass]="getClassByType(log.type)"
+            <span [ngClass]="getClassByType(log.log.severity)"
                   class="p-1 border-1 rounded">
-              {{log.type}}
+              {{log.log.severity}}
             </span>
           </td>
           <td>
-            <span [ngClass]="getClassByType(log.type)">
-              {{getPreview(log.message)}}
+            <span [ngClass]="getClassByType(log.log.msg)">
+              {{getPreview(log.log.msg)}}
             </span>
           </td>
         </tr>

frontend/src/app/app-management/app-logs/app-logs.component.ts

@@ -15,7 +15,7 @@ import {AppLogType} from './shared/type/app-log.type';
   styleUrls: ['./app-logs.component.css']
 })
 export class AppLogsComponent implements OnInit {
-  logs: AppLogType[] = [];
+  logs: any[] = [];
   links: any;
   totalItems: number;
   page = 1;
@@ -26,8 +26,9 @@ export class AppLogsComponent implements OnInit {
   message: string;
   req: { filters: ElasticFilterType[], index: string, top: number } = {
     filters: [
-      {field: '@timestamp', operator: ElasticOperatorsEnum.IS_BETWEEN, value: ['now-7d', 'now']}
-    ], index: '.utmstack-logs*', top: 10000000
+      {field: '@timestamp', operator: ElasticOperatorsEnum.IS_BETWEEN, value: ['now-7d', 'now']},
+      {field: 'log.containerName.keyword', operator: ElasticOperatorsEnum.IS, value: 'utmstack_backend'}
+    ], index: 'v11-log-utmstack-*', top: 10000000
   };
   sources = ['PANEL', 'AGENT'];
   types = ['ERROR', 'WARNING', 'INFO'];
@@ -100,7 +101,18 @@ export class AppLogsComponent implements OnInit {
   }
 
   getPreview(message: string): string {
-    const preview = message.substring(0, message.indexOf(':')).substring(0, 200);
-    return preview.length > 200 ? (preview + '..') : preview;
+    if (!message) { return ''; }
+
+    const colonIndex = message.indexOf(':');
+    const textToTruncate = colonIndex !== -1
+      ? message.substring(0, colonIndex)
+      : message;
+
+    if (textToTruncate.length > 200) {
+      return textToTruncate.substring(0, 200) + '..';
+    }
+
+    return textToTruncate;
   }
+
 }

frontend/src/app/app-management/app-logs/shared/enum/app-log-type.enum.ts

@@ -1,5 +1,5 @@
 export enum AppLogTypeEnum {
   ERROR = 'ERROR',
   INFO = 'INFO',
-  WARNING = 'WARNING'
+  WARNING = 'WARN'
 }