led 2 example working

Author: mirkin

gurgleapps_webserver.py

@@ -160,8 +160,6 @@ def match_route(self, path_components):
             match = True
             params = []
             for idx, pattern_component in enumerate(route_pattern):
-                print("pattern_component: "+pattern_component +
-                      " path_component: "+path_components[idx])
                 if pattern_component.startswith('<') and pattern_component.endswith('>'):
                     param_value = path_components[idx]
                     params.append(param_value)

main.py

@@ -5,7 +5,9 @@
 from machine import Pin
 import ujson as json
 
-delay = 0.5
+blink_off_time = 0.5
+blink_on_time = 0.5
+
 status = True
 led = Pin("LED", Pin.OUT)
 
@@ -21,14 +23,22 @@ async def say_hello(request, response, name):
 
 async def send_status(request, response):
     # send boolean status and number frequency
-    response_string = json.dumps({"status": status, "delay": delay})
+    response_string = json.dumps({"status": status, "delay": (blink_off_time + blink_on_time) *0.5, "blink_on_time": blink_on_time, "blink_off_time": blink_off_time})
     await response.send_json(response_string, 200)
 
+async def set_blink_pattern(request, response, on, off):
+    print("on: " + on)
+    print("off: " + off)
+    global blink_off_time, blink_on_time
+    blink_off_time = float(off)
+    blink_on_time = float(on)
+    await send_status(request, response)
 
 async def set_delay(request, response, new_delay):
     print("new delay: " + new_delay)
-    global delay
-    delay = float(new_delay)
+    global blink_off_time, blink_on_time
+    blink_off_time = float(new_delay)
+    blink_on_time = float(new_delay) 
     await send_status(request, response)
 
 async def stop_flashing(request, response):
@@ -45,20 +55,23 @@ async def main():
     await server.start_server()
 
 async def background_task():
-    global delay, status
     while True:
-        await asyncio.sleep(delay)
         if status:
-            led.toggle()
+            led.on()
+            await asyncio.sleep(blink_on_time)
+            led.off()
+            await asyncio.sleep(blink_off_time)
         else:
             led.off()
+            await asyncio.sleep(0.2)
 
 
 async def run():
     await asyncio.gather(main(), background_task())
 
 server = GurgleAppsWebserver(config.WIFI_SSID, config.WIFI_PASSWORD, port=80, timeout=20, doc_root="/www", log_level=2)
 server.add_function_route("/set-delay/<delay>", set_delay)
+server.add_function_route("/set-blink-pattern/<on_time>/<off_time>", set_blink_pattern)
 server.add_function_route("/stop", stop_flashing)
 server.add_function_route("/start", start_flashing)
 server.add_function_route("/status", send_status)

www/led2.html

@@ -60,7 +60,8 @@
         </div>
       </div>
       <div class="mb-4">
-        <span id="status" class="text-gray-700 font-semibold">Status: Not Flashing</span>
+        <div id="status" class="text-gray-700 font-semibold">Status:</div>
+        <div id="status2" class="text-gray-700 font-semibold">Status2:</div>
       </div>
       <div class="flex justify-between">
         <button id="startBtn" class="bg-blue-600 text-white font-semibold py-2 px-4 rounded focus:outline-none hover:bg-blue-700">Start</button>
@@ -70,27 +71,38 @@
   </div>
   <script>
     const statusElement = document.getElementById('status');
+    const statusElement2 = document.getElementById('status2');
     const startBtn = document.getElementById('startBtn');
     const stopBtn = document.getElementById('stopBtn');
-    const delayInput = document.getElementById('delay');
+    const onTimeInput = document.getElementById('onTime');
+    const offTimeInput = document.getElementById('offTime');
 
     (async () => {
-      const response = await fetch('/status');
-      updateStatus(response);
+      const response = await fetch('/status')
+      updateStatus(response)
     })();
 
     async function updateStatus(response) {
       if (response.ok) {
-        const json = await response.json();
+        const json = await response.json()
         console.log(json)
-        delayInput.value = json.delay;
-        const statusText = json.status ? 'Flashing' : 'Not Flashing';
-        statusElement.textContent = `Status: ${statusText} | Delay: ${json.delay} sec`;
+        onTimeInput.value = json.blink_on_time
+        offTimeInput.value = json.blink_off_time
+        const statusText = json.status ? 'Flashing' : 'Not Flashing'
+        statusElement.textContent = `Status: ${statusText}`
+        statusElement2.textContent = `On Time: ${json.blink_on_time} sec | Off Time: ${json.blink_off_time} sec`
       } else {
-        statusElement.textContent = 'Error: ' + response.status;
+        statusElement.textContent = 'Error: ' + response.status
       }
     }
 
+    async function sendNewBlinkTimes() {
+      const onTime = onTimeInput.value;
+      const offTime = offTimeInput.value;
+      const response = await fetch(`/set-blink-pattern/${onTime}/${offTime}`);
+      updateStatus(response);
+    }
+
     startBtn.addEventListener('click', async () => {
       const response = await fetch('/start');
       updateStatus(response);
@@ -101,11 +113,9 @@
       updateStatus(response);
     });
 
-    delayInput.addEventListener('change', async () => {
-      const delay = delayInput.value;
-      const response = await fetch(`/set-delay/${delay}`);
-      updateStatus(response);
-    });
+    onTimeInput.addEventListener('change', sendNewBlinkTimes)
+    offTimeInput.addEventListener('change', sendNewBlinkTimes)
+
   </script>
 </body>
 </html>