Merge branch 'Over_The_Air_Update' of https://github.com/sle118/squeezelite-esp32.git into Over_The_Air_Update

This commit is contained in:
Sebastien
2019-09-27 16:59:12 -04:00
3 changed files with 99 additions and 0 deletions

View File

@@ -206,6 +206,26 @@ $(document).ready(function(){
console.log('sent config JSON with headers:', autoexec1);
});
$("#save-gpio").on("click", function() {
var headers = {};
$("input.gpio").each(function() {
var id = $(this)[0].id;
var pin = $(this).val();
if (pin != '') {
headers[id] = pin;
}
});
$.ajax({
url: '/config.json',
dataType: 'json',
method: 'POST',
cache: false,
headers: JSON.stringify(headers),
data: { 'timestamp': Date.now() }
});
console.log('sent config JSON with headers:', JSON.stringify(headers));
});
$("#flash").on("click", function() {
var url = $("#fwurl").val();
$.ajax({
@@ -259,10 +279,13 @@ $(document).ready(function(){
});
var [ver, idf, cfg, branch] = release.name.split('#');
var body = release.body.replace(/\\n/ig, "<br />").replace(/\'/ig, "\"");
var [date, time] = release.created_at.split('T');
if (ver.match(/esp-idf/)) return; //TODO delete
$("#releaseTable").append(
"<tr>"+
"<td data-toggle='tooltip' title='"+body+"'>"+ver+"</td>"+
"<td>"+idf+"</td>"+
"<td>"+date+"</td>"+
"<td>"+cfg+"</td>"+
"<td>"+branch+"</td>"+
"<td><input id='generate-command' type='button' class='btn btn-success' value='Select' data-url='"+url+"' onclick='setURL(this);' /></td>"+
@@ -396,6 +419,7 @@ function checkStatus(){
$("#netmask").text(data["netmask"]);
$("#gw").text(data["gw"]);
$("#wifi-status").slideDown( "fast", function() {});
$(".footer").html("connected to SSID "+text(data["ssid"])+" with IP "+text(data["ip"]));
//unlock the wait screen if needed
$( "#ok-connect" ).prop("disabled",false);
@@ -441,6 +465,7 @@ function checkStatus(){
$("#netmask").text(data["netmask"]);
$("#gw").text(data["gw"]);
$("#wifi-status").slideDown( "fast", function() {});
$(".footer").html("connected to SSID "+data["ssid"]+" with IP "+data["ip"]);
}
enableAPTimer = false;
if (!recovery) enableStatusTimer = false;

View File

@@ -197,6 +197,61 @@
</div>
<div class="tab-pane fade" id="tab-gpio">
<table class="table table-hover">
<thead>
<tr>
<th scope="col">Signal</th>
<th scope="col">GPIO pin</th>
</tr>
</thead>
<tbody id="gpioTable">
<tr>
<td><strong>I2S</strong></td><td></td>
</tr>
<tr>
<td>I2S Bit clock</td>
<td>
<input type="text" class="form-control gpio" id="gpio-i2s-bc" maxlength="2" size="2">
</td>
</tr>
<tr>
<td>I2S Word select</td>
<td>
<input type="text" class="form-control gpio" id="gpio-i2s-ws" maxlength="2" size="2">
</td>
</tr>
<tr>
<td>I2S Data</td>
<td>
<input type="text" class="form-control gpio" id="gpio-i2s-data" maxlength="2" size="2">
</td>
</tr>
<tr>
<td><strong>SPDIF</strong></td><td></td>
</tr>
<tr>
<td>SPDIF Bit clock</td>
<td>
<input type="text" class="form-control gpio" id="spdif-i2s-bc" maxlength="2" size="2">
</td>
</tr>
<tr>
<td>SPDIF Word select</td>
<td>
<input type="text" class="form-control gpio" id="spdif-i2s-ws" maxlength="2" size="2">
</td>
</tr>
<tr>
<td>SPDIF Data</td>
<td>
<input type="text" class="form-control gpio" id="spdif-i2s-data" maxlength="2" size="2">
</td>
</tr>
</tbody>
</table>
<div class="buttons">
<input id="save-gpio" type="button" class="btn btn-success" value="Save" />
</div>
</div>
<div class="tab-pane fade" id="tab-system">
@@ -209,6 +264,7 @@
<tr>
<th scope="col">Firmware version</th>
<th scope="col">IDF version</th>
<th scope="col">Release date</th>
<th scope="col">HW platform</th>
<th scope="col">Branch</th>
<th scope="col">Flash this FW</th>
@@ -247,5 +303,6 @@
</div>
</div>
<footer class="footer"></footer>
</body>
</html>

View File

@@ -1,6 +1,7 @@
body {
border: 0;
margin: 0;
margin-bottom:50px;
}
a {
color: darkblue;
@@ -213,6 +214,12 @@ input[type='text'], input[type='password'], textarea {
padding: 4px;
}
input.gpio {
width: 2em;
color: #000;
height: 1.8em;
}
.custom-switch, .custom-radio {
padding-left: 2.25rem;
margin-left: 12px;
@@ -299,3 +306,13 @@ input, textarea {
#mode {
float: right;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #555;
color: white;
text-align: center;
}