From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Wed, 18 Mar 2026 22:25:38 +0000 (+0100)
Subject: feat(ui): add OCPP version column to charging stations table
X-Git-Tag: ocpp-server@v3.2.0~51
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=730eba4760715c762f3a629e868c8a4beb3b0e21;p=e-mobility-charging-stations-simulator.git

feat(ui): add OCPP version column to charging stations table

Display ocppVersion from stationInfo between Registration Status and
Template columns.
---

diff --git a/ui/web/src/components/charging-stations/CSData.vue b/ui/web/src/components/charging-stations/CSData.vue
index 171dd62c..28a8b4d3 100644
--- a/ui/web/src/components/charging-stations/CSData.vue
+++ b/ui/web/src/components/charging-stations/CSData.vue
@@ -15,6 +15,9 @@
     <td class="cs-table__column">
       {{ chargingStation.bootNotificationResponse?.status ?? 'Ø' }}
     </td>
+    <td class="cs-table__column">
+      {{ chargingStation.stationInfo.ocppVersion ?? 'Ø' }}
+    </td>
     <td class="cs-table__column">
       {{ chargingStation.stationInfo.templateName }}
     </td>
diff --git a/ui/web/src/components/charging-stations/CSTable.vue b/ui/web/src/components/charging-stations/CSTable.vue
index 0902cd7d..26bd9b52 100644
--- a/ui/web/src/components/charging-stations/CSTable.vue
+++ b/ui/web/src/components/charging-stations/CSTable.vue
@@ -35,6 +35,12 @@
         >
           Registration Status
         </th>
+        <th
+          class="cs-table__column"
+          scope="col"
+        >
+          OCPP Version
+        </th>
         <th
           class="cs-table__column"
           scope="col"
@@ -140,7 +146,7 @@ const $emit = defineEmits(['need-refresh'])
 
 .cs-table__column {
   height: fit-content;
-  width: calc((100% - calc(100% / 3)) / 10);
+  width: calc((100% - calc(100% / 3)) / 11);
   display: flex;
   flex-direction: column;
   text-align: center;