2 <td class="cs-table__column">
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="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__column">{{ connectorId }}</td>
21 <td class="cs-table__column">{{ connector.status ?? 'Ø' }}</td>
22 <td class="cs-table__column">{{ connector.transactionStarted === true ? 'Yes' : 'No' }}</td>
25 <script setup lang="ts">
26 // import { reactive } from 'vue'
27 import Button from '../buttons/Button.vue'
28 // import IdTagInputModal from './IdTagInputModal.vue'
29 import type { ConnectorStatus } from '@/types'
30 import { UIClient } from '@/composables/UIClient'
31 // import { compose } from '@/composables/Utils'
33 const props = defineProps<{
35 connector: ConnectorStatus
37 transactionId?: number
42 // isIdTagModalVisible: boolean
44 // transaction: () => void
47 // const state: State = reactive({
48 // isIdTagModalVisible: false,
50 // transaction: startTransaction
53 // function getIdTag(transaction: () => void): void {
54 // state.transaction = transaction
58 // function showTagModal(): void {
59 // state.isIdTagModalVisible = true
61 // function hideIdTagModal(): void {
62 // state.isIdTagModalVisible = false
65 function startChargingStation(): void {
66 UIClient.getInstance().startChargingStation(props.hashId)
68 function stopChargingStation(): void {
69 UIClient.getInstance().stopChargingStation(props.hashId)
71 function openConnection(): void {
72 UIClient.getInstance().openConnection(props.hashId)
74 function closeConnection(): void {
75 UIClient.getInstance().closeConnection(props.hashId)
77 function startTransaction(): void {
78 UIClient.getInstance().startTransaction(props.hashId, props.connectorId, props.idTag)
80 function stopTransaction(): void {
81 UIClient.getInstance().stopTransaction(props.hashId, props.transactionId)
83 function startAutomaticTransactionGenerator(): void {
84 UIClient.getInstance().startAutomaticTransactionGenerator(props.hashId, props.connectorId)
86 function stopAutomaticTransactionGenerator(): void {
87 UIClient.getInstance().stopAutomaticTransactionGenerator(props.hashId, props.connectorId)