Align 'started' attribute usage to all classes

[e-mobility-charging-stations-simulator.git] / src / ui / web / src / components / charging-stations / CSConnector.vue

diff --git a/src/ui/web/src/components/charging-stations/CSConnector.vue b/src/ui/web/src/components/charging-stations/CSConnector.vue
index 81e955d036c46d1428d33da27dfff9be1617b7d8..99ae1b9c74ef1db1f4ee1bf8a590a02e4acdb895 100644 (file)
--- a/src/ui/web/src/components/charging-stations/CSConnector.vue
+++ b/src/ui/web/src/components/charging-stations/CSConnector.vue
@@ -14,6 +14,8 @@
       Start Transaction
     </IdTagInputModal> -->
     <Button @click="stopTransaction()">Stop Transaction</Button>
+    <Button @click="startAutomaticTransactionGenerator()">Start ATG</Button>
+    <Button @click="stopAutomaticTransactionGenerator()">Stop ATG</Button>
   </td>
   <td class="cs-table__connector-col">{{ connectorId }}</td>
   <td class="cs-table__status-col">{{ connector.status }}</td>
@@ -25,15 +27,15 @@
 import Button from '../buttons/Button.vue';
 
 // import { reactive } from 'vue';
-import UIClient from '@/composable/UIClient';
-import type { ConnectorStatus } from '@/type/ChargingStationType';
-// import Utils from '@/composable/Utils';
+import UIClient from '@/composables/UIClient';
+import type { ConnectorStatus } from '@/types/ChargingStationType';
+// import Utils from '@/composables/Utils';
 
 const props = defineProps<{
   hashId: string;
   connector: ConnectorStatus;
-  transactionId?: number;
   connectorId: number;
+  transactionId?: number;
   idTag?: string;
 }>();
 
@@ -62,21 +64,27 @@ const props = defineProps<{
 // }
 
 function startChargingStation(): void {
-  UIClient.instance.startChargingStation(props.hashId);
+  UIClient.getInstance().startChargingStation(props.hashId);
 }
 function stopChargingStation(): void {
-  UIClient.instance.stopChargingStation(props.hashId);
+  UIClient.getInstance().stopChargingStation(props.hashId);
 }
 function openConnection(): void {
-  UIClient.instance.openConnection(props.hashId);
+  UIClient.getInstance().openConnection(props.hashId);
 }
 function closeConnection(): void {
-  UIClient.instance.closeConnection(props.hashId);
+  UIClient.getInstance().closeConnection(props.hashId);
 }
 function startTransaction(): void {
-  UIClient.instance.startTransaction(props.hashId, props.connectorId, props.idTag);
+  UIClient.getInstance().startTransaction(props.hashId, props.connectorId, props.idTag);
 }
 function stopTransaction(): void {
-  UIClient.instance.stopTransaction(props.hashId, props.transactionId);
+  UIClient.getInstance().stopTransaction(props.hashId, props.transactionId);
+}
+function startAutomaticTransactionGenerator(): void {
+  UIClient.getInstance().startAutomaticTransactionGenerator(props.hashId, props.connectorId);
+}
+function stopAutomaticTransactionGenerator(): void {
+  UIClient.getInstance().stopAutomaticTransactionGenerator(props.hashId, props.connectorId);
 }
 </script>