2 <td class="cs-table__action-col">
3 <Button @click="startChargingStation()">Start Charging Station</Button>
4 <Button @click="stopChargingStation()">Stop Charging Station</Button>
5 <Button @click="openConnection()">Open Connection</Button>
6 <Button @click="closeConnection()">Close Connection</Button>
7 <Button @click="startTransaction()">Start Transaction</Button>
9 :visibility="state.isIdTagModalVisible"
11 @close="hideIdTagModal()"
12 @done="Utils.compose(state.transaction, hideIdTagModal)()"
15 </IdTagInputModal> -->
16 <Button @click="stopTransaction()">Stop Transaction</Button>
17 <Button @click="startAutomaticTransactionGenerator()">Start ATG</Button>
18 <Button @click="stopAutomaticTransactionGenerator()">Stop ATG</Button>
20 <td class="cs-table__connector-col">{{ connectorId }}</td>
21 <td class="cs-table__status-col">{{ connector.status }}</td>
22 <td class="cs-table__transaction-col">{{ connector.transactionStarted ? 'Yes' : 'No' }}</td>
25 <script setup lang="ts">
26 // import IdTagInputModal from './IdTagInputModal.vue';
27 import Button from '../buttons/Button.vue';
29 // import { reactive } from 'vue';
30 import UIClient from '@/composables/UIClient';
31 import type { ConnectorStatus } from '@/types/ChargingStationType';
32 // import Utils from '@/composables/Utils';
34 const props = defineProps<{
36 connector: ConnectorStatus;
38 transactionId?: number;
43 // isIdTagModalVisible: boolean;
45 // transaction: () => void;
48 // const state: State = reactive({
49 // isIdTagModalVisible: false,
51 // transaction: startTransaction,
54 // function getIdTag(transaction: () => void): void {
55 // state.transaction = transaction;
59 // function showTagModal(): void {
60 // state.isIdTagModalVisible = true;
62 // function hideIdTagModal(): void {
63 // state.isIdTagModalVisible = false;
66 function startChargingStation(): void {
67 UIClient.getInstance().startChargingStation(props.hashId);
69 function stopChargingStation(): void {
70 UIClient.getInstance().stopChargingStation(props.hashId);
72 function openConnection(): void {
73 UIClient.getInstance().openConnection(props.hashId);
75 function closeConnection(): void {
76 UIClient.getInstance().closeConnection(props.hashId);
78 function startTransaction(): void {
79 UIClient.getInstance().startTransaction(props.hashId, props.connectorId, props.idTag);
81 function stopTransaction(): void {
82 UIClient.getInstance().stopTransaction(props.hashId, props.transactionId);
84 function startAutomaticTransactionGenerator(): void {
85 UIClient.getInstance().startAutomaticTransactionGenerator(props.hashId, props.connectorId);
87 function stopAutomaticTransactionGenerator(): void {
88 UIClient.getInstance().stopAutomaticTransactionGenerator(props.hashId, props.connectorId);