From 8714144b32475dffaf8fc631c1b798c7f269eced Mon Sep 17 00:00:00 2001
From: freamon <adslater@gmail.com>
Date: Sun, 12 Jan 2025 12:09:16 +0000
Subject: [PATCH] HTMX drop-down for available cross posts

---
 app/templates/post/_post_full.html       | 18 ++++++++++---
 app/templates/post/post_cross_posts.html | 32 ++++++------------------
 2 files changed, 23 insertions(+), 27 deletions(-)

diff --git a/app/templates/post/_post_full.html b/app/templates/post/_post_full.html
index 188a82e1..bb343f60 100644
--- a/app/templates/post/_post_full.html
+++ b/app/templates/post/_post_full.html
@@ -170,9 +170,21 @@
         </div>
         {% if post.cross_posts -%}
         <div class="cross_post_button">
-            <a href="{{ url_for('post.post_cross_posts', post_id=post.id) }}" aria-label="{{ _('Show cross-posts') }}"
-               title="{{ _('Show cross-posts') }}"><span class="fe fe-layers"></span>
-            <span aria-label="{{ _('Number of cross-posts:') }}">{{ len(post.cross_posts) }}</span></a>
+            <div class="dropdown">
+                <a href="{{ url_for('post.post_cross_posts', post_id=post.id) }}" aria-label="{{ _('Show cross-posts') }}"
+                   title="{{ _('Show cross-posts') }}" data-bs-toggle="dropdown" rel="nofollow">
+                   <span class="fe fe-layers"></span>
+                   <span aria-label="{{ _('Number of cross-posts:') }}">{{ len(post.cross_posts) }}</span>
+                </a>
+                <ul class="dropdown-menu" style="width: 380px; white-space: nowrap; overflow: hidden">
+                    <div
+                        hx-get="{{ url_for('post.post_cross_posts', post_id=post.id) }}"
+                        hx-trigger="intersect once"
+                        hx-target="this"
+                        hx-swap="outerHTML"
+                    ></div>
+                </ul>
+            </div>
         </div>
         {% endif -%}
         <div class="notify_toggle pull-right">
diff --git a/app/templates/post/post_cross_posts.html b/app/templates/post/post_cross_posts.html
index 52acd590..131bdf9c 100644
--- a/app/templates/post/post_cross_posts.html
+++ b/app/templates/post/post_cross_posts.html
@@ -1,24 +1,8 @@
-{% if theme() and file_exists('app/templates/themes/' + theme() + '/base.html') %}
-    {% extends 'themes/' + theme() + '/base.html' %}
-{% else %}
-    {% extends "base.html" %}
-{% endif %}
-{% from 'bootstrap/form.html' import render_form %}
-
-{% block app_content %}
-    <div class="row">
-        <div class="col col-login mx-auto">
-                    <h3 class="mt-2 post_title">{{ _('Cross-posts for "%(post_title)s"', post_title=post.title) }}</h3>
-                    <p>{{ _('Posts to the same url have also been created in the following communities:') }}</p>
-                    <ul class="cross_post_list">
-                        {% for cross_post in cross_posts %}
-                            <li><a href="{{ url_for('activitypub.post_ap', post_id=cross_post.id) }}">
-                                {{ cross_post.community.title }}@{{ cross_post.community.ap_domain }}</a>
-                                <span class="fe fe-reply"></span>
-                                <span>{{ cross_post.reply_count }}</span>
-                            </li>
-                        {% endfor %}
-                    </ul>
-        </div>
-    </div>
-{% endblock %}
+{% for cross_post in cross_posts %}
+  <li class="dropdown-item">
+    <a href="{{ url_for('activitypub.post_ap', post_id=cross_post.id) }}" class="no-underline" rel="nofollow">
+      <span class="fe fe-reply"></span>{{ cross_post.reply_count }} |
+      {{ cross_post.community.name }}@{{ cross_post.community.ap_domain }}
+    </a>
+  </li>
+{% endfor %}