2 <h1 id="action">Action</h1>
3 <h2>Start Transaction</h2>
4 <h3>Connector {{ connectorId }} on {{ chargingStationId }}</h3>
6 <input id="idtag" v-model.trim="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
13 .startTransaction(props.hashId, parseInt(props.connectorId), state.idTag)
15 $toast.success('Transaction successfully started')
17 .catch((error: Error) => {
18 $toast.error('Error at starting transaction')
19 console.error('Error at starting transaction:', error)
22 $router.push({ name: 'charging-stations' })
29 <Button id="action-button" @click="$router.push({ name: 'charging-stations' })">Cancel</Button>
32 <script setup lang="ts">
33 import { defineProps, getCurrentInstance, reactive } from 'vue'
34 import Button from '@/components/buttons/Button.vue'
36 const props = defineProps<{
38 chargingStationId: string
42 const state = reactive({
46 const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient