From 82379505bfdcae15109506c7ee3085133aa8b91e Mon Sep 17 00:00:00 2001
From: vr6syncro <info@vr6-syncro.de>
Date: Mon, 18 Sep 2023 21:04:41 +0200
Subject: [PATCH] added Strip Mode fixed Version added set Brightness to Web
 Config Page

---
 src/Bambulab_Esp32_LEDController.ino |  35 ++++----
 src/config.h                         |   7 +-
 src/effects.h                        |  30 +++----
 src/ledhandle.h                      |  12 ++-
 src/ledhandle_icon_case.h            |  31 ++++---
 src/ledhandle_logo_case.h            |  27 +++---
 src/ledhandle_stripe_case.h          | 121 +++++++++++++++++++++++++
 src/startpage.h                      | 129 ++++++++++++++++++++++-----
 src/ws2812b.h                        |  30 +++++--
 9 files changed, 329 insertions(+), 93 deletions(-)
 create mode 100644 src/ledhandle_stripe_case.h

diff --git a/src/Bambulab_Esp32_LEDController.ino b/src/Bambulab_Esp32_LEDController.ino
index edef646..a39db32 100644
--- a/src/Bambulab_Esp32_LEDController.ino
+++ b/src/Bambulab_Esp32_LEDController.ino
@@ -128,7 +128,7 @@ void sendGcodeCommand(const char* command, const char* param);
 void sendLedControlCommand(const char* ledNode, const char* ledMode, int ledOnTime, int ledOffTime, int loopTimes, int intervalTime);
 
 //save config from web
