X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2Fviews%2FChargingStationsView.vue;h=abea2075cc1207114d0a0d1174f5b1453058a709;hb=258666f9962451dda19d0db528bbf07e41838ff2;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..abea2075 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -1,36 +1,112 @@
+
+
+
-
-
+
+
+
$router.go(0))"
+ :loading="state.loading"
+ @click="loadChargingStations(() => (state.renderChargingStationsList = randomUUID()))"
/>
-
+
@@ -67,11 +162,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 +199,9 @@ function stopSimulator(): void {
background-color: red;
}
-#simulator-button {
- flex: auto;
+#action {
+ color: white;
+ background-color: black;
+ padding: 1%;
}