2 <h1 id="action">Action</h1>
3 <h2>Set Supervision Url</h2>
4 <h3>Charging Station {{ chargingStationId }}</h3>
5 <p>Supervision Url:</p>
8 v-model.trim="state.supervisionUrl"
10 name="supervision-url"
19 .setSupervisionUrl(props.hashId, state.supervisionUrl)
21 $toast.success('Supervision url successfully set')
23 .catch((error: Error) => {
24 $toast.error('Error at setting supervision url')
25 console.error('Error at setting supervision url:', error)
28 $router.push({ name: 'charging-stations' })
35 <Button id="action-button" @click="$router.push({ name: 'charging-stations' })">Cancel</Button>
38 <script setup lang="ts">
39 import { getCurrentInstance, reactive } from 'vue'
40 import Button from '@/components/buttons/Button.vue'
42 const props = defineProps<{
44 chargingStationId: string
47 const state = reactive({
51 const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient