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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
interface.py
View File

@ -268,6 +268,10 @@ def post():
var.playlist = media.playlist.get_playlist("repeat", var.playlist) var.playlist = media.playlist.get_playlist("repeat", var.playlist)
var.db.set('playlist', 'playback_mode', "repeat") var.db.set('playlist', 'playback_mode', "repeat")
log.info("web: playback mode changed to repeat.") log.info("web: playback mode changed to repeat.")
if action == "autoplay":
var.playlist = media.playlist.get_playlist("autoplay", var.playlist)
var.db.set('playlist', 'playback_mode', "autoplay")
log.info("web: playback mode changed to autoplay.")
elif action == "stop": elif action == "stop":
var.bot.stop() var.bot.stop()
elif action == "pause": elif action == "pause":

34
templates/index.html
View File

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