Livestream Fix (#198)

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

lnbits/extensions/livestream/README.md

@@ -15,7 +15,11 @@ 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\
+   ![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)

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'
+              {{ nextCurrentTrack && nextCurrentTrack ===
-              }} current track
+              livestream.current_track ? 'Stop' : 'Set' }} current track
             </q-btn>
             {% endraw %}
           </div>

lnbits/extensions/lnticket/README.md

@@ -1,3 +1,29 @@
-<h1>Support Tickets</h1>
+# Support Tickets
-<h2>Get paid sats to answer questions</h2>
+
-Charge people per word for contacting you. Possible applications include, paid support ticketing, PAYG language services, contact spam protection.
+## Get paid sats to answer questions
+
+Charge a per word amount for people to contact you.
+
+Possible applications include, paid support ticketing, PAYG language services, contact spam protection.
+
+1. Click "NEW FORM" to create a new contact form\
+   ![new contact form](https://i.imgur.com/kZqWGPe.png)
+2. Fill out the contact form
+   - set the wallet to use
+   - give your form a name
+   - set an optional webhook that will get called when the form receives a payment
+   - give it a small description
+   - set the amount you want to charge, per **word**, for people to contact you\
+     ![form settings](https://i.imgur.com/AsXeVet.png)
+3. Your new contact form will appear on the _Forms_ section. Note that you can create various forms with different rates per word, for different purposes\
+   ![forms section](https://i.imgur.com/gg71HhM.png)
+4. When a user wants to reach out to you, they will get to the contact form. They can fill out some information:
+   - a name
+   - an optional email if they want you to reply
+   - and the actual message
+   - at the bottom, a value in satoshis, will display how much it will cost them to send this message\
+     ![user view of form](https://i.imgur.com/DWGJWQz.png)
+   - after submiting the Lightning Network invoice will pop up and after payment the message will be sent to you\
+     ![contact form payment](https://i.imgur.com/7heGsiO.png)
+5. Back in "Support ticket" extension you'll get the messages your fans, users, haters, etc, sent you on the _Tickets_ section\
+   ![tickets](https://i.imgur.com/dGhJ6Ok.png)