Livestream Fix (#198)

Co-authored-by: Tiago Vasconcelos <tvasconcelos@gmail.com>

lnbits/extensions/livestream/README.md

@@ -15,8 +15,12 @@ The revenue will be sent to a wallet created specifically for that producer, wit
 ## Usage
 
 1. Start by adding a track\
-   ![add new track](https://i.imgur.com/Cu0eGrW.jpg) - set the producer, or choose an existing one - set the track name - define a minimum price where a user can download the track - set the download URL, where user will be redirected if he tips the livestream and the tip is equal or above the set price\
-   ![track settings](https://i.imgur.com/HTJYwcW.jpg)
+   ![add new track](https://i.imgur.com/Cu0eGrW.jpg)
+   - set the producer, or choose an existing one
+   - set the track name
+   - define a minimum price where a user can download the track
+   - set the download URL, where user will be redirected if he tips the livestream and the tip is equal or above the set price\
+     ![track settings](https://i.imgur.com/HTJYwcW.jpg)
 2. Adjust the percentage of the pay you want to take from the user's tips. 10%, the default, means that the DJ will keep 10% of all the tips sent by users. The other 90% will go to an auto generated producer wallet\
    ![adjust percentage](https://i.imgur.com/9weHKAB.jpg)
 3. For every different producer added, when adding tracks, a wallet is generated for them\

lnbits/extensions/livestream/static/js/index.js

@@ -37,6 +37,7 @@ new Vue({
   },
   methods: {
     getTrackLabel(trackId) {
+      if (!trackId) return
       let track = this.tracksMap[trackId]
       return `${track.name}, ${this.producersMap[track.producer].name}`
     },
@@ -162,6 +163,7 @@ new Vue({
         })
     },
     updateCurrentTrack(track) {
+      console.log(this.nextCurrentTrack, this.livestream)
       if (this.livestream.current_track === track) {
         // if clicking the same, stop it
         track = 0
@@ -175,6 +177,7 @@ new Vue({
         )
         .then(() => {
           this.livestream.current_track = track
+          this.nextCurrentTrack = track
           this.$q.notify({
             message: `Current track updated.`,
             timeout: 700

lnbits/extensions/livestream/templates/livestream/index.html

@@ -27,8 +27,8 @@
           <div class="col">
             {% raw %}
             <q-btn unelevated color="deep-purple" type="submit">
-              {{ nextCurrentTrack === livestream.current_track ? 'Stop' : 'Set'
-              }} current track
+              {{ nextCurrentTrack && nextCurrentTrack ===
+              livestream.current_track ? 'Stop' : 'Set' }} current track
             </q-btn>
             {% endraw %}
           </div>