summaryrefslogtreecommitdiff
path: root/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'layouts')
-rw-r--r--layouts/_partials/posts/action-menu.html12
-rw-r--r--layouts/_partials/posts/webmention-likes.html9
2 files changed, 17 insertions, 4 deletions
diff --git a/layouts/_partials/posts/action-menu.html b/layouts/_partials/posts/action-menu.html
index c6c2abfc..9358ce0d 100644
--- a/layouts/_partials/posts/action-menu.html
+++ b/layouts/_partials/posts/action-menu.html
@@ -15,9 +15,15 @@
{{ end }}
<div id="action-menu" class="my-4 mb-5">
- {{ partial "posts/webmention-likes" (dict "likes" $likes "page" .) }}
- {{ partial "posts/webmention-replies" $replies }}
- {{ partial "posts/webmention-mentions" $mentions }}
+ {{ partial "posts/webmention-likes" (dict
+ "likes" $likes
+ "page" .
+ "othercount" (add (len $replies) (len $mentions))
+ ) }}
+ <div id="webmention-collapse" class="hidden">
+ {{ partial "posts/webmention-replies" $replies }}
+ {{ partial "posts/webmention-mentions" $mentions }}
+ </div>
<!-- kept for legacy pages -->
{{ partial "posts/comment" . }}
diff --git a/layouts/_partials/posts/webmention-likes.html b/layouts/_partials/posts/webmention-likes.html
index df2ff83b..2c23c67f 100644
--- a/layouts/_partials/posts/webmention-likes.html
+++ b/layouts/_partials/posts/webmention-likes.html
@@ -1,11 +1,13 @@
{{ $likes := .likes }}
{{ $page := .page }}
+{{ $othercount := .othercount }}
<section class="mb-6 flex gap-2 items-center">
<div class="flex gap-1 group relative items-center">
<button data-tooltip id="action-area-btn" title="{{ T "actionMenu.interact" }}" class="m-0 p-0 bg-transparent hover:no-underline cursor-pointer">
<div class="w-5 h-5 bg-neutral-200 dark:bg-neutral-600 flex justify-center items-center rd-full font-800">+</div>
</button>
+
<!-- Action Area -->
<div id="action-area" class="hidden absolute top-7 left-0 z-50 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 rd-md shadow-lg p-4 w-80">
<div class="grid grid-cols-2 gap-4">
@@ -29,6 +31,11 @@
</a>
{{ end }}
</div>
- <p class="text-secondary m-0 text-sm">{{ printf (T "webmention.likedBy") (len $likes ) }}</p>
+ <p class="text-secondary m-0 text-sm">
+ {{ printf (T "webmention.likedBy") (len $likes ) }}
+ {{ if gt $othercount 0 }}
+ <a id="toggle-webmentions" class="cursor-pointer" onclick="document.getElementById('webmention-collapse').classList.toggle('hidden')">{{ printf (T "webmention.repliedAndMentionedBy") $othercount }}</a>
+ {{ end }}
+ </p>
</section>