fiatlux/firmware/webdir/index.htmll

1 line
14 KiB
Text
Raw Normal View History

2021-09-11 19:49:53 +00:00
<!DOCTYPE html> <html lang=en > <meta charset=utf-8 /> <title>fiatlux v0.2</title> <link rel=stylesheet href="css/picnic.min.css"> <link rel=stylesheet href="css/style.css"> <meta name=viewport content="width=device-width, initial-scale=1.0"> <nav> <a href="#" class=brand > <span>fiatlux v0.2</span> <span class="label warning" id=status_box >Loading...</span> </a> <input id=bmenub type=checkbox class=show > <label for=bmenub class="burger pseudo button">&#9776;</label> <div class=menu > <a href="/#" class="button icon-picture">Dashboard</a> <a href="/#io" class="button icon-puzzle">I/O</a> <a href="/#wifi" class="button icon-puzzle">Wifi Settings</a> <a href="/#ota" class="button icon-picture">System</a> </div> </nav> <main id=page > <section id=ota > <h2>System</h2> <article class=card > <header> <h3>Firmware Update</h3> </header> <div class=table > <div class=row > <span><input id=firmware_file type=file onchange="load_firmware(event)"/></span> </div> <div class=row > <span><input id=transmit_firmware disabled type=submit value=Upload onclick="transmit_firmware(event)"></span> </div> <div class=row id=progress_ct_ota > <div id=progress_bar_ota style="display: block; width:9%; background-color: #00b; padding: unset"></div> </div> </div> </article> <article class=card > <header> <h3>Restart</h3> </header> <div class=table > <div class=row > <span><input type=submit value=Restart onclick="wsWrite('R')"></span> </div> </div> </article> <article class=card > <header> <h3>Reset Config</h3> </header> <div class=table > <div class=row > <span><input type=submit class=warning value=Reset onclick="wsWrite('X')"></span> </div> </div> </article> </section> <section id=io > <h2>I/O</h2> <article class=card > <header> <h3>Protocols</h3> </header> <div class=table > <div class=row > <label>MQTT</label> <span><input type=checkbox class=plain /></span> </div> <div class=row > <span><input type=reset class=button /></span> <span><input type=submit value=Save ></span> </div> </div> </article> <article class=card > <header> <h3>Station Mode <span class="label success">current connection</span></h3> </header> <div class=table > <div class=row > <label>WS2812 via I2S</label> <span><input type=checkbox class=plain /></span> <span><input type=color /></span> </div> <div class=row > <label>APA102C via SPI</label> <span><input type=checkbox class=plain /></span> <span><input type=color /></span> </div> <div class=row > <label>6 Channel SPI Dimmer</label> <span><input type=checkbox class=plain /></span> <span><input type=color /></span> </div> <div class=row > <label>Binary Output on GPIO4</label> <span><input type=checkbox class=plain /></span> <span><button class="toggle button">Toggle</button></span> </div> <div class=row > <label>Binary Output on GPIO5</label> <span><input type=checkbox class=plain /></span> <span><button class="toggle button">Toggle</button></span> </div> <div class=row > <span><input type=reset class=button /></span> <span><input type=submit value=Save ></span> </div> </div> </article> </section> <section id=wifi > <h2>Wifi Settings</h2> <article class=card > <header> <h3>AP Mode</h3> </header> <div class=table > <div class=row > <label>Enable</label> <span><input id=ap_toggle type=checkbox class=plain /></span> </div> <div class=row > <label>SSID</label> <span><input id=ap_ssid type=text placeholder=SSID /></span> </div> <div class=row > <label>Password</label> <span><input id=ap_pw type=password placeholder=Password /></span> </div> <div class=row > <span>AP IP</span> <span><span class=postfill_apip >N/A</span></span> </div> <div class=row > <span>AP MAC</span> <span><span class=postfill_apmac >N/A</span></span> </div> <div class=row > <span><input type=reset class=button /></span> <span><input onclick="ap_update();" type=submit value=Save ></span> </div> </div> </article> <article class=card > <header> <h3>Station Mode <span class="label success">current connection</span></h3> </header> <div class=table > <div class=row > <label>Eanable</label> <span><input id=sta_toggle type=checkb