site/radiostasis.js

@@ -491,6 +491,14 @@ var Playlist = /** @class */ (function () {
             this.queueTab.classList.remove('expanded');
         }
     };
+    Playlist.prototype.reQueueNowPlaying = function () {
+        var currentEpisode = this.nowPlayingEpisodeHandler
+            ? this.nowPlayingEpisodeHandler()
+            : null;
+        if (currentEpisode) {
+            this.unshiftEpisodes([currentEpisode]);
+        }
+    };
     Playlist.prototype.createQueueListItem = function (episode, withControls) {
         var _this = this;
         if (withControls === void 0) { withControls = true; }
@@ -512,6 +520,7 @@ var Playlist = /** @class */ (function () {
             playBtn.href = '#';
             playBtn.innerHTML = 'Play Now';
             playBtn.addEventListener('click', function () {
+                _this.reQueueNowPlaying();
                 if (_this.playEpisodeHandler)
                     _this.playEpisodeHandler(episode);
             });
@@ -530,6 +539,7 @@ var Playlist = /** @class */ (function () {
             text: message,
             gravity: 'bottom',
             position: 'right',
+            stopOnFocus: false,
             style: {
                 marginBottom: '10ex',
                 background: '#090',

src/Playlist.ts

@@ -208,6 +208,15 @@ class Playlist {
     }
   }
 
+  private reQueueNowPlaying(): void {
+    const currentEpisode = this.nowPlayingEpisodeHandler
+      ? this.nowPlayingEpisodeHandler()
+      : null;
+    if (currentEpisode) {
+      this.unshiftEpisodes([currentEpisode]);
+    }
+  }
+
   private createQueueListItem(
     episode: Episode,
     withControls = true
@@ -230,6 +239,7 @@ class Playlist {
       playBtn.href = '#';
       playBtn.innerHTML = 'Play Now';
       playBtn.addEventListener('click', () => {
+        this.reQueueNowPlaying();
         if (this.playEpisodeHandler) this.playEpisodeHandler(episode);
       });
       const remBtn = document.createElement('a');
@@ -248,6 +258,7 @@ class Playlist {
       text: message,
       gravity: 'bottom',
       position: 'right',
+      stopOnFocus: false,
       style: {
         marginBottom: '10ex',
         background: '#090',