Add led pin setting

src/settings.py

@@ -59,7 +59,7 @@ class Settings(dict):
                 elif key == "color2":
                     patterns.set_color2(tuple(int(value[i:i+2], 16) for i in self.color_order))  # Convert hex to RGB
                 elif key == "num_leds":
-                    patterns.update_num_leds(4, value)
+                    patterns.update_num_leds(self["led_pin"], value)
                 elif key ==  "pattern":
                     if not patterns.select(value):
                         return "Pattern doesn't exist", 400
@@ -78,6 +78,8 @@ class Settings(dict):
                     else: self.color_order = (1, 3, 5)
                 elif key == "id":
                     pass
+                elif key == "led_pin":
+                    patterns.update_num_leds(value, self["num_leds"])
                 else:
                     return "Invalid key", 400
                 self[key] = value

src/static/main.js

@@ -156,6 +156,12 @@ async function updateID(event) {
   sendWebSocketData({ id: parseInt(id) });
 }
 
+async function updateLedPin(event) {
+  event.preventDefault();
+  const ledpin = document.getElementById("led_pin").value;
+  sendWebSocketData({ led_pin: parseInt(ledpin) });
+}
+
 function createPatternButtons(patterns) {
   const container = document.getElementById("pattern_buttons");
   container.innerHTML = ""; // Clear previous buttons
@@ -191,6 +197,9 @@ document.addEventListener("DOMContentLoaded", async function () {
     .addEventListener("submit", updateNumLeds);
   document.getElementById("name_form").addEventListener("submit", updateName);
   document.getElementById("id_form").addEventListener("submit", updateID);
+  document
+    .getElementById("led_pin_form")
+    .addEventListener("submit", updateLedPin);
   document.getElementById("delay").addEventListener("touchend", updateDelay);
   document
     .getElementById("brightness")

src/templates/index.html

@@ -100,6 +100,16 @@
                 />
                 <input type="submit" value="Update Number of LEDs" />
             </form>
+            <form id="led_pin_form" method="post" action="/led_pin">
+                <label for="num_leds">Led pin:</label>
+                <input
+                    type="text"
+                    id="led_pin"
+                    name="led_pin"
+                    value="{{settings['led_pin']}}"
+                />
+                <input type="submit" value="Update Led Pin" />
+            </form>
             <p>Mac address: {{mac}}</p>
         </div>
         <div id="connection-status"></div>