Move language selector to bottom of the sidebar

This commit is contained in:
Santiago L 2022-02-28 19:01:32 +01:00
parent 249a1182d4
commit 66530351ad
1 changed files with 21 additions and 34 deletions

View File

@ -55,45 +55,21 @@
{% endfor %} {% endfor %}
</ul> </ul>
{# <!-- user profile menu --> #} {# <!-- user profile menu --> #}
<div id="user-profile-menu" class="mt-5 pt-1"> <div id="user-profile-menu" class="mt-5 pt-1 dropdown dropright">
<button type="button" class="btn nav-link text-light w-100"> <button type="button" class="btn nav-link text-light w-100" data-toggle="dropdown">
<img id="user-avatar" class="float-right" width="64" height="64" src="{% static "musician/images/default-profile-picture.png" %}" alt="user-profile-picture"/> <img id="user-avatar" class="float-right" width="64" height="64" src="{% static "musician/images/default-profile-picture.png" %}" alt="user-profile-picture"/>
<strong>{{ profile.username }}</strong><br/>
<strong>{{ profile.username }}</strong><br /> <i class="fas fa-cog"></i> {% trans "Settings" %}
</button>
<div class="dropdown"> <div class="dropdown-menu">
<a class="btn p-0 text-light" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" <a class="dropdown-item" href="{% url 'musician:profile' %}"><i class="fas fa-user-circle"></i> {% trans 'Profile' %}</a>
aria-expanded="false"> <a class="dropdown-item" href="{% url 'musician:billing' %}"><i class="fas fa-receipt"></i> {% trans 'Billing' %}</a>
<i class="fas fa-cog"></i> {% trans "Settings" %} </div>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="{% url 'musician:profile' %}"><i class="fas fa-user-circle"></i> {% trans 'Profile'%}</a>
<a class="dropdown-item" href="{% url 'musician:billing' %}"><i class="fas fa-receipt"></i> {% trans 'Billing'%}</a>
</div>
</div>
<div class="dropdown">
<a class="btn p-0 text-light" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="fas fa-globe"></i> {% trans "Language" %}
</a>
<div class="dropdown-menu">
{% for code, language in languages %}
<a class="dropdown-item" href="{% url 'musician:profile-set-lang' code %}">{{ language }}</a>
{% endfor %}
</div>
</div>
</button>
</div> </div>
<div class="sidebar-logout"> <div class="sidebar-logout">
<ul class="nav flex-row"> <ul class="nav flex-row">
<li class="nav-item btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#helpModal"> <li class="nav-item btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#helpModal">
@ -111,6 +87,17 @@
</div> </div>
<div class="mt-4 pr-3 pb-2 text-light d-block text-right"> <div class="mt-4 pr-3 pb-2 text-light d-block text-right">
<div class="dropdown">
<a class="btn p-0 text-light" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="fas fa-globe"></i> {% trans "Language" %}
</a>
<div class="dropdown-menu">
{% for code, language in languages %}
<a class="dropdown-item" href="{% url 'musician:profile-set-lang' code %}">{{ language }}</a>
{% endfor %}
</div>
</div>
<small>Panel Version {{ version }}</small> <small>Panel Version {{ version }}</small>
</div> </div>
{% endblock sidebar %} {% endblock sidebar %}