2 <h2>Action Start Transaction</h2>
3 <h3>Connector {{ connectorId }} on {{ chargingStationId }}</h3>
5 <input id="idtag" v-model.trim="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
12 .startTransaction(props.hashId, parseInt(props.connectorId), state.idTag)
14 $toast.success('Transaction successfully started')
16 .catch((error: Error) => {
17 $toast.error('Error at starting transaction')
18 console.error('Error at starting transaction:', error)
21 $router.push({ name: 'charging-stations' })
28 <Button id="action-button" @click="$router.push({ name: 'charging-stations' })">Cancel</Button>
31 <script setup lang="ts">
32 import { getCurrentInstance, reactive } from 'vue'
33 import Button from '@/components/buttons/Button.vue'
35 const props = defineProps<{
37 chargingStationId: string
41 const state = reactive({
45 const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient