X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=src%2Fui%2Fweb%2Fsrc%2Fviews%2FChargingStationsView.vue;h=0c781566f6022bc150e84f7f7068e1bffe734616;hb=efdd19228b996d429acfdef7e929baa4fa3f9d81;hp=fb583e19a5c18edf8c6be0bc18b6c4c07c775da4;hpb=32de5a575189d226213641f5ee36004f8454cb50;p=e-mobility-charging-stations-simulator.git
diff --git a/src/ui/web/src/views/ChargingStationsView.vue b/src/ui/web/src/views/ChargingStationsView.vue
index fb583e19..0c781566 100644
--- a/src/ui/web/src/views/ChargingStationsView.vue
+++ b/src/ui/web/src/views/ChargingStationsView.vue
@@ -1,16 +1,18 @@
-
+
+
+
-
+
@@ -26,28 +28,35 @@ import { ChargingStationData } from '@/type/ChargingStationType';
const UIClientInstance = UIClient.instance;
onMounted(() => {
- UIClientInstance.onOpen(load);
+ UIClientInstance.registerWSonOpenListener(load);
});
type State = {
isLoading: boolean;
- chargingStations: ChargingStationData[];
- tag: string;
+ chargingStations: Record;
+ idTag: string;
};
const state: State = reactive({
isLoading: false,
- chargingStations: [],
- tag: '',
+ chargingStations: {},
+ idTag: '',
});
async function load(): Promise {
if (state.isLoading === true) return;
state.isLoading = true;
- const list = await UIClientInstance.listChargingStations();
- state.chargingStations = list;
+ const chargingStationsList = await UIClientInstance.listChargingStations();
+ state.chargingStations = chargingStationsList as unknown as Record;
state.isLoading = false;
}
+
+function startSimulator(): void {
+ UIClientInstance.startSimulator();
+}
+function stopSimulator(): void {
+ UIClientInstance.stopSimulator();
+}