From d18fc1e3f7c1c8490a1c328890d03d83218dec64 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Sun, 18 Feb 2024 19:58:57 +0100
Subject: [PATCH] refactor(ui): refine action inputs
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 ui/web/src/components/actions/AddChargingStations.vue | 4 +++-
 ui/web/src/components/actions/SetSupervisionUrl.vue   | 2 +-
 ui/web/src/components/actions/StartTransaction.vue    | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

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="
-- 
2.34.1