X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=src%2Fui%2Fweb%2Fsrc%2Fcomponents%2Fcharging-stations%2FCSData.vue;h=3de9a7d6ebe4d0d41ac43e031aedcbd8d83aee98;hb=f27eb751a2eb332306ecb9c5c4f0578d3bf66ee4;hp=1d2fc0202bd76d02dccd33ee5a887e0a25d8ba13;hpb=32de5a575189d226213641f5ee36004f8454cb50;p=e-mobility-charging-stations-simulator.git

diff --git a/src/ui/web/src/components/charging-stations/CSData.vue b/src/ui/web/src/components/charging-stations/CSData.vue
index 1d2fc020..3de9a7d6 100644
--- a/src/ui/web/src/components/charging-stations/CSData.vue
+++ b/src/ui/web/src/components/charging-stations/CSData.vue
@@ -1,14 +1,17 @@
 <template>
-  <tr v-for="(connector, index) in getConnector()" class="cs-table__row">
+  <tr v-for="(connector, index) in getConnectors()" class="cs-table__row">
     <CSConnector
       :hash-id="getHashId()"
       :connector="connector"
       :connector-id="index + 1"
-      :tag="props.tag"
+      :transaction-id="connector.transactionId"
+      :id-tag="props.idTag"
     />
     <td class="cs-table__name-col">{{ getId() }}</td>
-    <td class="cs-table__model-col">{{ getModel() }}</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>
   </tr>
 </template>
@@ -16,32 +19,33 @@
 <script setup lang="ts">
 import CSConnector from './CSConnector.vue';
 
-import { reactive } from 'vue';
-import Utils from '@/composable/Utils';
-import {
+// import { reactive } from 'vue';
+import Utils from '@/composables/Utils';
+import type {
   ChargingStationData,
   ChargingStationInfo,
   ConnectorStatus,
-} from '@/type/ChargingStationType';
+} from '@/types/ChargingStationType';
 
 const props = defineProps<{
   chargingStation: ChargingStationData;
-  tag: string;
+  idTag: string;
 }>();
 
-type State = {
-  isTagModalVisible: boolean;
-  // tag: string;
-};
-const state: State = reactive({
-  isTagModalVisible: false,
-  // tag: '',
-});
+// type State = {
+//   isTagModalVisible: boolean;
+//   idTag: string;
+// };
+
+// const state: State = reactive({
+//   isTagModalVisible: false,
+//   idTag: '',
+// });
 
 function getHashId(): string {
   return props.chargingStation.hashId;
 }
-function getConnector(): Array<ConnectorStatus> {
+function getConnectors(): ConnectorStatus[] {
   return props.chargingStation.connectors.slice(1);
 }
 function getInfo(): ChargingStationInfo {
@@ -59,6 +63,12 @@ function getVendor(): string {
 function getFirmwareVersion(): string {
   return Utils.ifUndefined<string>(getInfo().firmwareVersion, 'Ø');
 }
+function getStopped(): string {
+  return props.chargingStation.stopped === true ? 'Yes' : 'No';
+}
+function getRegistrationStatus(): string {
+  return props.chargingStation?.bootNotificationResponse?.status ?? 'Ø';
+}
 // function showTagModal(): void {
 //   state.isTagModalVisible = true;
 // }