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">
13 :id="`${hashId}-start-transaction`"
18 name: 'start-transaction',
19 params: { hashId, chargingStationId, connectorId }
25 $router.push({ name: 'charging-stations' })
31 <Button @click="stopTransaction()">Stop Transaction</Button>
32 <Button @click="startAutomaticTransactionGenerator()">Start ATG</Button>
33 <Button @click="stopAutomaticTransactionGenerator()">Stop ATG</Button>
38 <script setup lang="ts">
39 import { getCurrentInstance } from 'vue'
40 import { useToast } from 'vue-toast-notification'
41 import Button from '@/components/buttons/Button.vue'
42 import type { ConnectorStatus, Status } from '@/types'
43 import ToggleButton from '@/components/buttons/ToggleButton.vue'
45 const props = defineProps<{
47 chargingStationId: string
49 connector: ConnectorStatus
53 const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient
55 const $toast = useToast()
57 const stopTransaction = (): void => {
59 .stopTransaction(props.hashId, props.connector.transactionId)
61 $toast.success('Transaction successfully stopped')
63 .catch((error: Error) => {
64 $toast.error('Error at stopping transaction')
65 console.error('Error at stopping transaction:', error)
68 const startAutomaticTransactionGenerator = (): void => {
70 .startAutomaticTransactionGenerator(props.hashId, props.connectorId)
72 $toast.success('Automatic transaction generator successfully started')
74 .catch((error: Error) => {
75 $toast.error('Error at starting automatic transaction generator')
76 console.error('Error at starting automatic transaction generator:', error)
79 const stopAutomaticTransactionGenerator = (): void => {
81 .stopAutomaticTransactionGenerator(props.hashId, props.connectorId)
83 $toast.success('Automatic transaction generator successfully stopped')
85 .catch((error: Error) => {
86 $toast.error('Error at stopping automatic transaction generator')
87 console.error('Error at stopping automatic transaction generator:', error)