<h2>Action Start Transaction</h2>
<h3>Connector {{ connectorId }} on {{ chargingStationId }}</h3>
<p>Scan RFID tag:</p>
- <input id="idtag" v-model="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
+ <input id="idtag" v-model.trim="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
<br />
<Button
@click="
() => {
uiClient
.startTransaction(props.hashId, parseInt(props.connectorId), state.idTag)
+ .then(() => {
+ $toast.success('Transaction successfully started')
+ })
.catch((error: Error) => {
- // TODO: add code for UI notifications or other error handling logic
+ $toast.error('Error at starting transaction')
console.error('Error at starting transaction:', error)
})
.finally(() => {
"
>Start Transaction</Button
>
+ <Button @click="$router.push({ name: 'charging-stations' })">Cancel</Button>
</template>
<script setup lang="ts">