This is an automated email from the ASF dual-hosted git repository.

riemer pushed a commit to branch extend-adapter-overview
in repository https://gitbox.apache.org/repos/asf/streampipes.git

commit af2b171dc401d1a165cc7c87e6d84cc3a5219cc0
Author: Dominik Riemer <[email protected]>
AuthorDate: Mon Oct 16 13:17:33 2023 +0200

    style: Add last message info to adapter overview
---
 .../existing-adapters.component.html               | 34 +++++++++++++---------
 .../existing-adapters.component.scss               |  3 +-
 .../existing-adapters.component.ts                 |  2 ++
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git 
a/ui/src/app/connect/components/existing-adapters/existing-adapters.component.html
 
b/ui/src/app/connect/components/existing-adapters/existing-adapters.component.html
index e36efb248..3be85087a 100644
--- 
a/ui/src/app/connect/components/existing-adapters/existing-adapters.component.html
+++ 
b/ui/src/app/connect/components/existing-adapters/existing-adapters.component.html
@@ -188,12 +188,15 @@
                                     #Messages
                                 </th>
                                 <td mat-cell *matCellDef="let adapter">
-                                    <span class="monitoring-info">{{
-                                        adapterMetrics[adapter.elementId]
-                                            ? adapterMetrics[adapter.elementId]
-                                                  .messagesOut.counter
-                                            : 0
-                                    }}</span>
+                                    <h5 class="monitoring-info">
+                                        {{
+                                            adapterMetrics[adapter.elementId]
+                                                ? adapterMetrics[
+                                                      adapter.elementId
+                                                  ].messagesOut.counter
+                                                : 0
+                                        }}
+                                    </h5>
                                 </td>
                             </ng-container>
 
@@ -202,13 +205,18 @@
                                     Last message
                                 </th>
                                 <td mat-cell *matCellDef="let adapter">
-                                    <span class="monitoring-info">{{
-                                        adapterMetrics[adapter.elementId]
-                                            ? 
(adapterMetrics[adapter.elementId]
-                                                  .lastTimestamp
-                                              | date: 'medium')
-                                            : 'n/a'
-                                    }}</span>
+                                    <h5>
+                                        {{
+                                            adapterMetrics[adapter.elementId] 
&&
+                                            adapterMetrics[adapter.elementId]
+                                                .lastTimestamp > 0
+                                                ? (adapterMetrics[
+                                                      adapter.elementId
+                                                  ].lastTimestamp
+                                                  | date: 'dd.MM.yyyy HH:mm')
+                                                : 'n/a'
+                                        }}
+                                    </h5>
                                 </td>
                             </ng-container>
 
diff --git 
a/ui/src/app/connect/components/existing-adapters/existing-adapters.component.scss
 
b/ui/src/app/connect/components/existing-adapters/existing-adapters.component.scss
index 2962aaee6..b083b3e02 100644
--- 
a/ui/src/app/connect/components/existing-adapters/existing-adapters.component.scss
+++ 
b/ui/src/app/connect/components/existing-adapters/existing-adapters.component.scss
@@ -47,7 +47,8 @@
 
 .monitoring-info {
     color: var(--color-default-text);
-    background: var(--color-bg-3);
+    border: 1px solid var(--color-default-text);
+    background: var(--color-bg-0);
     border-radius: 5px;
     padding: 5px;
     text-align: center;
diff --git 
a/ui/src/app/connect/components/existing-adapters/existing-adapters.component.ts
 
b/ui/src/app/connect/components/existing-adapters/existing-adapters.component.ts
index 4cfb1c7b8..b97e084f7 100644
--- 
a/ui/src/app/connect/components/existing-adapters/existing-adapters.component.ts
+++ 
b/ui/src/app/connect/components/existing-adapters/existing-adapters.component.ts
@@ -73,6 +73,8 @@ export class ExistingAdaptersComponent implements OnInit {
         'name',
         'adapterBase',
         'lastModified',
+        'messagesSent',
+        'lastMessage',
         'action',
     ];
 

Reply via email to