repositories
/
e-mobility-charging-stations-simulator.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
refactor(ui): improve the charging stations list styles
[e-mobility-charging-stations-simulator.git]
/
ui
/
web
/
src
/
components
/
actions
/
SetSupervisionUrl.vue
diff --git
a/ui/web/src/components/actions/SetSupervisionUrl.vue
b/ui/web/src/components/actions/SetSupervisionUrl.vue
index 101ac9efc9f6a5cd76107f1cdcc6711086741371..33b6767bd093b4d9d4ff7ecb2d358615d9bb4994 100644
(file)
--- a/
ui/web/src/components/actions/SetSupervisionUrl.vue
+++ b/
ui/web/src/components/actions/SetSupervisionUrl.vue
@@
-1,16
+1,18
@@
<template>
<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"
<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"
name="supervision-url"
- placeholder="
supervision url
"
+ placeholder="
wss://
"
/>
<br />
<Button
/>
<br />
<Button
+ id="action-button"
@click="
() => {
uiClient
@click="
() => {
uiClient
@@
-27,13
+29,14
@@
})
}
"
})
}
"
- >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">
</template>
<script setup lang="ts">
-import { getCurrentInstance, reactive } from 'vue'
+import {
defineProps,
getCurrentInstance, reactive } from 'vue'
import Button from '@/components/buttons/Button.vue'
const props = defineProps<{
import Button from '@/components/buttons/Button.vue'
const props = defineProps<{
@@
-42,7
+45,7
@@
const props = defineProps<{
}>()
const state = reactive({
}>()
const state = reactive({
- supervisionUrl: '
ws://
'
+ supervisionUrl: ''
})
const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient
})
const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient