Merge branch '632-play-autostart' into 'develop'

Resolve ""Play Now" button doesn't queue properly"

Closes #632

See merge request funkwhale/funkwhale!498

changes/changelog.d/632.bugfix

@@ -0,0 +1 @@
+Fix play button not starting playback with empty queue (#632)

front/src/components/audio/Player.vue

@@ -80,7 +80,7 @@
           class="two wide column control"
           @click.prevent.stop="previous"
           :disabled="emptyQueue">
-            <i :class="['ui', 'backward', {'disabled': emptyQueue}, 'secondary', 'icon']"></i>
+            <i :class="['ui', 'backward step', {'disabled': emptyQueue}, 'secondary', 'icon']"></i>
         </a>
         <a
           href
@@ -107,7 +107,7 @@
           class="two wide column control"
           @click.prevent.stop="next"
           :disabled="!hasNext">
-            <i :class="['ui', {'disabled': !hasNext}, 'forward', 'secondary', 'icon']" ></i>
+            <i :class="['ui', {'disabled': !hasNext}, 'forward step', 'secondary', 'icon']" ></i>
         </a>
         <div
           class="wide column control volume-control"

front/src/store/queue.js

@@ -70,10 +70,12 @@ export default {
       }
     },
 
-    appendMany ({state, dispatch}, {tracks, index, callback}) {
+    appendMany ({state, commit, dispatch}, {tracks, index, callback}) {
       logger.default.info('Appending many tracks to the queue', tracks.map(e => { return e.title }))
+      let shouldPlay = false
       if (state.tracks.length === 0) {
         index = 0
+        shouldPlay = true
       } else {
         index = index || state.tracks.length
       }
@@ -84,6 +86,11 @@ export default {
         if (callback && i + 1 === total) {
           p.then(callback)
         }
+        if (shouldPlay && p) {
+          p.then(() => {
+            dispatch('next')
+          })
+        }
       })
     },