playing: Podcasts indicator, readme

busybox11 · Aug 27, 2024 · c7ea86d · c7ea86d
1 parent e30a3c1
commit c7ea86d
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 8 deletions.
diff --git a/miniplayer.php b/miniplayer.php
@@ -92,10 +92,19 @@ class="text-3xl font-bold text-pretty" :class="{
             'line-clamp-2': !showAlbum || !$store.player.playbackObj.item?.name,
           }"></h1>
 
-        <h2
-          x-text="$store.player.playbackObj.item?.artists?.map(artist => artist.name).join(', ') ?? $store.player.playbackObj.item?.show?.publisher ?? translations.defaultArtistSong"
-          id="song-artist" class="text-xl font-semibold line-clamp-1 text-pretty" :class="{ 'opacity-80': !showAlbum }">
-        </h2>
+        <div class="flex gap-2">
+          <svg
+            x-show="$store.player.playbackObj.item?.type == 'episode'"
+            class="lucide lucide-podcast my-auto opacity-75"
+            xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+          >
+            <path d="M16.85 18.58a9 9 0 1 0-9.7 0"/><path d="M8 14a5 5 0 1 1 8 0"/><circle cx="12" cy="11" r="1"/><path d="M13 17a1 1 0 1 0-2 0l.5 4.5a.5.5 0 1 0 1 0Z"/>
+          </svg>
+          <h2
+            x-text="$store.player.playbackObj.item?.artists?.map(artist => artist.name).join(', ') ?? $store.player.playbackObj.item?.show?.publisher ?? translations.defaultArtistSong"
+            id="song-artist" class="text-xl font-semibold line-clamp-1 text-pretty" :class="{ 'opacity-80': !showAlbum }">
+          </h2>
+        </div>
 
         <h3 x-show="showAlbum" x-text="$store.player.playbackObj?.item?.album?.name" id="song-album"
           class="text-xl font-semibold opacity-80 line-clamp-1 text-pretty"></h3>

diff --git a/playing.php b/playing.php
@@ -189,9 +189,19 @@ class="text-xl lg:text-4xl font-semibold opacity-80 text-pretty">
                             </svg>
                         </div>
 
-                        <span class="text-xl font-bold"><span
-                                x-text="$store.player.playbackObj?.device?.name ?? 'Spotify Connect'"></span><span
-                                class="text-white/80 font-semibold"></span></span>
+                        <span class="text-xl font-bold">
+                            <span x-text="$store.player.playbackObj?.device?.name ?? 'Spotify Connect'"></span>
+                            <span class="text-white/80 font-semibold"></span>
+                        </span>
+
+
+                        <svg
+                            x-show="$store.player.playbackObj.item?.type == 'episode'"
+                            class="lucide lucide-podcast ml-auto opacity-75"
+                            xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                        >
+                            <path d="M16.85 18.58a9 9 0 1 0-9.7 0"/><path d="M8 14a5 5 0 1 1 8 0"/><circle cx="12" cy="11" r="1"/><path d="M13 17a1 1 0 1 0-2 0l.5 4.5a.5.5 0 1 0 1 0Z"/>
+                        </svg>
                     </div>
                 </div>
             </div>

diff --git a/readme.md b/readme.md
@@ -84,7 +84,7 @@ HTML, TailwindCSS, JS / AlpineJS, PHP
 
 ## **Known bugs**
 
-- [ ] Podcasts aren't recognized
+- [X] ~~Podcasts aren't recognized~~ initial commit with https://github.com/busybox11/NowPlaying-for-Spotify/commit/e30a3c1d8ea703be11259e33dce4bde84ed663c7
 - [X] ~~White flash when loading new artwork~~
 
 ## **Upcoming changes**