<template>
- <h2>Action Set Supervision Url</h2>
+ <h1 id="action">Action</h1>
+ <h2>Set Supervision Url</h2>
<h3>Charging Station {{ chargingStationId }}</h3>
<p>Supervision Url:</p>
<input
id="supervision-url"
- v-model="state.supervisionUrl"
- type="text"
+ v-model.trim="state.supervisionUrl"
+ type="url"
name="supervision-url"
- placeholder="supervision url"
+ placeholder="wss://"
/>
<br />
<Button
+ id="action-button"
@click="
() => {
uiClient
})
}
"
- >Set Supervision Url</Button
>
- <Button @click="$router.push({ name: 'charging-stations' })">Cancel</Button>
+ Set Supervision Url
+ </Button>
+ <Button id="action-button" @click="$router.push({ name: 'charging-stations' })">Cancel</Button>
</template>
<script setup lang="ts">
}>()
const state = reactive({
- supervisionUrl: 'ws://'
+ supervisionUrl: ''
})
const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient