From 223343f2dd76ca76c1339b8b16efd2bec1f8c6ff Mon Sep 17 00:00:00 2001
From: Adwait Kale <aadwait.kale@gmail.com>
Date: Tue, 20 Aug 2024 01:37:43 +0530
Subject: [PATCH] Added image preview for HomeKey Card Finish in Misc
 configuration page on card finish click

---
 data/misc.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/data/misc.html b/data/misc.html
index 9ad1489..dd8ee54 100644
--- a/data/misc.html
+++ b/data/misc.html
@@ -29,19 +29,19 @@ <h2 style="text-align: center;">Device Configuration</h2>
     <div id="hkfinish" style="background-image: url(hk-finish-0.webp);width: 300px;background-size: contain;background-repeat: no-repeat;min-height: 100px;"></div>
     <div>
       <label id="tan" for="hk-tan">Tan</label>
-      <input type="radio" id="hk-finish-0" name="hk-hwfinish" value="0" />
+      <input type="radio" id="hk-finish-0" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-0.webp)`" name="hk-hwfinish" value="0" />
     </div>
     <div>
       <label id="gold" for="hk-gold">Gold</label>
-      <input type="radio" id="hk-finish-1" name="hk-hwfinish" value="1" />
+      <input type="radio" id="hk-finish-1" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-1.webp)`" name="hk-hwfinish" value="1" />
     </div>
     <div>
       <label id="silver" for="hk-silver">Silver</label>
-      <input type="radio" id="hk-finish-2" name="hk-hwfinish" value="2" />
+      <input type="radio" id="hk-finish-2" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-2.webp)`" name="hk-hwfinish" value="2" />
     </div>
     <div>
       <label id="black" for="hk-black">Black</label>
-      <input type="radio" id="hk-finish-3" name="hk-hwfinish" value="3" />
+      <input type="radio" id="hk-finish-3" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-3.webp)`" name="hk-hwfinish" value="3" />
     </div>
   </fieldset>