feat(viewmodel): prevent loading episode if already playing another episode and update play/pause logic

Author: Sembauke

mobile-app/lib/ui/views/podcast/episode/episode_view.dart

@@ -21,7 +21,12 @@ class EpisodeView extends StatelessWidget {
     return ViewModelBuilder<EpisodeViewModel>.reactive(
       viewModelBuilder: () => EpisodeViewModel(),
       onViewModelReady: (model) {
-        model.loadEpisode(episode, podcast);
+        if (!model.audioService.isPlaying(
+          'podcast',
+          episodeId: model.audioService.episodeId,
+        )) {
+          model.loadEpisode(episode, podcast);
+        }
         model.hasDownloadedEpisode(episode);
         model.initProgressListener(episode);
         model.initDownloadListener();
@@ -142,9 +147,10 @@ class EpisodeView extends StatelessWidget {
                     IconButton(
                       iconSize: 80,
                       onPressed: () {
-                        model.playOrPause(episode);
+                        model.playOrPause(episode, podcast);
                       },
-                      icon: model.isPlaying
+                      icon: model.isPlaying &&
+                              model.audioService.episodeId == episode.id
                           ? const Icon(Icons.pause)
                           : const Icon(Icons.play_arrow_rounded),
                     ),

mobile-app/lib/ui/views/podcast/episode/episode_viewmodel.dart

@@ -83,14 +83,17 @@ class EpisodeViewModel extends BaseViewModel {
   }
 
   void initProgressListener(Episodes episode) {
-    setProgressListener = AudioService.position.listen(
-      (event) {
-        int duration = episode.duration!.inSeconds;
-        double sliderValue = event.inSeconds / duration;
-        setSliderValue = sliderValue;
-        handleTimeVortex(duration, event.inSeconds);
-      },
-    );
+    if (audioService.episodeId == episode.id ||
+        audioService.episodeId.isEmpty) {
+      setProgressListener = AudioService.position.listen(
+        (event) {
+          int duration = episode.duration!.inSeconds;
+          double sliderValue = event.inSeconds / duration;
+          setSliderValue = sliderValue;
+          handleTimeVortex(duration, event.inSeconds);
+        },
+      );
+    }
   }
 
   void handleTimeVortex(int duration, int inSeconds) {
@@ -194,10 +197,11 @@ class EpisodeViewModel extends BaseViewModel {
     setSliderValue = value > 0 ? value : 0.0;
   }
 
-  void playOrPause(Episodes episode) {
+  void playOrPause(Episodes episode, Podcasts podcast) {
     if (audioService.isPlaying('podcast', episodeId: episode.id)) {
       audioService.pause();
     } else {
+      loadEpisode(episode, podcast);
       audioService.play();
     }
   }
@@ -217,6 +221,7 @@ class EpisodeViewModel extends BaseViewModel {
     if (audioService.episodeId != episode.id) {
       audioService.setEpisodeId = episode.id;
       audioService.loadEpisode(episode, downloaded, podcast);
+      initProgressListener(episode);
     }
   }
 }