From 659fab48b4c82b626a32e3e67508a96838845f0b Mon Sep 17 00:00:00 2001
From: Terry Geng <gengyanda@gmail.com>
Date: Sat, 7 Mar 2020 15:22:50 +0800
Subject: [PATCH] feat: add automode into the webinterface #91

---
 interface.py         |  4 ++++
 templates/index.html | 34 ++++++++++++++++++++++++----------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/interface.py b/interface.py
index 36b811c..bbda09d 100644
--- a/interface.py
+++ b/interface.py
@@ -268,6 +268,10 @@ def post():
                 var.playlist = media.playlist.get_playlist("repeat", var.playlist)
                 var.db.set('playlist', 'playback_mode', "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":
                 var.bot.stop()
             elif action == "pause":
diff --git a/templates/index.html b/templates/index.html
index d010a36..d2f7d28 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -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);
             }
 
         }