Accommodate scrobble URLs when present

This commit is contained in:
NEETzsche 2023-11-15 01:13:46 -07:00
parent 18c0cf1845
commit 730351dcd1
2 changed files with 43 additions and 15 deletions

View File

@ -0,0 +1 @@
Create a link to the URL of the scrobble when it's present

View File

@ -249,22 +249,49 @@
</button> </button>
</span> </span>
</div> </div>
<div class="status-rich-presence" v-if="scrobblePresent"> <div
<FAIcon v-if="scrobblePresent"
class="fa-scale-110 fa-old-padding" class="status-rich-presence"
icon="music" >
/> <a
{{ scrobble.artist }} {{ scrobble.title }} v-if="scrobble.externalLink"
<FAIcon :href="scrobble.externalLink"
class="fa-scale-110 fa-old-padding" target="_blank"
icon="play" >
/> <img
<span class="status-rich-presence-time"> :src="faviconUrl"
<Timeago class="status-rich-presence-favicon"
template-key="time.in_past"
:time="scrobble.created_at"
:auto-update="60"
/> />
{{ scrobble.artist }} {{ scrobble.title }}
<FAIcon
class="fa-scale-110 fa-old-padding"
icon="play"
/>
<span class="status-rich-presence-time">
<Timeago
template-key="time.in_past"
:time="scrobble.created_at"
:auto-update="60"
/>
</span>
</a>
<span v-if="!scrobble.externalLink">
<FAIcon
class="fa-scale-110 fa-old-padding"
icon="music"
/>
{{ scrobble.artist }} {{ scrobble.title }}
<FAIcon
class="fa-scale-110 fa-old-padding"
icon="play"
/>
<span class="status-rich-presence-time">
<Timeago
template-key="time.in_past"
:time="scrobble.created_at"
:auto-update="60"
/>
</span>
</span> </span>
</div> </div>
<div <div