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 171dd62cd48ebccfd9e1aa1577e089a7d1202d08..28a8b4d3436b332b15387631b44eba68a7d4efeb 100644 (file)
--- 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 0902cd7d3b23d30071013fbb949460cb2dfbb3cd..26bd9b52cb03fe769c73d1050d5a212c9124e4c7 100644 (file)
--- 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;