ESP32-Radio/config_html.h at 51378fb9e170f6447a1481130b09bd236bd180b6 · Edzelf/ESP32-Radio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
// config.html file in raw data format for PROGMEM
//
#define config_html_version 170828
const char config_html[] PROGMEM = R"=====(
<!DOCTYPE html>
<html>
 <head>
  <title>Configuration ESP32-radio</title>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <link rel="stylesheet" type="text/css" href="radio.css">
  <link rel="Shortcut Icon" type="image/ico" href="favicon.ico">
 </head>
 <body>
  <ul>
   <li><a class="pull-left" href="#">ESP32 Radio</a></li>
   <li><a class="pull-left" href="/index.html">Control</a></li>
   <li><a class="pull-left active" href="/config.html">Config</a></li>
   <li><a class="pull-left" href="/mp3play.html">MP3 player</a></li>
   <li><a class="pull-left" href="/about.html">About</a></li>
  </ul>
  <br><br><br>
  <center>
   <h1>** ESP32 Radio **</h1>
   <p>You can edit the configuration here. <i>Note that this will be effective on the next restart of the radio.</i></p>
   <h3>Available WiFi networks
   <select class="select" id="ssid"></select>
   </h3>
   <textarea rows="20" cols="100" id="prefs">Loading preferences</textarea>
   <br>
   <button class="button" onclick="fsav()">Save</button>
   &nbsp;&nbsp;
   <button class="button buttonr" onclick="httpGet('reset')">Restart</button>
   &nbsp;&nbsp;
   <button class="button" onclick="ldef('getdefs')">Default</button>
   &nbsp;&nbsp;
   <button class="button buttonb" onclick="wFile()">Export</button>
   &nbsp;&nbsp;
   <button class="button buttonb" onclick="f.click()">Import</button>
   <input type="file" id="f" style="display:none;" accept="text/*"/>
   <br><input type="text" size="80" id="resultstr" placeholder="Waiting for input....">

    <script>

      f.addEventListener('change', rFile, false);

      function rFile(e) {
        if (!e.target.files[0]) return;
        var r = new FileReader();
        r.onload = function(e) {
          prefs.value = e.target.result;

        };
        r.readAsText(e.target.files[0]);
      }

      function wFile() {
        var e = document.createElement('a');
        e.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(prefs.value));
        e.setAttribute('download', 'esp32radio_settings.txt');
        e.style.display = 'none';
        document.body.appendChild(e);
        e.click();
        document.body.removeChild(e);
      }

      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 ) ;
        xhr.send() ;
      }

      function ldef ( source )
      {
        var xhr = new XMLHttpRequest() ;
        xhr.onreadystatechange = function()
        {
          if ( xhr.readyState == XMLHttpRequest.DONE )
          {
            prefs.value = xhr.responseText ;
          }
        }
        xhr.open ( "GET", "/?" + source  + "&version=" + Math.random(), false ) ;
        xhr.send() ;
      }

      function fsav()
      {
        var str = prefs.value ;
        var theUrl = "/?saveprefs&version=" + Math.random() ;
        var xhr = new XMLHttpRequest() ;
        xhr.onreadystatechange = function()
        {
          if ( xhr.readyState == XMLHttpRequest.DONE )
          {
            resultstr.value = xhr.responseText ;
          }
        }
        while ( str.indexOf ( "\r\n\r\n" ) >= 0 )
        {
          str = str.replace ( /\r\n\r\n/g, "\r\n" )
        }
        while ( str.indexOf ( "\n\n" ) >= 0 )
        {
          str = str.replace ( /\n\n/g, "\n" )
        }
        xhr.open ( "POST", theUrl, true ) ;
        xhr.setRequestHeader ( "Content-type", "application/x-www-form-urlencoded" ) ;
        xhr.send ( str + "\n" ) ;
      }

      function lnet(){
        var i, opt, networks ;
        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] ;
              ssid.add( opt ) ;
            }
            ldef ( "getprefs" ) ;
          }
        }
        xhr.open ( "GET", "/?getnetworks" + "&version=" + Math.random(), false ) ;
        xhr.send() ;
      }

      lnet();
    </script>
  </body>
</html>
)=====" ;