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 }
22 <Button @click="stopTransaction()">Stop Transaction</Button>
23 <Button @click="startAutomaticTransactionGenerator()">Start ATG</Button>
24 <Button @click="stopAutomaticTransactionGenerator()">Stop ATG</Button>
29 <script setup lang="ts">
30 import { getCurrentInstance } from 'vue'
31 import { useToast } from 'vue-toast-notification'
32 import Button from '@/components/buttons/Button.vue'
33 import type { ConnectorStatus, Status } from '@/types'
35 const props = defineProps<{
37 chargingStationId: string
39 connector: ConnectorStatus
43 const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient
45 const $toast = useToast()
47 const stopTransaction = (): void => {
49 .stopTransaction(props.hashId, props.connector.transactionId)
51 $toast.success('Transaction successfully stopped')
53 .catch((error: Error) => {
54 $toast.error('Error at stopping transaction')
55 console.error('Error at stopping transaction:', error)
58 const startAutomaticTransactionGenerator = (): void => {
60 .startAutomaticTransactionGenerator(props.hashId, props.connectorId)
62 $toast.success('Automatic transaction generator successfully started')
64 .catch((error: Error) => {
65 $toast.error('Error at starting automatic transaction generator')
66 console.error('Error at starting automatic transaction generator:', error)
69 const stopAutomaticTransactionGenerator = (): void => {
71 .stopAutomaticTransactionGenerator(props.hashId, props.connectorId)
73 $toast.success('Automatic transaction generator successfully stopped')
75 .catch((error: Error) => {
76 $toast.error('Error at stopping automatic transaction generator')
77 console.error('Error at stopping automatic transaction generator:', error)