From a57d69594a44ff7c40a4294dcb8ad20861165e42 Mon Sep 17 00:00:00 2001
From: sagIoTPower <christof.strack@softwareag.com>
Date: Tue, 1 Oct 2024 08:28:59 +0200
Subject: [PATCH] fix for #268

---
 .../connector-status.renderer.component.ts    | 38 ++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/dynamic-mapping-ui/src/shared/connector-configuration/connector-status.renderer.component.ts b/dynamic-mapping-ui/src/shared/connector-configuration/connector-status.renderer.component.ts
index bbb6dd8d..17f48525 100644
--- a/dynamic-mapping-ui/src/shared/connector-configuration/connector-status.renderer.component.ts
+++ b/dynamic-mapping-ui/src/shared/connector-configuration/connector-status.renderer.component.ts
@@ -23,21 +23,33 @@ import { CellRendererContext } from '@c8y/ngx-components';
 
 @Component({
   selector: 'd11r-mapping-renderer-qos',
-  template: `<div class="c8y-realtime p-l-8">
-    <span
-      class="c8y-pulse animated pulse animation-slow"
-      [ngClass]="{
-        active: (context.item?.status$ | async) === 'CONNECTED',
-        inactive: (context.item?.status$ | async) !== 'CONNECTED'
-      }"
-    ></span
+  //   template: `<div class="c8y-realtime p-l-8">
+  //     <span
+  //       class="c8y-pulse animated pulse animation-slow"
+  //       [ngClass]="{
+  //         active: (context.item?.status$ | async) === 'CONNECTED',
+  //         inactive: (context.item?.status$ | async) !== 'CONNECTED'
+  //       }"
+  //     ></span
+  //     >{{ context.item?.status$ | async }}
+  //   </div>`
+
+  template: `<span
+    [class]="
+      'text-10 tag ' +
+      ((context.item?.status$ | async) === 'CONNECTED'
+        ? 'tag--success'
+        : (context.item?.status$ | async) === 'FAILED'
+          ? 'tag--danger'
+          : 'tag--default')
+    "
     >{{ context.item?.status$ | async }}
-  </div>`
+  </span> `
 })
 export class ConnectorStatusRendererComponent {
   constructor(public context: CellRendererContext) {
-	// console.log(`Connector: ${context.item.name}`, context.item);
-	// const status$ = context.item?.status$;
-	// status$.subscribe( n => console.log(`Connector new status: ${n}`));
+    // console.log(   `Connector: ${context.item.name}`, context.item?.status$ | async);
+    // const status$ = context.item?.status$;
+    // status$.subscribe( n => console.log(`Connector new status: ${n}`));
   }
-}
\ No newline at end of file
+}