Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // config.html file in raw data format for PROGMEM
- //
- const char config_html[] PROGMEM = R"=====(
- <!DOCTYPE html>
- <html>
- <head>
- <title>Налаштування ESP-radio</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <link rel="Shortcut Icon" type="image/ico" href="favicon.ico">
- <script>
- function changeBgImg()
- {
- let oint = Math.floor(1 + Math.random() * 114);
- if(oint < 10) oint = "00"+ oint;
- if(oint > 9 && oint < 100) oint = "0"+ oint;
- oint = "url('http://imz-11.narod.ru/angelina_jolie/"+oint+".jpg')";
- var block = document.getElementById('bee');
- block.style.backgroundImage = oint;
- }
- </script>
- </head>
- <body id="bee">
- <ul>
- <li><a class="pull-left" href="/index.html">ESP Radio</a></li>
- <li><a class="pull-left active" href="/config.html">Налаштування</a></li>
- <li><a class="pull-left" href="/about.html">Про програму</a></li>
- </ul>
- <br><br><br>
- <center>
- <h1>**ESP Radio:: Налаштування**</h1>
- <p style="margin-top:10px;color: white;text-shadow: 2px 2px 2px black;">Ви можете змінювати налаштування шляхом правки цього INI файлу. <i>Після редагування варто перезавантажити ESP Radio.</i></p>
- <h4 style="margin-top:10px;color: white;text-shadow: 2px 2px 2px black;">Наявні WiFi мережі</h4>
- <select class="select" id="ssid"></select>
- <br><br>
- <textarea rows="25" cols="100" id="inifile" style="color: white;text-shadow: 2px 2px 2px black;">Простір для INI файлу</textarea>
- <br><br>
- <button class="button" onclick="fsav()">Зберегти</button>
-
- <button class="button buttonr" onclick="httpGet('reset')" title="УВАГА! У ESP8266 є баг, при якому вона зависає при спробі
перезавантажити її використовуючи веб інтерфейс.
То ж не забудьте продублювати перезавантаження
апаратними засобами або відповідною командою reset
через послідовний COM порт!">Перезавантажити пристрій</button>
- <form action="#" onsubmit="return uploadfile(this);" enctype="multipart/form-data" method="post" name="fileinfo" class="uploadfileform">
- <h4 style="margin-top:0;color: white;text-shadow: 2px 2px 2px black;">Завантажити файл:</h4>
- <input type="file" name="file" size="50" />
- <input type="submit" class="button" value="Відправити" title="УВАГА! Після завантаження файлу у файловий простір
можливе зависання ESP8266 на етапі супроводжуючого перезавантаження.
То ж не забудьте продублювати перезавантаження апаратними засобами,
або подачею відповідної команди reset
через послідовний COM порт.">
- </form>
- <br><input type="text" size="80" id="resultstr" placeholder=" Введіть команду...." style="width:570px;" onclick="resultstr.value=''" /><button class="button buttonr" onclick="httpGet(resultstr.value)" title="preset = 12
preset_00 = <mp3 stream>
volume = 95
upvolume = 2
downvolume = 2
toneha = <0..15>
tonehf = <0..15>
tonela = <0..15>
tonelf = <0..15>
station = <mp3 stream>
station = <URL>.mp3
station = <URL>.m3u
stop
resume
mute
unmute
wifi_00 = mySSID/mypassword
mqttbroker = mybroker.com
mqttport = 1883
mqttuser = myuser
mqttpasswd = mypassword
mqtttopic = mytopic
mqttpubtopic = mypubtopic
status
testfile = <file on SPIFFS>
test
debug = 0 or 1
reset
analog">Виконати команду</button>
- <script>
- function httpGet ( theReq )
- {
- var theUrl = "/?" + theReq + "&version=" + Math.random() ;
- var xhr = new XMLHttpRequest() ;
- xhr.onreadystatechange = function() {
- if ( xhr.readyState == XMLHttpRequest.DONE )
- {
- resultstr.value = xhr.responseText ;
- }
- }
- xhr.open ( "GET", theUrl, false ) ;
- xhr.send() ;
- }
- function fsav()
- {
- var theUrl = "/?save=0" ;
- var xhr = new XMLHttpRequest() ;
- xhr.onreadystatechange = function() {
- if ( xhr.readyState == XMLHttpRequest.DONE )
- {
- resultstr.value = xhr.responseText ;
- }
- }
- xhr.open ( "POST", theUrl, true ) ;
- xhr.setRequestHeader ( "Content-type", "application/x-www-form-urlencoded" ) ;
- xhr.send ( "content=" + inifile.value ) ;
- }
- function uploadfile ( theForm )
- {
- var oData, oReq ;
- oData = new FormData ( fileinfo ) ;
- oReq = new XMLHttpRequest() ;
- oReq.open ( "POST", "/upload", true ) ;
- oReq.onload = function ( oEvent ) {
- if ( oReq.status == 200 )
- {
- resultstr.value = oReq.responseText ;
- }
- else
- {
- resultstr.value = "Error " + oReq.statusText ;
- }
- }
- oReq.send ( oData ) ;
- return false ;
- }
- // Fill configuration initially
- // First the available WiFi networks
- var i, select, opt, networks, params ;
- select = document.getElementById("selnet") ;
- var theUrl = "/?getnetworks=0" + "&version=" + Math.random() ;
- var xhr = new XMLHttpRequest() ;
- xhr.onreadystatechange = function() {
- if ( xhr.readyState == XMLHttpRequest.DONE )
- {
- networks = xhr.responseText.split ( "|" ) ;
- for ( i = 0 ; i < ( networks.length - 1 ) ; i++ )
- {
- opt = document.createElement( "OPTION" ) ;
- opt.value = i ;
- opt.text = networks[i] ;
- opt.style.backgroundColor = "black";
- ssid.add( opt ) ;
- }
- changeBgImg();
- }
- }
- xhr.open ( "GET", theUrl, false ) ;
- xhr.send() ;
- // Now get the configuration parameters from radio.ini
- theUrl = "/radio.ini" ;
- xhr.onreadystatechange = function() {
- if ( xhr.readyState == XMLHttpRequest.DONE )
- {
- inifile.value = xhr.responseText ;
- }
- }
- xhr.open ( "GET", theUrl, false ) ;
- xhr.send() ;
- </script>
- <script type="text/javascript">
- var stylesheet = document.createElement('link') ;
- stylesheet.href = 'radio.css' ;
- stylesheet.rel = 'stylesheet' ;
- stylesheet.type = 'text/css' ;
- document.getElementsByTagName('head')[0].appendChild(stylesheet) ;
- </script>
- </body>
- </html>
- )=====" ;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
