2 <tr class="connectors-table__row">
3 <td class="connectors-table__column">{{ connectorId }}</td>
4 <td class="connectors-table__column">{{ connector.status ?? 'Ø' }}</td>
5 <td class="connectors-table__column">
6 {{ connector.transactionStarted === true ? 'Yes' : 'No' }}
8 <td class="connectors-table__column">
9 {{ atgStatus?.start === true ? 'Yes' : 'No' }}
11 <td class="connectors-table__column">
12 <Button @click="startTransaction()">Start Transaction</Button>
13 <Button @click="stopTransaction()">Stop Transaction</Button>
14 <Button @click="startAutomaticTransactionGenerator()">Start ATG</Button>
15 <Button @click="stopAutomaticTransactionGenerator()">Stop ATG</Button>
20 <script setup lang="ts">
21 import { getCurrentInstance } from 'vue'
22 import Button from '@/components/buttons/Button.vue'
23 import type { ConnectorStatus, Status } from '@/types'
25 const props = defineProps<{
28 connector: ConnectorStatus
30 transactionId?: number
34 const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient
36 function startTransaction(): void {
37 uiClient.startTransaction(props.hashId, props.connectorId, props.idTag)
39 function stopTransaction(): void {
40 uiClient.stopTransaction(props.hashId, props.transactionId)
42 function startAutomaticTransactionGenerator(): void {
43 uiClient.startAutomaticTransactionGenerator(props.hashId, props.connectorId)
45 function stopAutomaticTransactionGenerator(): void {
46 uiClient.stopAutomaticTransactionGenerator(props.hashId, props.connectorId)