doneeee

src/app/components/common/player.php

@@ -8,20 +8,14 @@
     </div>
     <div class="audio-player">
         <div class="audio-controller">
-            <div class="prevButton">
-                <img src="<?= BASE_URL ?>/images/assets/prev_icon.svg" alt="prev">
-            </div>
             <div class="button-player">
-                <div class="play-button">
+                <div class="play-button-player">
                     <img src="<?= BASE_URL ?>/images/assets/play_icon.svg" alt="pause">
                 </div>
-                <div class="pause-button">
+                <div class="pause-button-player">
                     <img src="<?= BASE_URL ?>/images/assets/pause_icon.svg" alt="pause">
                 </div>
             </div>
-            <div class="nextButton">
-                <img src="<?= BASE_URL ?>/images/assets/next_icon.svg" alt="next">
-            </div>
         </div>
         <div class="progress-control">
             <div class="current-time">00.00</div>

src/app/controllers/seed/post_seed.php

@@ -63,7 +63,7 @@ class PostSeedController
         $eps_title = "Episode " . $j . " of Podcast Non-Premium " . $i;
         $eps_description = "Description for Episode " . $j . " of Podcast Non-Premium " . $i . " Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla erat lacus, cursus vel arcu ut, blandit euismod ex. Pellentesque eu magna vehicula odio laoreet maximus eget eu neque. Nullam nec euismod arcu, id tincidunt magna.";
         $eps_url_thumbnail = $j % 2 == 0 ? "/images/escape.jpg" : "/images/hello.jpg";
-        $eps_url_audio = $j % 2 == 0 ? "/audio/audiotester.mp3" : "/audio/sample.mp3";
+        $eps_url_audio = $j % 2 == 0 ? "/episodes/audiotester.mp3" : "/episodes/sample.mp3";
 
         $episode_query .= "('" . $eps_title . "', '" . $eps_url_thumbnail . "', '" . $eps_description . "', '" . $eps_url_audio . "', " . $i . ")";
 

src/public/javascript/app/app.js

@@ -47,7 +47,9 @@ const getPage = (page, queryParam) => {
       } else if (window.location.href.includes("home")) {
         handleHome();
       }
-      mountPlayer();
+      if (!document.querySelector(".hide-player")) {
+        mountPlayer();
+      }
     }
   };
 

src/public/javascript/player/player_page.js

 export function handlePlayerPage() {
+    console.log("player page");
     const audioPlayer = document.querySelector('audio');
-    const playButton = document.querySelector('.play-button');
-    const pauseButton = document.querySelector('.pause-button');
+    const playButton = document.querySelector('.play-button-player');
+    const pauseButton = document.querySelector('.pause-button-player');
     const duration = document .querySelector('.duration');
     const currentTime = document.querySelector('.current-time');
     const progressBar = document.querySelector('.progress-bar');
@@ -16,12 +17,13 @@ export function handlePlayerPage() {
 
     if (audioPlayer) {
         // Play button
+        console.log(playButton);
         playButton.addEventListener("click", () => {
             playButton.style.display = "none";
             pauseButton.style.display = "block";
             audioPlayer.play();
         });
-
+        
         // Pause button
         pauseButton.addEventListener("click", () => {
             pauseButton.style.display = "none";

src/public/javascript/podcast/script.js

 "use strict";
 
 import { mountPlayer } from "../player/player.js";
+import { handlePlayerPage } from "../player/player_page.js";
 import { showSuccessToast, showErrorToast, showInformationToast } from "../toast.mjs";
 export function handlePodcast() {
   // Get DOM elements
@@ -24,6 +25,7 @@ export function handlePodcast() {
       xhr.onreadystatechange = () => {
         if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
           mountPlayer();
+          handlePlayerPage();
         }
       };