X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2Fviews%2FChargingStationsView.vue;h=cbd8a34ba64bf13ad17f8e57a679cb67aa455c63;hb=3eea3ebcd6172a2928aba166e26d5f06cd4dbe42;hp=c2e12cb58c088cbe3cefc67ee4ceb9c9f2e1a21b;hpb=ca1e5439d7a19520d752a8c60513d4229b118e35;p=e-mobility-charging-stations-simulator.git
diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index c2e12cb5..cbd8a34b 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -1,36 +1,182 @@
+
+
+
-
-
+
+
+
+ Add Charging Stations
+
$router.go(0))"
+ :loading="state.loading"
+ @click="loadChargingStations(() => (state.renderChargingStations = randomUUID()))"
/>
-
+
@@ -67,11 +235,25 @@ function stopSimulator(): void {
flex-direction: column;
}
+#ui-server-container {
+ display: flex;
+ flex-direction: row;
+}
+
+#ui-server-selector {
+ width: 100%;
+ text-align: center;
+}
+
#buttons-container {
display: flex;
flex-direction: row;
}
+#action-button {
+ flex: none;
+}
+
#reload-button {
flex: auto;
color: white;
@@ -90,7 +272,9 @@ function stopSimulator(): void {
background-color: red;
}
-#simulator-button {
- flex: auto;
+#action {
+ color: white;
+ background-color: black;
+ padding: 1%;
}