diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2023-11-30 17:51:32 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2023-11-30 17:51:32 +0000 |
| commit | 02fff5ddd50f19f22f8c3e6278016aef6f507b8c (patch) | |
| tree | 2ee188e670c5306f17479ade0d3bf5a48c7fb454 /src/components/status/status.vue | |
| parent | 358f92adfff03f453482fe79ce54633a3a5c18e8 (diff) | |
| parent | ce46b97c596dcb985dcba41126afac38e26fabcb (diff) | |
Merge branch 'neetzsche/accommodate-scrobble-urls' into 'develop'
Accommodate scrobble URLs when present
See merge request pleroma/pleroma-fe!1872
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 53 |
1 files changed, 38 insertions, 15 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index d66de562..26fafc91 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -249,22 +249,45 @@ </button> </span> </div> - <div class="status-rich-presence" v-if="scrobblePresent"> - <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" + <div + v-if="scrobblePresent" + class="status-rich-presence" + > + <a + v-if="scrobble.externalLink" + :href="scrobble.externalLink" + target="_blank" + > + {{ 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> </div> <div |