From 98e721963637b2eb69882a8b261753bd6df0187e Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Mon, 16 Dec 2024 12:42:16 +0100
Subject: [PATCH] Lib: Disable autocomplete on card inputs

---
 src/lib/components/DriverCard.svelte |  3 +++
 src/lib/components/Dropdown.svelte   |  2 ++
 src/lib/components/RaceCard.svelte   |  7 +++++++
 src/lib/components/TeamCard.svelte   | 17 ++++++++++-------
 4 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/DriverCard.svelte b/src/lib/components/DriverCard.svelte
index aa1e26a..e7d80b1 100644
--- a/src/lib/components/DriverCard.svelte
+++ b/src/lib/components/DriverCard.svelte
@@ -61,6 +61,7 @@
         id="driver_first_name_{driver?.id ?? 'create'}"
         name="firstname"
         value={driver?.firstname ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         disabled={disable_inputs}
         required={require_inputs}>First Name</Input
@@ -69,6 +70,7 @@
         id="driver_last_name_{driver?.id ?? 'create'}"
         name="lastname"
         value={driver?.lastname ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         disabled={disable_inputs}
         required={require_inputs}>Last Name</Input
@@ -77,6 +79,7 @@
         id="driver_code_{driver?.id ?? 'create'}"
         name="code"
         value={driver?.code ?? ""}
+        autocomplete="off"
         minlength={3}
         maxlength={3}
         labelwidth="120px"
diff --git a/src/lib/components/Dropdown.svelte b/src/lib/components/Dropdown.svelte
index a7eb74f..23a0b75 100644
--- a/src/lib/components/Dropdown.svelte
+++ b/src/lib/components/Dropdown.svelte
@@ -91,6 +91,7 @@
     <input
       use:popup={popup_settings}
       type="button"
+      autocomplete="off"
       style="height: 42px; text-align: start; text-indent: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0;"
       use:obtain_input
       use:action
@@ -102,6 +103,7 @@
     <input
       use:popup={popup_settings}
       type="button"
+      autocomplete="off"
       style="height: 42px; text-align: start; text-indent: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0;"
       use:obtain_input
       onkeypress={(event: Event) => event.preventDefault()}
diff --git a/src/lib/components/RaceCard.svelte b/src/lib/components/RaceCard.svelte
index 936d147..fe55c7c 100644
--- a/src/lib/components/RaceCard.svelte
+++ b/src/lib/components/RaceCard.svelte
@@ -74,6 +74,7 @@
         id="race_name_{race?.id ?? 'create'}"
         name="name"
         value={race?.name ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         disabled={disable_inputs}
         required={require_inputs}>Name</Input
@@ -82,6 +83,7 @@
         id="race_step_{race?.id ?? 'create'}"
         name="step"
         value={race?.step ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="number"
         min={1}
@@ -93,6 +95,7 @@
         id="race_pxx_{race?.id ?? 'create'}"
         name="pxx"
         value={race?.pxx ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="number"
         min={1}
@@ -106,6 +109,7 @@
         id="race_sprintqualidate_{race?.id ?? 'create'}"
         name="sprintqualidate"
         value={sprintqualidate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}>Sprint Quali</Input
@@ -114,6 +118,7 @@
         id="race_sprintdate_{race?.id ?? 'create'}"
         name="sprintdate"
         value={sprintdate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}>Sprint</Input
@@ -122,6 +127,7 @@
         id="race_qualidate_{race?.id ?? 'create'}"
         name="qualidate"
         value={qualidate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}
@@ -131,6 +137,7 @@
         id="race_racedate_{race?.id ?? 'create'}"
         name="racedate"
         value={racedate ?? ""}
+        autocomplete="off"
         labelwidth="120px"
         type="datetime-local"
         disabled={disable_inputs}
diff --git a/src/lib/components/TeamCard.svelte b/src/lib/components/TeamCard.svelte
index 90ca5e6..4d67d35 100644
--- a/src/lib/components/TeamCard.svelte
+++ b/src/lib/components/TeamCard.svelte
@@ -48,9 +48,12 @@
         id="team_name_{team?.id ?? 'create'}"
         name="name"
         value={team?.name ?? ""}
+        autocomplete="off"
         disabled={disable_inputs}
-        required={require_inputs}>Name</Input
+        required={require_inputs}
       >
+        Name
+      </Input>
 
       <!-- Logo upload -->
       <FileDropzone
@@ -68,12 +71,12 @@
       <!-- Save/Delete buttons -->
       <div class="flex justify-end gap-2">
         {#if team}
-          <Button formaction="?/update_team" color="secondary" disabled={disable_inputs} submit
-            >Save Changes</Button
-          >
-          <Button color="primary" submit disabled={disable_inputs} formaction="?/delete_team"
-            >Delete</Button
-          >
+          <Button formaction="?/update_team" color="secondary" disabled={disable_inputs} submit>
+            Save Changes
+          </Button>
+          <Button color="primary" submit disabled={disable_inputs} formaction="?/delete_team">
+            Delete
+          </Button>
         {:else}
           <Button formaction="?/create_team" color="tertiary" submit>Create Team</Button>
         {/if}