95 lines
6.9 KiB
C
95 lines
6.9 KiB
C
#pragma once
|
|
|
|
static const char WEB_ACTIONS[] PROGMEM = "<a class='w3-bar-item w3-button' href='/'><i class='fa fa-home'></i> Home</a>"
|
|
"<a class='w3-bar-item w3-button' href='/configure'><i class='fa fa-cog'></i> Configure</a>"
|
|
"<a class='w3-bar-item w3-button' href='/configureweather'><i class='fa fa-cloud'></i> Weather</a>"
|
|
"<a class='w3-bar-item w3-button' href='/systemreset' onclick='return confirm(\"Do you want to reset to default settings?\")'><i class='fa fa-undo'></i> Reset Settings</a>"
|
|
"<a class='w3-bar-item w3-button' href='/forgetwifi' onclick='return confirm(\"Do you want to forget to WiFi connection?\")'><i class='fa fa-wifi'></i> Forget WiFi</a>"
|
|
"<a class='w3-bar-item w3-button' href='/update'><i class='fa fa-wrench'></i> Firmware Update</a>"
|
|
"<a class='w3-bar-item w3-button' href='https://github.com/Qrome' target='_blank'><i class='fa fa-question-circle'></i> About</a>";
|
|
|
|
String CHANGE_FORM = ""; // moved to config to make it dynamic
|
|
|
|
static const char CLOCK_FORM[] PROGMEM = "<hr><p><input name='isClockEnabled' class='w3-check w3-margin-top' type='checkbox' %IS_CLOCK_CHECKED%> Display Clock when printer is off</p>"
|
|
"<p><input name='is24hour' class='w3-check w3-margin-top' type='checkbox' %IS_24HOUR_CHECKED%> Use 24 Hour Clock (military time)</p>"
|
|
"<p><input name='invDisp' class='w3-check w3-margin-top' type='checkbox' %IS_INVDISP_CHECKED%> Flip display orientation</p>"
|
|
"<p><input name='useFlash' class='w3-check w3-margin-top' type='checkbox' %USEFLASH%> Flash System LED on Service Calls</p>"
|
|
"<p><input name='hasPSU' class='w3-check w3-margin-top' type='checkbox' %HAS_PSU_CHECKED%> Use OctoPrint PSU control plugin for clock/blank</p>"
|
|
"<p>Clock Sync / Weather Refresh (minutes) <select class='w3-option w3-padding' name='refresh'>%OPTIONS%</select></p>";
|
|
|
|
static const char THEME_FORM[] PROGMEM = "<p>Theme Color <select class='w3-option w3-padding' name='theme'>%THEME_OPTIONS%</select></p>"
|
|
"<p><label>UTC Time Offset</label><input class='w3-input w3-border w3-margin-bottom' type='text' name='utcoffset' value='%UTCOFFSET%' maxlength='12'></p><hr>"
|
|
"<p><input name='isBasicAuth' class='w3-check w3-margin-top' type='checkbox' %IS_BASICAUTH_CHECKED%> Use Security Credentials for Configuration Changes</p>"
|
|
"<p><label>User ID (for this interface)</label><input class='w3-input w3-border w3-margin-bottom' type='text' name='userid' value='%USERID%' maxlength='20'></p>"
|
|
"<p><label>Password </label><input class='w3-input w3-border w3-margin-bottom' type='password' name='stationpassword' value='%STATIONPASSWORD%'></p>"
|
|
"<button class='w3-button w3-block w3-grey w3-section w3-padding' type='submit'>Save</button></form>";
|
|
|
|
static const char WEATHER_FORM[] PROGMEM = "<form class='w3-container' action='/updateweatherconfig' method='get'><h2>Weather Config:</h2>"
|
|
"<p><input name='isWeatherEnabled' class='w3-check w3-margin-top' type='checkbox' %IS_WEATHER_CHECKED%> Display Weather when printer is off</p>"
|
|
"<label>OpenWeatherMap API Key (get from <a href='https://openweathermap.org/' target='_BLANK'>here</a>)</label>"
|
|
"<input class='w3-input w3-border w3-margin-bottom' type='text' name='openWeatherMapApiKey' value='%WEATHERKEY%' maxlength='60'>"
|
|
"<p><label>%CITYNAME1% (<a href='http://openweathermap.org/find' target='_BLANK'><i class='fa fa-search'></i> Search for City ID</a>) "
|
|
"<input class='w3-input w3-border w3-margin-bottom' type='text' name='city1' value='%CITY1%' onkeypress='return isNumberKey(event)'></p>"
|
|
"<p><input name='metric' class='w3-check w3-margin-top' type='checkbox' %METRIC%> Use Metric (Celsius)</p>"
|
|
"<p>Weather Language <select class='w3-option w3-padding' name='language'>%LANGUAGEOPTIONS%</select></p>"
|
|
"<button class='w3-button w3-block w3-grey w3-section w3-padding' type='submit'>Save</button></form>"
|
|
"<script>function isNumberKey(e){var h=e.which?e.which:event.keyCode;return!(h>31&&(h<48||h>57))}</script>";
|
|
|
|
static const char LANG_OPTIONS[] PROGMEM = "<option>ar</option>"
|
|
"<option>bg</option>"
|
|
"<option>ca</option>"
|
|
"<option>cz</option>"
|
|
"<option>de</option>"
|
|
"<option>el</option>"
|
|
"<option>en</option>"
|
|
"<option>fa</option>"
|
|
"<option>fi</option>"
|
|
"<option>fr</option>"
|
|
"<option>gl</option>"
|
|
"<option>hr</option>"
|
|
"<option>hu</option>"
|
|
"<option>it</option>"
|
|
"<option>ja</option>"
|
|
"<option>kr</option>"
|
|
"<option>la</option>"
|
|
"<option>lt</option>"
|
|
"<option>mk</option>"
|
|
"<option>nl</option>"
|
|
"<option>pl</option>"
|
|
"<option>pt</option>"
|
|
"<option>ro</option>"
|
|
"<option>ru</option>"
|
|
"<option>se</option>"
|
|
"<option>sk</option>"
|
|
"<option>sl</option>"
|
|
"<option>es</option>"
|
|
"<option>tr</option>"
|
|
"<option>ua</option>"
|
|
"<option>vi</option>"
|
|
"<option>zh_cn</option>"
|
|
"<option>zh_tw</option>";
|
|
|
|
static const char COLOR_THEMES[] PROGMEM = "<option>red</option>"
|
|
"<option>pink</option>"
|
|
"<option>purple</option>"
|
|
"<option>deep-purple</option>"
|
|
"<option>indigo</option>"
|
|
"<option>blue</option>"
|
|
"<option>light-blue</option>"
|
|
"<option>cyan</option>"
|
|
"<option>teal</option>"
|
|
"<option>green</option>"
|
|
"<option>light-green</option>"
|
|
"<option>lime</option>"
|
|
"<option>khaki</option>"
|
|
"<option>yellow</option>"
|
|
"<option>amber</option>"
|
|
"<option>orange</option>"
|
|
"<option>deep-orange</option>"
|
|
"<option>blue-grey</option>"
|
|
"<option>brown</option>"
|
|
"<option>grey</option>"
|
|
"<option>dark-grey</option>"
|
|
"<option>black</option>"
|
|
"<option>w3schools</option>";
|