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>
18 <td class="cs-table__connector-col">{{ connectorId }}</td>
19 <td class="cs-table__status-col">{{ connector.status }}</td>
20 <td class="cs-table__transaction-col">{{ connector.transactionStarted ? 'Yes' : 'No' }}</td>
23 <script setup lang="ts">
24 // import IdTagInputModal from './IdTagInputModal.vue';
25 import Button from '../buttons/Button.vue';
27 // import { reactive } from 'vue';
28 import UIClient from '@/composables/UIClient';
29 import type { ConnectorStatus } from '@/types/ChargingStationType';
30 // import Utils from '@/composables/Utils';
32 const props = defineProps<{
34 connector: ConnectorStatus;
35 transactionId?: number;
41 // isIdTagModalVisible: boolean;
43 // transaction: () => void;
46 // const state: State = reactive({
47 // isIdTagModalVisible: false,
49 // transaction: startTransaction,
52 // function getIdTag(transaction: () => void): void {
53 // state.transaction = transaction;
57 // function showTagModal(): void {
58 // state.isIdTagModalVisible = true;
60 // function hideIdTagModal(): void {
61 // state.isIdTagModalVisible = false;
64 function startChargingStation(): void {
65 UIClient.getInstance().startChargingStation(props.hashId);
67 function stopChargingStation(): void {
68 UIClient.getInstance().stopChargingStation(props.hashId);
70 function openConnection(): void {
71 UIClient.getInstance().openConnection(props.hashId);
73 function closeConnection(): void {
74 UIClient.getInstance().closeConnection(props.hashId);
76 function startTransaction(): void {
77 UIClient.getInstance().startTransaction(props.hashId, props.connectorId, props.idTag);
79 function stopTransaction(): void {
80 UIClient.getInstance().stopTransaction(props.hashId, props.transactionId);