WYGIWYH/app/templates/includes/navbar/user_menu.html

{% load settings %}
{% load i18n %}
<div class="dropdown dropdown-top dropdown-end">
  <div tabindex="0" role="button" class="btn btn-secondary btn-sm">
    <i class="fa-solid fa-cog"></i>
  </div>
  <ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
    <li><a
           hx-get="{% url 'user_settings' %}"
           hx-target="#generic-offcanvas"
           role="button">
      <i class="fa-solid fa-gear me-2 fa-fw"></i>{% translate 'Settings' %}</a></li>
    <li><a
           hx-get="{% url 'user_edit' pk=request.user.id %}"
           hx-target="#generic-offcanvas"
           role="button">
      <i class="fa-solid fa-user me-2 fa-fw"></i>{% translate 'Edit profile' %}</a></li>
    <hr class="my-1 hr">
    {% spaceless %}
    <li>
      <a hx-get="{% url 'toggle_amount_visibility' %}" role="button">
        {% if user.settings.hide_amounts %}
        {% include 'users/generic/show_amounts.html' %}
        {% else %}
        {% include 'users/generic/hide_amounts.html' %}
        {% endif %}
      </a>
    </li>
    {% endspaceless %}
    {% spaceless %}
    <li>
      <a hx-get="{% url 'toggle_sound_playing' %}" role="button">
        {% if user.settings.mute_sounds %}
        {% include 'users/generic/play_sounds.html' %}
        {% else %}
        {% include 'users/generic/mute_sounds.html' %}
        {% endif %}
      </a>
    </li>
    {% endspaceless %}
    <hr class="my-1 hr">
    <li>
      <a hx-get="{% url 'invalidate_cache' %}" role="button">
        <i class="fa-solid fa-broom me-2 fa-fw"></i>{% translate 'Clear cache' %}
      </a>
    </li>
    <li><a href="{% url 'logout' %}"><i class="fa-solid fa-door-open me-2 fa-fw"></i
    >{% translate 'Logout' %}</a></li>
    <hr class="my-1 hr">
    <li><a href="https://github.com/eitchtee/WYGIWYH/releases" target="_blank" rel="nofollow">v. {% settings "APP_VERSION" %}</a></li>
  </ul>
</div>