From 6573d25dd3f601d017c3823a9796a77f54d7f614 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Wed, 1 Jan 2025 12:01:51 +1300
Subject: [PATCH] improve mobile navigation in communities

---
 app/templates/_side_pane.html                 |  4 +--
 app/templates/community/_community_nav.html   | 27 +++++++++++++++++--
 .../community_moderate_subscribers.html       |  2 +-
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/app/templates/_side_pane.html b/app/templates/_side_pane.html
index dfdcd368..d067159a 100644
--- a/app/templates/_side_pane.html
+++ b/app/templates/_side_pane.html
@@ -20,14 +20,14 @@
                     {% endif -%}
                 </div>
                 <form method="get" action="/search">
-                    <input type="search" name="q" class="form-control mt-2" placeholder="{{ _('Search this community') }}" />
+                    <input type="search" id="search_community" name="q" class="form-control mt-2" placeholder="{{ _('Search this community') }}" />
                     <input type="hidden" name="community" value="{{ community.id }}">
                 </form>
             </div>
         </div>
     {% endblock %}
     {% block about_community %}
-        <div class="card mt-3">
+        <div class="card mt-3" id="about_community">
             <div class="card-header">
                  <h2>{{ community.title }}</h2>
             </div>
diff --git a/app/templates/community/_community_nav.html b/app/templates/community/_community_nav.html
index 39c30b98..d8b4d20e 100644
--- a/app/templates/community/_community_nav.html
+++ b/app/templates/community/_community_nav.html
@@ -1,8 +1,31 @@
 {% if community %}
     {% if not community.restricted_to_mods or (community.restricted_to_mods and current_user.is_authenticated and community_membership(current_user, community) in [SUBSCRIPTION_MODERATOR, SUBSCRIPTION_OWNER]) %}
         <div class="mobile_create_post d-md-none mt-1">
-
-            <a class="btn btn-primary" href="/community/{{ community.link() }}/submit">{{ _('Create post') }}</a>
+            <div class="dropdown">
+                <button class="btn btn-primary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    {{ _('Actions') }}
+                </button>
+                <ul class="dropdown-menu">
+                    <li><a class="dropdown-item" href="/community/{{ community.link() }}/submit">{{ _('Create post') }}</a></li>
+                    <li><a class="dropdown-item" href="#search_community">{{ _('Search') }}</a></li>
+                    <li><a class="dropdown-item" href="#about_community">{{ _('About community') }}</a></li>
+                    <div class="dropdown-divider"></div>
+                    {% if current_user.is_authenticated and community_membership(current_user, community) in [SUBSCRIPTION_MEMBER, SUBSCRIPTION_MODERATOR, SUBSCRIPTION_OWNER] -%}
+                        <li><a class="dropdown-item" href="/community/{{ community.link() }}/unsubscribe" rel="nofollow">{{ _('Leave') }}</a></li>
+                    {% elif current_user.is_authenticated and community_membership(current_user, community) == SUBSCRIPTION_PENDING -%}
+                        <li><a class="dropdown-item" href="/community/{{ community.link() }}/unsubscribe" rel="nofollow">{{ _('Pending') }}</a></li>
+                    {% else -%}
+                        <li><a class="dropdown-item" href="/community/{{ community.link() }}/subscribe" rel="nofollow">{{ _('Join') }}</a></li>
+                    {% endif -%}
+                    {% if is_moderator or is_owner or is_admin -%}
+                    <div class="dropdown-divider"></div>
+                    <li><a class="dropdown-item" href="/community/{{ community.link() }}/moderate">{{ _('Moderate') }}</a></li>
+                    {% endif -%}
+                    {% if is_owner or is_admin -%}
+                        <li><a class="dropdown-item" href="{{ url_for('community.community_edit', community_id=community.id) }}">{{ _('Settings') }}</a></li>
+                    {% endif -%}
+                </ul>
+            </div>
         </div>
     {% endif %}
 {% endif %}
diff --git a/app/templates/community/community_moderate_subscribers.html b/app/templates/community/community_moderate_subscribers.html
index 1d4ecd7e..b77625c8 100644
--- a/app/templates/community/community_moderate_subscribers.html
+++ b/app/templates/community/community_moderate_subscribers.html
@@ -47,7 +47,7 @@
                         <td>
                             <div class="dropdown">
                               <button class="btn btn-primary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                                Actions
+                                {{ _('Actions') }}
                               </button>
                               <ul class="dropdown-menu">
                                 {% if user.is_local() %}<li><a class="dropdown-item" href="/chat/{{ user.id }}/new">Send Message</a></li>{% endif %}