Fix duplicate menus in moderation dashboard:

- Move navigation to separate moderation_nav.html partial
- Include navigation only once in dashboard.html base template
- Remove duplicate navigation from child templates
This commit is contained in:
pacnpal
2024-11-13 17:09:22 +00:00
parent 177117f4d6
commit 09ee45f6c7
2 changed files with 42 additions and 39 deletions

View File

@@ -164,49 +164,14 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="moderation-nav"> {% include "moderation/partials/moderation_nav.html" %}
<div class="moderation-nav-container">
<ul>
<li>
<a href="{% url 'moderation:dashboard' %}"
class="{% if request.resolver_match.url_name == 'dashboard' %}active{% endif %}"
hx-get="{% url 'moderation:dashboard' %}"
hx-target="#submissions-content"
hx-push-url="true">
<i class="fas fa-tachometer-alt"></i>
Dashboard
</a>
</li>
<li>
<a href="{% url 'moderation:edit_submissions' %}"
class="{% if request.resolver_match.url_name == 'edit_submissions' %}active{% endif %}"
hx-get="{% url 'moderation:edit_submissions' %}"
hx-target="#submissions-content"
hx-push-url="true">
<i class="fas fa-edit"></i>
Edit Submissions
</a>
</li>
<li>
<a href="{% url 'moderation:photo_submissions' %}"
class="{% if request.resolver_match.url_name == 'photo_submissions' %}active{% endif %}"
hx-get="{% url 'moderation:photo_submissions' %}"
hx-target="#submissions-content"
hx-push-url="true">
<i class="fas fa-image"></i>
Photo Submissions
</a>
</li>
</ul>
</div>
</div>
<div class="moderation-content"> <div class="moderation-content">
{% block moderation_content %}
<div id="submissions-content"> <div id="submissions-content">
{% include "moderation/partials/submission_list.html" %} {% block moderation_content %}
{% include "moderation/partials/dashboard_content.html" %}
{% endblock %}
</div> </div>
{% endblock %}
</div> </div>
<div id="loading-indicator" <div id="loading-indicator"

View File

@@ -0,0 +1,38 @@
{% load static %}
<div class="moderation-nav">
<div class="moderation-nav-container">
<ul>
<li>
<a href="{% url 'moderation:dashboard' %}"
class="{% if request.resolver_match.url_name == 'dashboard' %}active{% endif %}"
hx-get="{% url 'moderation:dashboard' %}"
hx-target="#submissions-content"
hx-push-url="true">
<i class="fas fa-tachometer-alt"></i>
Dashboard
</a>
</li>
<li>
<a href="{% url 'moderation:edit_submissions' %}"
class="{% if request.resolver_match.url_name == 'edit_submissions' %}active{% endif %}"
hx-get="{% url 'moderation:edit_submissions' %}"
hx-target="#submissions-content"
hx-push-url="true">
<i class="fas fa-edit"></i>
Edit Submissions
</a>
</li>
<li>
<a href="{% url 'moderation:photo_submissions' %}"
class="{% if request.resolver_match.url_name == 'photo_submissions' %}active{% endif %}"
hx-get="{% url 'moderation:photo_submissions' %}"
hx-target="#submissions-content"
hx-push-url="true">
<i class="fas fa-image"></i>
Photo Submissions
</a>
</li>
</ul>
</div>
</div>