<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"
/>
() => {
uiClient
.setSupervisionUrl(props.hashId, state.supervisionUrl)
+ .then(() => {
+ $toast.success('Supervision url successfully set')
+ })
.catch((error: Error) => {
- // TODO: add code for UI notifications or other error handling logic
+ $toast.error('Error at setting supervision url')
console.error('Error at setting supervision url:', error)
})
.finally(() => {
}>()
const state = reactive({
- supervisionUrl: ''
+ supervisionUrl: 'ws://'
})
const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient
<style>
#supervision-url {
- text-align: center;
+ width: 90%;
+ text-align: left;
}
</style>