fix(ui-web): show # prefix on transaction ID only for numeric IDs

OCPP 2.0.x uses UUID strings as transaction IDs where the # prefix is
inappropriate. Only prepend # for OCPP 1.6 numeric transaction IDs.

diff --git a/ui/web/src/skins/modern/components/ConnectorRow.vue b/ui/web/src/skins/modern/components/ConnectorRow.vue
index abfa8b9481781e2fadbf0ecd02fde030290a4257..e7518336a6f1d06ced77d40f14e131bca0f76f5c 100644 (file)
--- a/ui/web/src/skins/modern/components/ConnectorRow.vue
+++ b/ui/web/src/skins/modern/components/ConnectorRow.vue
@@ -78,7 +78,13 @@
               <th scope="row">
                 Tx
               </th>
-              <td>#{{ connector.transactionId }}</td>
+              <td>
+                {{
+                  typeof connector.transactionId === 'number'
+                    ? `#${connector.transactionId}`
+                    : connector.transactionId
+                }}
+              </td>
             </tr>
             <tr>
               <th scope="row">