Mirror/squeezelite-esp32
1
0
Fork 0
mirror of https://github.com/sle118/squeezelite-esp32.git synced 2026-01-27 12:50:49 +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 '; var commandHeader = 'squeezelite -b 500:2000 -d all=info ';
// First, checks if it isn't implemented yet. // First, checks if it isn't implemented yet.
@@ -187,6 +188,16 @@ $(document).ready(function(){
selectOutput(this); 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 //first time the page loads: attempt get the connection status and start the wifi scan
refreshAP(); refreshAP();
startCheckStatusInterval(); startCheckStatusInterval();

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

@@ -158,10 +158,14 @@ function heartbeat()
} }
function handleClick(cb) { function handleClick(cb) {
if (cb.checked) { console.log(cb);
$("#autoexec-command").show(200); if (cb.id == 'autoexec-cb') {
} else { if (cb.checked) {
$("#autoexec-command").hide(200); $("#autoexec-command").show(200);
} else {
$("#autoexec-command").hide(200);
}
} else if (cb.id == 'autoexec-cb') {
} }
} }
</script> </script>
@@ -175,7 +179,7 @@ function handleClick(cb) {
</header> </header>
<h2> <h2>
<div id="autoexec" class="toggle"> <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> <input id="autoexec-cb" type="checkbox" checked="checked" onclick='handleClick(this);'/><span class="slider"></span>
</label> </label>
</div> </div>
@@ -184,7 +188,7 @@ function handleClick(cb) {
<div id="autoexec-command"> <div id="autoexec-command">
<div id="audioout" class="toggle-buttons"> <div id="audioout" class="toggle-buttons">
<h2>Audio output</h2> <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> <label for="i2s">I2S</label>
<input type="radio" id="spdif" name="audio" /> <input type="radio" id="spdif" name="audio" />
<label for="spdif">SPDIF</label> <label for="spdif">SPDIF</label>
@@ -207,14 +211,26 @@ function handleClick(cb) {
<input id="generate-command" type="button" value="Generate" /> <input id="generate-command" type="button" value="Generate" />
</div> </div>
<h2>Command to run</h2> <h2>Squeezelite command to run</h2>
<section id="command-list"> <section id="command-list">
<textarea id="autoexec1" maxlength="120">squeezelite -o I2S -b 500:2000 -d all=info -M esp32</textarea> <textarea id="autoexec1" maxlength="120">squeezelite -o I2S -b 500:2000 -d all=info -M esp32</textarea>
</section> </section>
</div> </div>
<div class="buttons"> <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> </div>
<div id="otadiv"> <div id="otadiv">

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

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