storm/bragi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add automode into the webinterface #91

Browse Source
This commit is contained in:
Terry Geng
2020-03-07 15:22:50 +08:00
parent 4fce3b956e
commit 659fab48b4
2 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/index.html
View File

@@ -138,23 +138,29 @@
<div class="btn-group" style="float: right;">
<button type="button" id="oneshot-btn" class="btn btn-primary btn-space"
title="One-shot Playlist"
onclick="request('post', {action : 'one-shot'})">
title="One-shot Mode"
onclick="request('post', {action : 'one-shot'})" disabled>
<i class="fas fa-tasks" aria-hidden="true"></i>
</button>
<button type="button" id="random-btn" class="btn btn-primary btn-space"
title="Randomize Playlist"
onclick="request('post', {action : 'randomize'})">
title="Random Mode"
onclick="request('post', {action : 'randomize'})" disabled>
<i class="fas fa-random" aria-hidden="true"></i>
</button>
<button type="button" id="repeat-btn" class="btn btn-primary btn-space"
title="Repeat Playlist"
onclick="request('post', {action : 'repeat'})">
title="Repeat Mode"
onclick="request('post', {action : 'repeat'})" disabled>
<i class="fas fa-redo" aria-hidden="true"></i>
</button>
<button type="button" id="autoplay-btn" class="btn btn-primary btn-space"
title="Autoplay Mode"
onclick="request('post', {action : 'autoplay'})" disabled>
<i class="fas fa-robot" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-warning btn-space"
onclick="request('post', {action : 'volume_down'})">
<i class="fa fa-volume-down" aria-hidden="true"></i>
@@ -375,15 +381,23 @@
if(mode === "one-shot"){
$("#oneshot-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true);
$("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary");
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
}else if(mode === "repeat"){
$("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true);
$("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary");
$("#repeat-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true);
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
}else if(mode === "random"){
$("#random-btn").removeClass("btn-primary").addClass("btn-secondary");
$("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false); // This is a feature.
$("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
}else if(mode === "autoplay"){
$("#oneshot-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#repeat-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#random-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", false);
$("#autoplay-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", true);
}
}