From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Sun, 18 Feb 2024 18:58:57 +0000 (+0100)
Subject: refactor(ui): refine action inputs
X-Git-Tag: v1.2.37~8
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=d18fc1e3f7c1c8490a1c328890d03d83218dec64;p=e-mobility-charging-stations-simulator.git

refactor(ui): refine action inputs

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---

diff --git a/ui/web/src/components/actions/AddChargingStations.vue b/ui/web/src/components/actions/AddChargingStations.vue
index 667edb6c..ebcef5ed 100644
--- a/ui/web/src/components/actions/AddChargingStations.vue
+++ b/ui/web/src/components/actions/AddChargingStations.vue
@@ -11,7 +11,8 @@
   <input
     id="number-of-stations"
     v-model="state.numberOfStations"
-    type="text"
+    type="number"
+    min="1"
     name="number-of-stations"
     placeholder="number of stations"
   />
@@ -75,6 +76,7 @@ onMounted(() => {
 
 <style>
 #number-of-stations {
+  width: 15%;
   text-align: center;
 }
 </style>
diff --git a/ui/web/src/components/actions/SetSupervisionUrl.vue b/ui/web/src/components/actions/SetSupervisionUrl.vue
index 101ac9ef..2b427b18 100644
--- a/ui/web/src/components/actions/SetSupervisionUrl.vue
+++ b/ui/web/src/components/actions/SetSupervisionUrl.vue
@@ -4,7 +4,7 @@
   <p>Supervision Url:</p>
   <input
     id="supervision-url"
-    v-model="state.supervisionUrl"
+    v-model.trim="state.supervisionUrl"
     type="text"
     name="supervision-url"
     placeholder="supervision url"
diff --git a/ui/web/src/components/actions/StartTransaction.vue b/ui/web/src/components/actions/StartTransaction.vue
index 6a96e34d..5d9cb8a6 100644
--- a/ui/web/src/components/actions/StartTransaction.vue
+++ b/ui/web/src/components/actions/StartTransaction.vue
@@ -2,7 +2,7 @@
   <h2>Action Start Transaction</h2>
   <h3>Connector {{ connectorId }} on {{ chargingStationId }}</h3>
   <p>Scan RFID tag:</p>
-  <input id="idtag" v-model="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
+  <input id="idtag" v-model.trim="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
   <br />
   <Button
     @click="