Mirror/squeezelite-esp32
1
0
Fork 0
mirror of https://github.com/sle118/squeezelite-esp32.git synced 2025-12-06 19:47:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

UI cleanup

Browse Source
This commit is contained in:
Christian Herzog
2019-09-10 16:33:42 +02:00
parent 78f18a672f
commit f33fb6fb45
3 changed files with 39 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/wifi-manager/code.js
View File

@@ -1,3 +1,4 @@
var recovery = 0;
var commandHeader = 'squeezelite -b 500:2000 -d all=info ';
// First, checks if it isn't implemented yet.
@@ -187,6 +188,16 @@ $(document).ready(function(){
selectOutput(this);
});
if (recovery) {
$("#recoverydiv").hide();
$("#otadiv").show();
$("#command_line").hide();
$("#wifi").hide();
} else {
$("#recoverydiv").show();
$("#otadiv").hide();
}
//first time the page loads: attempt get the connection status and start the wifi scan
refreshAP();
startCheckStatusInterval();

32
components/wifi-manager/index.html
View File

@@ -158,10 +158,14 @@ function heartbeat()
}
function handleClick(cb) {
if (cb.checked) {
$("#autoexec-command").show(200);
} else {
$("#autoexec-command").hide(200);
console.log(cb);
if (cb.id == 'autoexec-cb') {
if (cb.checked) {
$("#autoexec-command").show(200);
} else {
$("#autoexec-command").hide(200);
}
} else if (cb.id == 'autoexec-cb') {
}
}
</script>
@@ -175,7 +179,7 @@ function handleClick(cb) {
</header>
<h2>
<div id="autoexec" class="toggle">
<label>Run automatically at boot
<label>Run squeezelite automatically at boot
<input id="autoexec-cb" type="checkbox" checked="checked" onclick='handleClick(this);'/><span class="slider"></span>
</label>
</div>
@@ -184,7 +188,7 @@ function handleClick(cb) {
<div id="autoexec-command">
<div id="audioout" class="toggle-buttons">
<h2>Audio output</h2>
<input type="radio" id="i2s" name="audio" />
<input type="radio" id="i2s" name="audio" checked='checked' />
<label for="i2s">I2S</label>
<input type="radio" id="spdif" name="audio" />
<label for="spdif">SPDIF</label>
@@ -207,14 +211,26 @@ function handleClick(cb) {
<input id="generate-command" type="button" value="Generate" />
</div>
<h2>Command to run</h2>
<h2>Squeezelite command to run</h2>
<section id="command-list">
<textarea id="autoexec1" maxlength="120">squeezelite -o I2S -b 500:2000 -d all=info -M esp32</textarea>
</section>
</div>
<div class="buttons">
<input id="update-command" type="button" value="Update" />
<input id="update-command" type="button" value="Save" />
</div>
</div>
<div id="recoverydiv">
<header><h1>System management</h1></header>
<h2>Check for firmware upgrade</h2>
<div class="buttons">
<input type="button" id="fwcheck" value="Check" onclick='handleClick(this);' />
<p><span id="currentfw">Currently running: 0.1</span> - <span id="latestfw">latest available version: 0.2</span></p>
</div>
<h2>Reboot to recovery system to perform firmware upgrade</h2>
<div class="buttons">
<input type="button" id="recovery" value="Recovery" onclick='handleClick(this);' />
</div>
</div>
<div id="otadiv">

5
components/wifi-manager/style.css
View File

@@ -22,7 +22,6 @@ button:focus {
outline: none;
}
input[type="button"] {
width: 100px;
padding: 5px;
text-align: center;
display: block;
@@ -376,3 +375,7 @@ textarea#autoexec1 {
background: #5a9900;
box-shadow: none;
}
#otadiv {
display: none;
}