"
>
{{ state.simulatorState?.started === true ? 'Stop' : 'Start' }} Simulator
+ {{ state.simulatorState?.version != null ? ` (${state.simulatorState?.version})` : '' }}
</ToggleButton>
<ToggleButton
:id="'add-charging-stations'"
import { getCurrentInstance, onMounted, ref } from 'vue'
import { useToast } from 'vue-toast-notification'
import CSTable from '@/components/charging-stations/CSTable.vue'
-import type { ResponsePayload, UIServerConfigurationSection } from '@/types'
+import type { ResponsePayload, SimulatorState, UIServerConfigurationSection } from '@/types'
import Container from '@/components/Container.vue'
import ReloadButton from '@/components/buttons/ReloadButton.vue'
import {
renderAddChargingStations: `${string}-${string}-${string}-${string}-${string}`
renderChargingStations: `${string}-${string}-${string}-${string}-${string}`
loading: boolean
- simulatorState?: { started: boolean }
+ simulatorState?: SimulatorState
uiServerIndex: number
}>({
renderSimulator: randomUUID(),
uiClient
.simulatorState()
.then((response: ResponsePayload) => {
- state.value.simulatorState = response.state as { started: boolean }
+ state.value.simulatorState = response.state as SimulatorState
})
.catch((error: Error) => {
$toast.error('Error at fetching simulator state')
#ui-server-selector {
width: 100%;
background-color: rgb(239, 239, 239);
+ font: small-caption;
text-align: center;
}
#ui-server-selector:hover {
- background-color: lightgrey;
+ background-color: rgb(229, 229, 229);
}
#buttons-container {
#reload-button {
color: ivory;
background-color: blue;
- font-size: 1.5rem;
- font-weight: bold;
+ font-size: 2rem;
}
#reload-button:hover {