From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Thu, 30 Apr 2026 14:51:52 +0000 (+0200)
Subject: fix(ui-web): align StartTransaction dialog with Authorize dialog
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=a9cdabd885ccc58efac12c2475db6028061c4de6;p=e-mobility-charging-stations-simulator.git

fix(ui-web): align StartTransaction dialog with Authorize dialog

Add autocomplete="off", use same label/placeholder/hint pattern as
AuthorizeDialog for the RFID field. Remove misleading "optional"
placeholder.
---

diff --git a/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue b/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue
index 95dc8ea5..3b701935 100644
--- a/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue
+++ b/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue
@@ -14,14 +14,18 @@
         <label
           class="modern-form__label"
           for="modern-tx-idtag"
-        >RFID tag</label>
+        >RFID / ID Tag</label>
         <input
           id="modern-tx-idtag"
           v-model.trim="formState.idTag"
           class="modern-form__input"
           type="text"
-          placeholder="optional"
+          autocomplete="off"
+          placeholder="e.g. RFID-1234"
         >
+        <span class="modern-form__hint">
+          Tag used for authorization and transaction identification.
+        </span>
       </div>
       <label class="modern-form__check">
         <input