-void saveConfigFromWeb(const String& server, const String& port, const String& user, const String& password, const String& serial, bool debugValue, int szenarioValue) {
+void saveConfigFromWeb(const String& server, const String& port, const String& user, const String& password, const String& serial, bool debugValue, int szenarioValue, int brightnessValue, int led_scenario_3Value) {
   preferences.begin("mqtt_config", false);
   preferences.putString("server", server.c_str());
   preferences.putString("port", port.c_str());
@@ -136,7 +136,9 @@ void saveConfigFromWeb(const String& server, const String& port, const String& u
   preferences.putString("password", password.c_str());
   preferences.putString("serial", serial.c_str());
   preferences.putBool("debug", debugValue);
+  preferences.putString("brightness", String(brightnessValue).c_str());
   preferences.putString("szenario", String(szenarioValue).c_str());
+  preferences.putString("led_scenario_3", String(led_scenario_3Value).c_str());
   preferences.end();
 }
 
@@ -161,15 +163,12 @@ void setup() {
   Serial.begin(115200);
   client.setBufferSize(20000);
 
+  // Preferences
+  loadPreferences();
 
   initFastLED();
   setFastLedAllBlack();
 
-  //Serial.println("ESP-IDF version is: " + String(esp_get_idf_version()));
-
-  // Preferences
-  loadPreferences();
-
   // WiFiManager
   WiFiManager wifiManager;
   setWifiConnecting();
@@ -213,13 +212,11 @@ void setup() {
   Serial.println("Initial setup complete.");
   Serial.println("Send 'config' to configure settings via serial console.");
 
-
   setupOTA();
   printWelcomeMessage();
   delay(3000);
   checkForUpdates();
 
-
   server.on("/", HTTP_GET, [](AsyncWebServerRequest* request) {
     String startpage_html_content = getStartPage();
     request->send(200, "text/html", startpage_html_content);
@@ -275,9 +272,11 @@ void setup() {
           String password = doc["password"].as<String>();
           String serial = doc["serial"].as<String>();
           bool debugValue = doc["debug"].as<bool>();
+          int brightnessValue = doc["brightness"].as<int>();
           int szenarioValue = doc["szenario"].as<int>();
+          int led_scenario_3Value = doc["led_scenario_3"].as<int>();
 
-          saveConfigFromWeb(server, port, user, password, serial, debugValue, szenarioValue);
+          saveConfigFromWeb(server, port, user, password, serial, debugValue, szenarioValue, brightnessValue, led_scenario_3Value);
 
           ws.sendTXT(clientNum, "Config saved successfully");
 
@@ -453,9 +452,12 @@ void loadPreferences() {
   preferences.getString("password", mqtt_password, sizeof(mqtt_password));
   preferences.getString("serial", serial_number, sizeof(serial_number));
   debug = preferences.getBool("debug");
-  String szenario_string = preferences.getString("szenario");
+  String szenario_string = preferences.getString("szenario", "1");
   szenario = szenario_string.toInt();
-  brightness = preferences.getInt("brightness", 84);
+  String brightness_string = preferences.getString("brightness", "24");
+  brightness = brightness_string.toInt();
+  String led_scenario_3_string = preferences.getString("led_scenario_3" , "1");
+  led_scenario_3 = led_scenario_3_string.toInt();
   preferences.end();
 }
 
@@ -469,7 +471,6 @@ void savePreferences(WiFiManagerParameter& server, WiFiManagerParameter& port, W
   preferences.putString("serial", serial.getValue());
   preferences.putBool("debug", debug);
   preferences.putString("szenario", szenario_param.getValue());
-  preferences.putInt("brightness", brightness);
   preferences.end();
 }
 
@@ -743,12 +744,13 @@ void configureSerial() {
   Serial.println();
   String szenarioString = askForInput("Szenario - Type 1 for Icon Cover and 2 for Logo Cover", preferences.getString("szenario", ""));
   Serial.println();
+  String led_scenario_3String = askForInput("Number of LEDs for Scenario 3", preferences.getString("led_scenario_3", ""));
+  Serial.println();
 
   Serial.println("-------------------------------------------");
   Serial.println("Debugging Status (on/off)? Current: " + String(debug ? "on" : "off"));
   Serial.println();
-  while (!Serial.available())
-    ;
+  while (!Serial.available());
   String debugStatus = Serial.readStringUntil('\n');
   debugStatus.trim();
   debug = (debugStatus == "on");
@@ -759,9 +761,9 @@ void configureSerial() {
   preferences.putString("password", password);
   preferences.putString("serial", serial);
   preferences.putString("szenario", szenarioString);
+  preferences.putString("led_scenario_3", led_scenario_3String);
   preferences.putBool("debug", debug);
-  preferences.end();
-
+  
   Serial.println("-------------------------------------------");
   Serial.println("Configuration saved. Reboot in 3 seconds.");
   Serial.println("===========================================");
@@ -769,7 +771,6 @@ void configureSerial() {
   ESP.restart();
 }
 
-
 // config over serial function
 String askForInput(const String& prompt, const String& currentValue) {
   Serial.print(prompt);
diff --git a/src/config.h b/src/config.h
index 4efad5b..11b5adf 100644
--- a/src/config.h
+++ b/src/config.h
@@ -1,7 +1,7 @@
 #ifndef CONFIG_H
 #define CONFIG_H
 
-const char* firmwareVersion = "V2.1";
+const char* firmwareVersion = "V3.0";
 
 int szenario = 1;
 bool updateAvailable = false;
@@ -46,4 +46,9 @@ int hms_error_count = 0;            // Variable to keep track of the number of H
 unsigned long lastAttemptTime = 0;
 const unsigned long RECONNECT_INTERVAL = 5000;  // 5 seconds
 
+// Print finished
+unsigned long finishTime = 0;
+const unsigned long finishDisplayDuration = 180000; //3 minutes
+bool finishProcessed = false;
+
 #endif
\ No newline at end of file
diff --git a/src/effects.h b/src/effects.h
index c4f7bfd..7e6fb5b 100644
--- a/src/effects.h
+++ b/src/effects.h
@@ -3,16 +3,18 @@
 
 #include <FastLED.h>
 
+extern int NUM_LEDS;
 
-unsigned long previousMillis_blink = 0;  // Speichert den Zeitpunkt des letzten Blinkens
-bool ledState = false;                   // Zustand der LED: true = eingeschaltet, false = ausgeschaltet
+
+unsigned long previousMillis_blink = 0;
+bool ledState = false;
 
 unsigned long previousMillis_fade = 0;
-uint8_t fadeBrightness = 0;  // Aktuelle Helligkeit der LED für den Fade-Effekt
-bool isFadingIn = true;      // Gibt an, ob die LED gerade heller wird
+uint8_t fadeBrightness = 0;
+bool isFadingIn = true;
 
 unsigned long previousMillis_rainbow = 0;
-uint8_t hueOffset = 0;  // Dieser Wert wird mit der Zeit erhöht, um den Regenbogeneffekt zu verschieben
+uint8_t hueOffset = 0;
 
 // sample:     blinkLEDNonBlocking(4, 1000, CRGB::Red);
 void blinkLEDNonBlocking(int ledIndex, int blinkDelay = 500, CRGB color = CRGB::White) {
@@ -40,7 +42,7 @@ void fadeInFadeOutNonBlocking(int ledIndex, CRGB color, int fadeDelay = 10) {
     previousMillis_fade = currentMillis;
 
     if (isFadingIn) {
-      if (fadeBrightness < brightness) {  // Hier verwenden wir die globale brightness-Variable
+      if (fadeBrightness < brightness) {
         fadeBrightness++;
       } else {
         isFadingIn = false;
@@ -54,7 +56,7 @@ void fadeInFadeOutNonBlocking(int ledIndex, CRGB color, int fadeDelay = 10) {
     }
 
     leds[ledIndex] = color;
-    leds[ledIndex].fadeToBlackBy(map(fadeBrightness, 0, brightness, 255, 0));  // Berücksichtigung der globalen brightness
+    leds[ledIndex].fadeToBlackBy(map(fadeBrightness, 0, brightness, 255, 0));
     FastLED.show();
   }
 }
@@ -67,7 +69,7 @@ void fadeInFadeOutAllLedsNonBlocking(CRGB color, int fadeDelay = 10) {
     previousMillis_fade = currentMillis;
 
     if (isFadingIn) {
-      if (fadeBrightness < brightness) {  // Hier verwenden wir die globale brightness-Variable
+      if (fadeBrightness < brightness) {
         fadeBrightness++;
       } else {
         isFadingIn = false;
@@ -80,9 +82,9 @@ void fadeInFadeOutAllLedsNonBlocking(CRGB color, int fadeDelay = 10) {
       }
     }
 
-    for (int i = 0; i < NUM_LEDS; i++) {  // Vorausgesetzt, Sie haben eine Konstante namens NUM_LEDS, die die Anzahl der LEDs angibt.
+    for (int i = 0; i < NUM_LEDS; i++) {
       leds[i] = color;
-      leds[i].fadeToBlackBy(map(fadeBrightness, 0, brightness, 255, 0));  // Berücksichtigung der globalen brightness
+      leds[i].fadeToBlackBy(map(fadeBrightness, 0, brightness, 255, 0));
     }
     FastLED.show();
   }
@@ -97,12 +99,11 @@ void movingRainbowEffectNonBlocking(int rainbowDelay = 10) {
     previousMillis_rainbow = currentMillis;
 
     for (int i = 0; i < NUM_LEDS; i++) {
-      // Der Farbhue wird basierend auf der Position der LED und dem globalen Offset berechnet
       leds[i] = CHSV((i * 256 / NUM_LEDS) + hueOffset, 255, 255);
     }
     FastLED.show();
 
-    hueOffset++;  // Erhöht den Farbhue-Offset, um den Regenbogeneffekt zu verschieben
+    hueOffset++;
   }
 }
 
@@ -112,13 +113,12 @@ void movingRainbowEffectNonBlockingForThreeLEDs(int rainbowDelay = 10) {
   if (currentMillis - previousMillis_rainbow >= rainbowDelay) {
     previousMillis_rainbow = currentMillis;
 
-    for (int i = 0; i < 3; i++) {  // Nur für LEDs 0, 1 und 2
-      // Der Farbhue wird basierend auf der Position der LED und dem globalen Offset berechnet
+    for (int i = 0; i < 3; i++) {
       leds[i] = CHSV((i * 256 / NUM_LEDS) + hueOffset, 255, 255);
     }
     FastLED.show();
 
-    hueOffset++;  // Erhöht den Farbhue-Offset, um den Regenbogeneffekt zu verschieben
+    hueOffset++;
   }
 }
 
diff --git a/src/ledhandle.h b/src/ledhandle.h
index 797469e..d9c1f09 100644
--- a/src/ledhandle.h
+++ b/src/ledhandle.h
@@ -6,15 +6,19 @@
 //include ledhandler for different cover
 #include "ledhandle_icon_case.h"
 #include "ledhandle_logo_case.h"
+#include "ledhandle_stripe_case.h"
 
 
-// Function to control LEDs based on the selected scenario - 1 is Icon Cover and 2 is Logo Cover
+// Function to control LEDs based on the selected scenario - 1 is Icon Cover and 2 is Logo Cover and 3 is Strip Mode
 void ledControlSwitch() {
   if (szenario == 1) {
     ledControlIconFastLED();
   } else if (szenario == 2) {
     ledControlLogoFastLED();
+  } else if (szenario == 3) {
+    ledControlStripeFastLED();
   }
+  
 }
 
 //All LED off
@@ -30,6 +34,8 @@ void setWifiConnecting() {
     FastLED.show();
   } else if (szenario == 2) {
     // Handle "logo" scenario
+  } else if (szenario == 3) {
+    // Handle "Strip" scenario
   }
 }
 
@@ -40,6 +46,8 @@ void setMqttConnected() {
     FastLED.show();
   } else if (szenario == 2) {
     // Handle "logo" scenario
+  } else if (szenario == 3) {
+    // Handle "Strip" scenario
   }
 }
 
@@ -55,6 +63,8 @@ void setMqttDisconnected() {
     FastLED.show();
   } else if (szenario == 2) {
     // Handle "logo" scenario
+  } else if (szenario == 3) {
+    // Handle "Strip" scenario
   }
 }
 
diff --git a/src/ledhandle_icon_case.h b/src/ledhandle_icon_case.h
index 9318f1d..24305bc 100644
--- a/src/ledhandle_icon_case.h
+++ b/src/ledhandle_icon_case.h
@@ -1,21 +1,16 @@
-
 #ifndef LEDHANDLE_ICON_CASE_H
 #define LEDHANDLE_ICON_CASE_H
 
 #include <FastLED.h>
 
-// Deklariere welche Variablen genutzt werden sollen
+
 extern bool hmsErrorExists;
 extern int printer_stage;
 extern bool f_layerInspection;
 extern String gcodeState;
+extern int NUM_LEDS;
 
 void ledControlIconFastLED() {
-  /*
-  if (debug) {
-    Serial.println("Entering Icon Led Handler");
-  }
-  */
   if (!f_layerInspection && hmsErrorExists) {
     leds[5] = CRGB::Red;
   } else if (f_layerInspection && hmsErrorExists) {
@@ -179,20 +174,28 @@ void ledControlIconFastLED() {
       break;
   }
   } else if (gcodeState == "PAUSE") {
-      // Insert the LED control code for the PAUSE state here
-      // Example:
       leds[0] = CRGB::Yellow;
       leds[1] = CRGB::Yellow;
       leds[2] = CRGB::Yellow;
       leds[4] = CRGB::White;
       leds[5] = CRGB::White;
   } else if (gcodeState == "FINISH") {
-      // Insert the LED control code for the PAUSE state here
-      // Example:
-      movingRainbowEffectNonBlockingForThreeLEDs(10);
+  if (finishTime == 0) {
+    finishTime = millis();
+  }
+  if (millis() - finishTime < finishDisplayDuration) {
+    movingRainbowEffectNonBlockingForThreeLEDs(10);
+  } else {
+    leds[0] = CRGB::White;
+    leds[1] = CRGB::White;
+    leds[2] = CRGB::White;
+    leds[4] = CRGB::White;
+    finishProcessed = true;
+    }
+  } else if (gcodeState != "FINISH") {
+    finishTime = 0;
+    finishProcessed = false;
   } else {
-      // Insert the LED control code for any other gcodeState values here
-      // Example:
       leds[0] = CRGB::Purple;
       leds[1] = CRGB::Purple;
       leds[2] = CRGB::Purple;
diff --git a/src/ledhandle_logo_case.h b/src/ledhandle_logo_case.h
index ea51526..158cd84 100644
--- a/src/ledhandle_logo_case.h
+++ b/src/ledhandle_logo_case.h
@@ -4,19 +4,13 @@
 #include <FastLED.h>
 
 
-//Deklariere welche Variablen genutzt werden sollen
 extern bool hmsErrorExists;
 extern int printer_stage;
 extern bool f_layerInspection;
 extern String gcodeState;
-
+extern int NUM_LEDS;
 
 void ledControlLogoFastLED() {
-  /*
-  if (debug) {
-    Serial.println("Entering Icon Led Handler");
-  }
-  */
   if (!f_layerInspection && hmsErrorExists) {
     fill_solid(leds, NUM_LEDS, CRGB::Red);
   } else if (f_layerInspection && hmsErrorExists) {
@@ -101,16 +95,21 @@ void ledControlLogoFastLED() {
       break;
   }
   } else if (gcodeState == "PAUSE") {
-      // Insert the LED control code for the PAUSE state here
-      // Example:
       fill_solid(leds, NUM_LEDS, CRGB::Yellow);
   } else if (gcodeState == "FINISH") {
-      // Insert the LED control code for the PAUSE state here
-      // Example:
-      movingRainbowEffectNonBlocking(10);
+  if (finishTime == 0) {
+    finishTime = millis();
+  }
+  if (millis() - finishTime < finishDisplayDuration) {
+    movingRainbowEffectNonBlockingForThreeLEDs(10);
+  } else {
+    fill_solid(leds, NUM_LEDS, CRGB::White);
+    finishProcessed = true;
+    }
+  } else if (gcodeState != "FINISH") {
+    finishTime = 0;
+    finishProcessed = false;
   } else {
-      // Insert the LED control code for any other gcodeState values here
-      // Example:
       fill_solid(leds, NUM_LEDS, CRGB::Purple);
   }
 
diff --git a/src/ledhandle_stripe_case.h b/src/ledhandle_stripe_case.h
new file mode 100644
index 0000000..548bfe2
--- /dev/null
+++ b/src/ledhandle_stripe_case.h
@@ -0,0 +1,121 @@
+#ifndef LEDHANDLE_STRIPE_CASE_H
+#define LEDHANDLE_STRIPE_CASE_H
+
+#include <FastLED.h>
+
+
+extern bool hmsErrorExists;
+extern int printer_stage;
+extern bool f_layerInspection;
+extern String gcodeState;
+extern int NUM_LEDS;
+
+void ledControlStripeFastLED() {
+  if (!f_layerInspection && hmsErrorExists) {
+    fill_solid(leds, NUM_LEDS, CRGB::Red);
+  } else if (f_layerInspection && hmsErrorExists) {
+    fill_solid(leds, NUM_LEDS, CRGB::Black);
+  } else {
+
+  }
+
+  if (gcodeState == "IDLE" || gcodeState == "RUNNING") {
+    switch (printer_stage) {
+    case -1:
+      fill_solid(leds, NUM_LEDS, CRGB::White);
+      break;
+    case 0:
+      fill_solid(leds, NUM_LEDS, CRGB::White);
+      break;
+    case 11:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 1:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 2:
+      fill_solid(leds, NUM_LEDS, CRGB::Green);
+      break;
+    case 4:
+      fill_solid(leds, NUM_LEDS, CRGB::Yellow);
+      break;
+    case 9:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 13:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 15:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 7:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 10:  // Printer Leveling
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 5:  // Printer M400 Pause
+      fill_solid(leds, NUM_LEDS, CRGB::Yellow);
+      break;
+    case 6:  // Printer Filament Runout
+      fill_solid(leds, NUM_LEDS, CRGB::Orange);
+      break;
+    case 8:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 18:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 19:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 12:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 14:
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 3:  // Printer Calibrating
+      fill_solid(leds, NUM_LEDS, CRGB::Black);
+      break;
+    case 16:  // Printer Paused by User
+      fill_solid(leds, NUM_LEDS, CRGB::Yellow);
+      break;
+    case 17:
+      fill_solid(leds, NUM_LEDS, CRGB::Red);
+      break;
+    case 20:
+      fill_solid(leds, NUM_LEDS, CRGB::Red);
+      break;
+    case 21:
+      fill_solid(leds, NUM_LEDS, CRGB::Red);
+      break;
+    default:
+      fill_solid(leds, NUM_LEDS, CRGB::White);
+      break;
+  }
+  } else if (gcodeState == "PAUSE") {
+      // Insert the LED control code for the PAUSE state here
+      // Example:
+      fill_solid(leds, NUM_LEDS, CRGB::Yellow);
+  } else if (gcodeState == "FINISH") {
+  if (finishTime == 0) {
+    finishTime = millis();
+  }
+  if (millis() - finishTime < finishDisplayDuration) {
+    fill_solid(leds, NUM_LEDS, CRGB::Green);
+  } else {
+    fill_solid(leds, NUM_LEDS, CRGB::White);
+    finishProcessed = true;
+    }
+  } else if (gcodeState != "FINISH") {
+    finishTime = 0;
+    finishProcessed = false;
+  } else {
+      fill_solid(leds, NUM_LEDS, CRGB::Purple);
+  }
+
+  FastLED.show();
+}
+
+#endif
\ No newline at end of file
diff --git a/src/startpage.h b/src/startpage.h
index 639b80c..1c2ec3e 100644
--- a/src/startpage.h
+++ b/src/startpage.h
@@ -9,6 +9,8 @@ extern char mqtt_password[30];
 extern char serial_number[20];
 extern bool debug;
 extern int szenario;
+extern int brightness;
+extern int led_scenario_3;
 extern bool updateAvailable;
 extern String latestVersion;
 
@@ -193,20 +195,47 @@ String getStartPage() {
 <ul id="slide-out" class="sidenav right-aligned">
     <li><h5>Update the Config</h5></li>
     <form id="mqttConfigForm">
-        <li><input type="text" id="server" placeholder="Server" value=")rawliteral"
-                + String(mqtt_server) + R"rawliteral("></li>
-        <li><input type="text" id="port" placeholder="Port" value=")rawliteral"
-                + String(mqtt_port) + R"rawliteral("></li>
-        <li><input type="text" id="user" placeholder="User" value=")rawliteral"
-                + String(mqtt_user) + R"rawliteral("></li>
-        <li><input type="password" id="password" placeholder="Password" value=")rawliteral"
-                + String(mqtt_password) + R"rawliteral("></li>
-        <li><input type="text" id="serial" placeholder="Serial" value=")rawliteral"
-                + String(serial_number) + R"rawliteral("></li>
-        <li><input type="number" id="szenario" placeholder="Szenario" value=")rawliteral"
-                + String(szenario) + R"rawliteral(">
-                <p>Type 1 for Icon Cover and 2 for Logo Cover</p>
-                </li>
+<li>
+  <label for="server">Printer IP</label>
+  <input type="text" id="server" placeholder="IP" value=")rawliteral"
+            + String(mqtt_server) + R"rawliteral(">
+</li>
+<li>
+  <input type="text" id="port" style="display:none;" placeholder="Port" value=")rawliteral"
+            + String(mqtt_port) + R"rawliteral(">
+</li>
+<li>
+  <input type="text" id="user" style="display:none;" placeholder="User" value=")rawliteral"
+            + String(mqtt_user) + R"rawliteral(">
+</li>
+<li>
+  <label for="password">Printer Secret</label>
+  <input type="password" id="password" placeholder="Secret" value=")rawliteral"
+            + String(mqtt_password) + R"rawliteral(">
+</li>
+<li>
+  <label for="erial">Printer Serial</label>
+  <input type="text" id="serial" placeholder="Serial" value=")rawliteral"
+            + String(serial_number) + R"rawliteral(">
+</li>
+<li>
+  <label for="brightness">Set Brightness</label>
+  <input type="number" id="brightness" placeholder="Brightness (0-255)" value=")rawliteral"
+            + String(brightness) + R"rawliteral(" min="0" max="255">
+</li>
+<li>
+  <label>Szenario wählen</label>
+  <select id="szenario" data-selected=")rawliteral" + String(szenario) + R"rawliteral(">
+    <option value="1")rawliteral" + (szenario == 1 ? " selected" : "") + R"rawliteral(">Icon Cover</option>
+    <option value="2")rawliteral" + (szenario == 2 ? " selected" : "") + R"rawliteral(">Logo Cover</option>
+    <option value="3")rawliteral" + (szenario == 3 ? " selected" : "") + R"rawliteral(">Strip Mode</option>
+  </select>
+</li>
+<li id="numLedsContainer" style="display:none;">
+  <p>Number of Leds you use</p>
+  <input type="number" id="led_scenario_3" placeholder="Number of Leds you use" value=")rawliteral"
++ String(led_scenario_3) + R"rawliteral(">
+</li>
         <li>
             <label>
             <input type="hidden" id="debugValue" value=")rawliteral"
@@ -266,15 +295,25 @@ String getStartPage() {
 R"rawliteral(
 </div>
 <script>
+var isSocketOpen = false;  // Zustand der WebSocket-Verbindung
+
+function connectWebSocket() {
   var socket = new WebSocket('ws://' + location.hostname + ':81/ws');
+
   socket.onopen = function(event) {
     console.log("WebSocket connection opened.");
+    isSocketOpen = true;
   };
+
   socket.onerror = function(event) {
     console.error("WebSocket error observed:", event);
+    isSocketOpen = false;
   };
+
   socket.onclose = function(event) {
     console.log("WebSocket connection closed:", event);
+    isSocketOpen = false;
+    setTimeout(connectWebSocket, 5000);  // Versuche, alle 5 Sekunden wiederzuverbinden
   };
 
   document.addEventListener('DOMContentLoaded', function() {
@@ -283,14 +322,51 @@ R"rawliteral(
 
     var modalElems = document.querySelectorAll('.modal');
     M.Modal.init(modalElems);
+
+    var selectElems = document.querySelectorAll('select');
+    M.FormSelect.init(selectElems);
+
+    // Manuelle Aktualisierung des Dropdown-Menüs
+    var szenarioSelect = document.getElementById("szenario");
+    for (var i = 0; i < szenarioSelect.options.length; i++) {
+      if (szenarioSelect.options[i].value === szenarioSelect.getAttribute("data-selected")) {
+        szenarioSelect.options[i].selected = true;
+        break;
+      }
+    }
     
+    // Materialize Dropdown aktualisieren
+    M.FormSelect.init(szenarioSelect);
+    var instance = M.FormSelect.getInstance(szenarioSelect);
+    instance._setValueToInput();
+
     let debugValue = document.getElementById("debugValue").value === "true";
     document.getElementById("debug").checked = debugValue;
+
+    var numLedsContainer = document.getElementById("numLedsContainer");
+
+    function toggleNumLedsInput() {
+      let selectedSzenario = parseInt(document.getElementById("szenario").value, 10);
+      console.log("selectedSzenario:", selectedSzenario);
+      if (selectedSzenario === 3) {
+        numLedsContainer.style.display = "block";
+      } else {
+        numLedsContainer.style.display = "none";
+      }
+    }
+
+    toggleNumLedsInput();
+    document.getElementById("szenario").addEventListener("change", toggleNumLedsInput);
   });
 
   document.getElementById("mqttConfigForm").addEventListener("submit", function(event) {
     event.preventDefault();
-    
+
+    if (!isSocketOpen) {
+      console.error("WebSocket is not open. Cannot send data.");
+      return;
+    }
+
     var formDataConfig = {
         type: "mqttConfig",
         server: document.getElementById("server").value,
@@ -299,24 +375,29 @@ R"rawliteral(
         password: document.getElementById("password").value,
         serial: document.getElementById("serial").value,
         debug: document.getElementById("debug").checked,
-        szenario: document.getElementById("szenario").value
+        szenario: document.getElementById("szenario").value,
+        led_scenario_3: document.getElementById("led_scenario_3").value,
+        brightness: document.getElementById("brightness").value,
     };
-    
+
     socket.send(JSON.stringify(formDataConfig));
-    
+
     var modalInstance = M.Modal.getInstance(document.getElementById('modal'));
     modalInstance.open();
 
     var countdown = 5;
     var countdownInterval = setInterval(function() {
-        countdown--;
-        document.getElementById("countdown").textContent = countdown;
-        if (countdown <= 0) {
-            clearInterval(countdownInterval);
-            location.reload();
-        }
+      countdown--;
+      document.getElementById("countdown").textContent = countdown;
+      if (countdown <= 0) {
+        clearInterval(countdownInterval);
+        location.reload();
+      }
     }, 1000);
   });
+}
+
+connectWebSocket();
 </script>
 </body>
 </html>
diff --git a/src/ws2812b.h b/src/ws2812b.h
index e21c80b..7ee2250 100644
--- a/src/ws2812b.h
+++ b/src/ws2812b.h
@@ -4,25 +4,41 @@
 #include <FastLED.h>
 
 extern Preferences preferences;
+extern int szenario;
 
 #define DATA_PIN 16
-#define NUM_LEDS 6
-CRGB leds[NUM_LEDS];
+#define NUM_LEDS_FOR_SCENARIO_1_2 6  // Anzahl der LEDs für Szenarien 1 und 2
+int led_scenario_3 = 1;  // Anzahl der LEDs für Szenario 3 (kann geändert werden)
+
+// Globale Variable für die aktuelle Anzahl der LEDs
+int NUM_LEDS;
+
+CRGB *leds;  // Dynamisches Array für LEDs
 int brightness = 84;
 
 void initFastLED() {
+  if (szenario == 3) {
+    NUM_LEDS = led_scenario_3;
+    FastLED.setMaxPowerInVoltsAndMilliamps(5, INT_MAX);  // Entfernen der Strombegrenzung für Szenario 3
+  } else {
+    NUM_LEDS = NUM_LEDS_FOR_SCENARIO_1_2;
+    FastLED.setMaxPowerInVoltsAndMilliamps(5, 500);  // Standardmäßige Strombegrenzung für Szenarien 1 und 2
+  }
+
+  // Initialisieren der LEDs
+  leds = new CRGB[NUM_LEDS];
   FastLED.addLeds<WS2812B, DATA_PIN, GRB>(leds, NUM_LEDS);
   FastLED.setBrightness(brightness);
-  FastLED.setMaxPowerInVoltsAndMilliamps(5, 500);  // should prevent the 5V Led Strip from drawing more than 500mA current to protect the USB port.
+  fill_solid(leds, NUM_LEDS, CRGB::Black);
+  FastLED.show();
 }
 
 void setFastLEDBrightness(int new_brightness) {
   brightness = new_brightness;
   FastLED.setBrightness(brightness);
-    preferences.begin("mqtt_config", false);
-    preferences.putInt("brightness", brightness);
-    preferences.end();
+  preferences.begin("mqtt_config", false);
+  preferences.putInt("brightness", brightness);
+  preferences.end();
 }
 
-
 #endif
\ No newline at end of file