giersig.eu/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

feat: add Post button with type dropdown to listening page

Browse Source 
Add share-post-btn to all 4 listening sections: Funkwhale listenings,
Last.fm scrobbles, Loved tracks, and Funkwhale favorites. Uses plain
data attributes for Nunjucks server-rendered values.
This commit is contained in:
Ricardo
2026-02-28 12:37:24 +01:00
parent fb19a68f9e
commit ab302cbe9c
1 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
listening.njk
View File

@@ -295,6 +295,15 @@ withSidebar: true
<div class="text-right flex-shrink-0">
<span class="inline-block px-2 py-0.5 text-xs font-medium bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-400 rounded-full mb-1">Funkwhale</span>
<span class="text-xs text-surface-500 block">{{ listening.relativeTime }}</span>
<button
class="share-post-btn mt-1"
data-share-url="{{ listening.trackUrl }}"
data-share-title="{{ listening.track }} — {{ listening.artist }}"
title="Create post"
aria-label="Create post"
>
<span class="share-post-icon">✏️</span>
</button>
<button
class="save-later-btn mt-1"
data-save-url="{{ listening.trackUrl }}"
@@ -343,6 +352,15 @@ withSidebar: true
<div class="text-right flex-shrink-0">
<span class="inline-block px-2 py-0.5 text-xs font-medium bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 rounded-full mb-1">Last.fm</span>
<span class="text-xs text-surface-500 block">{{ scrobble.relativeTime }}</span>
<button
class="share-post-btn mt-1"
data-share-url="{{ scrobble.trackUrl }}"
data-share-title="{{ scrobble.track }} — {{ scrobble.artist }}"
title="Create post"
aria-label="Create post"
>
<span class="share-post-icon">✏️</span>
</button>
<button
class="save-later-btn mt-1"
data-save-url="{{ scrobble.trackUrl }}"
@@ -401,6 +419,15 @@ withSidebar: true
</div>
<span class="text-red-500 flex-shrink-0">&#9829;</span>
<button
class="share-post-btn flex-shrink-0"
data-share-url="{{ track.trackUrl }}"
data-share-title="{{ track.track }} — {{ track.artist }}"
title="Create post"
aria-label="Create post"
>
<span class="share-post-icon">✏️</span>
</button>
<button
class="save-later-btn flex-shrink-0"
data-save-url="{{ track.trackUrl }}"
@@ -454,6 +481,15 @@ withSidebar: true
<p class="text-xs text-surface-500 truncate">{{ favorite.album }}</p>
{% endif %}
</div>
<button
class="share-post-btn flex-shrink-0"
data-share-url="{{ favorite.trackUrl }}"
data-share-title="{{ favorite.track }} — {{ favorite.artist }}"
title="Create post"
aria-label="Create post"
>
<span class="share-post-icon">✏️</span>
</button>
<button
class="save-later-btn flex-shrink-0"
data-save-url="{{ favorite.trackUrl }}"