dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-24 12:35:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Try to fix genre display when playing a podcast #200

Browse source
This commit is contained in:
Julien Maille 2022-03-26 14:43:37 +01:00
parent 145cfe9b53
commit 239033ad5e
1 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/js/main.js
View file

@ -761,9 +761,10 @@ Dribbblish.on("ready", () => {
} }
const genreInfoSpan = document.getElementById("main-trackInfo-genre"); const genreInfoSpan = document.getElementById("main-trackInfo-genre");
let album_uri = Spicetify.Player.data.track.metadata.album_uri; let track = Spicetify.Player.data.track;
let artist_uri = Spicetify.Player.data.track.metadata.artist_uri; let album_uri = track.metadata.album_uri;
let bgImage = Spicetify.Player.data.track.metadata.image_url; let artist_uri = track.metadata.artist_uri;
let bgImage = track.metadata.image_url;
if (bgImage === undefined) { if (bgImage === undefined) {
bgImage = "/images/tracklist-row-song-fallback.svg"; bgImage = "/images/tracklist-row-song-fallback.svg";
} }
@ -774,14 +775,17 @@ Dribbblish.on("ready", () => {
const albumLinkElem = /* html */ ` const albumLinkElem = /* html */ `
<span> <span>
<span draggable="true"> <span draggable="true">
<a draggable="false" dir="auto" href="${album_uri}">${Spicetify.Player.data.track.metadata.album_title}</a> <a draggable="false" dir="auto" href="${album_uri}">${track.metadata.album_title}</a>
</span> </span>
</span> </span>
`; `;
const albumDateElem = /* html */ `<span> • <span title="${albumDate.format("L")}">${albumDate.format(moment().diff(albumDate, "months") <= 6 ? "MMM YYYY" : "YYYY")}</span></span>`; const albumDateElem = /* html */ `<span> • <span title="${albumDate.format("L")}">${albumDate.format(moment().diff(albumDate, "months") <= 6 ? "MMM YYYY" : "YYYY")}</span></span>`;
albumInfoSpan.innerHTML = `${albumLinkElem}${albumDateElem}`; albumInfoSpan.innerHTML = `${albumLinkElem}${albumDateElem}`;
const genres = await getGenres(artist_uri.replace("spotify:artist:", "")); let genres = "";
if (!album_uri.includes("spotify:episode")) {
genres = await getGenres(artist_uri.replace("spotify:artist:", ""));
}
genreInfoSpan.innerHTML = ` genreInfoSpan.innerHTML = `
<span> <span>
<span draggable="true"> <span draggable="true">
@ -789,16 +793,16 @@ Dribbblish.on("ready", () => {
</span> </span>
</span> </span>
`; `;
} else if (Spicetify.Player.data.track.uri.includes("spotify:episode")) { } else if (track.uri.includes("spotify:episode")) {
// podcast // podcast
bgImage = bgImage.replace("spotify:image:", "https://i.scdn.co/image/"); bgImage = bgImage.replace("spotify:image:", "https://i.scdn.co/image/");
albumInfoSpan.innerHTML = Spicetify.Player.data.track.metadata.album_title; albumInfoSpan.innerHTML = track.metadata.album_title;
genreInfoSpan.innerHTML = ""; genreInfoSpan.innerHTML = "";
} else if (Spicetify.Player.data.track.metadata.is_local == "true") { } else if (track.metadata.is_local == "true") {
// local file // local file
albumInfoSpan.innerHTML = Spicetify.Player.data.track.metadata.album_title; albumInfoSpan.innerHTML = track.metadata.album_title;
genreInfoSpan.innerHTML = ""; genreInfoSpan.innerHTML = "";
} else if (Spicetify.Player.data.track.provider == "ad") { } else if (track.provider == "ad") {
// ad // ad
albumInfoSpan.innerHTML = "Advertisement"; albumInfoSpan.innerHTML = "Advertisement";
genreInfoSpan.innerHTML = ""; genreInfoSpan.innerHTML = "";