From 333c35663eece40be004dcbe0ae565071837c957 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Fri, 26 Aug 2022 12:24:08 +0200
Subject: [PATCH] Web UI: display charging stations' registration status
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 src/ui/web/src/components/charging-stations/CSData.vue  | 6 +++++-
 src/ui/web/src/components/charging-stations/CSTable.vue | 5 +++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/ui/web/src/components/charging-stations/CSData.vue b/src/ui/web/src/components/charging-stations/CSData.vue
index fac035d0..661ea289 100644
--- a/src/ui/web/src/components/charging-stations/CSData.vue
+++ b/src/ui/web/src/components/charging-stations/CSData.vue
@@ -9,6 +9,7 @@
     />
     <td class="cs-table__name-col">{{ getId() }}</td>
     <td class="cs-table__stopped-col">{{ getStopped() }}</td>
+    <td class="cs-table__registration-status-col">{{ getRegistrationStatus() }}</td>
     <td class="cs-table__vendor-col">{{ getVendor() }}</td>
     <td class="cs-table__model-col">{{ getModel() }}</td>
     <td class="cs-table__firmware-col">{{ getFirmwareVersion() }}</td>
@@ -63,7 +64,10 @@ function getFirmwareVersion(): string {
   return Utils.ifUndefined<string>(getInfo().firmwareVersion, 'Ø');
 }
 function getStopped(): string {
-  return props.chargingStation.stopped ? 'Yes' : 'No';
+  return props.chargingStation.stopped === true ? 'Yes' : 'No';
+}
+function getRegistrationStatus(): string {
+  return props.chargingStation?.bootNotificationResponse?.status ?? 'Ø';
 }
 // function showTagModal(): void {
 //   state.isTagModalVisible = true;
diff --git a/src/ui/web/src/components/charging-stations/CSTable.vue b/src/ui/web/src/components/charging-stations/CSTable.vue
index dc4865a1..4cc5da9a 100644
--- a/src/ui/web/src/components/charging-stations/CSTable.vue
+++ b/src/ui/web/src/components/charging-stations/CSTable.vue
@@ -8,6 +8,7 @@
         <th scope="col" class="cs-table__transaction-col">Transaction</th>
         <th scope="col" class="cs-table__name-col">Name</th>
         <th scope="col" class="cs-table__stopped-col">Stopped</th>
+        <th scope="col" class="cs-table__registration-status-col">Registration Status</th>
         <th scope="col" class="cs-table__vendor-col">Vendor</th>
         <th scope="col" class="cs-table__model-col">Model</th>
         <th scope="col" class="cs-table__firmware-col">Firmware Version</th>
@@ -90,6 +91,7 @@ const props = defineProps<{
 .cs-table__transaction-col,
 .cs-table__name-col,
 .cs-table__stopped-col,
+.cs-table__registration-status-col,
 .cs-table__model-col,
 .cs-table__vendor-col,
 .cs-table__firmware-col {
@@ -120,6 +122,9 @@ const props = defineProps<{
 .cs-table__stopped-col {
   /* min-width: 120px; */
 }
+.cs-table__registration-status-col {
+  /* min-width: 120px; */
+}
 .cs-table__model-col {
   /* min-width: 120px; */
 }
-- 
2.34.1