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">
15 name: 'start-transaction',
16 params: { hashId, chargingStationId, connectorId }
19 >Start Transaction</Button
21 <Button @click="stopTransaction()">Stop Transaction</Button>
22 <Button @click="startAutomaticTransactionGenerator()">Start ATG</Button>
23 <Button @click="stopAutomaticTransactionGenerator()">Stop ATG</Button>
28 <script setup lang="ts">
29 import { getCurrentInstance } from 'vue'
30 import { useToast } from 'vue-toast-notification'
31 import Button from '@/components/buttons/Button.vue'
32 import type { ConnectorStatus, Status } from '@/types'
34 const props = defineProps<{
36 chargingStationId: string
38 connector: ConnectorStatus
42 const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient
44 const $toast = useToast()
46 const stopTransaction = (): void => {
48 .stopTransaction(props.hashId, props.connector.transactionId)
50 $toast.success('Transaction successfully stopped')
52 .catch((error: Error) => {
53 $toast.error('Error at stopping transaction')
54 console.error('Error at stopping transaction:', error)
57 const startAutomaticTransactionGenerator = (): void => {
59 .startAutomaticTransactionGenerator(props.hashId, props.connectorId)
61 $toast.success('Automatic transaction generator successfully started')
63 .catch((error: Error) => {
64 $toast.error('Error at starting automatic transaction generator')
65 console.error('Error at starting automatic transaction generator:', error)
68 const stopAutomaticTransactionGenerator = (): void => {
70 .stopAutomaticTransactionGenerator(props.hashId, props.connectorId)
72 $toast.success('Automatic transaction generator successfully stopped')
74 .catch((error: Error) => {
75 $toast.error('Error at stopping automatic transaction generator')
76 console.error('Error at stopping automatic transaction generator:', error)