add launguage selector to web page (only visual)

This commit is contained in:
RubenPX 2022-02-12 03:29:42 +01:00
parent bb70914066
commit 6b7cad86f2
1 changed files with 54 additions and 11 deletions

View File

@ -55,22 +55,51 @@
{% endfor %} {% endfor %}
</ul> </ul>
{# <!-- user profile menu --> #} {# <!-- user profile menu --> #}
<div id="user-profile-menu" class="mt-5 pt-1 dropdown dropright"> <div id="user-profile-menu" class="mt-5 pt-1">
<button type="button" class="btn nav-link text-light w-100" data-toggle="dropdown"> <button type="button" class="btn nav-link text-light w-100">
<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/>
<i class="fas fa-cog"></i> {% trans "Settings" %} <strong>{{ profile.username }}</strong><br />
</button>
<div class="dropdown-menu"> <div class="dropdown">
<a class="dropdown-item" href="{% url 'musician:profile' %}"><i class="fas fa-user-circle"></i> {% trans 'Profile' %}</a> <a class="btn p-0 text-light" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
<a class="dropdown-item" href="{% url 'musician:billing' %}"><i class="fas fa-receipt"></i> {% trans 'Billing' %}</a> aria-expanded="false">
</div> <i class="fas fa-cog"></i> {% trans "Settings" %}
</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">
<a class="dropdown-item" href="#Select-Lang">{% trans 'English'%}</a>
<a class="dropdown-item" href="#Select-Lang">{% trans 'Català'%}</a>
<a class="dropdown-item" href="#Select-Lang">{% trans 'Español'%}</a>
</div>
</div>
</button>
</div> </div>
<div class="sidebar-logout"> <div class="sidebar-logout">
<ul class="nav flex-column"> <ul class="nav flex-row">
<li class="nav-item text-right"> <li class="nav-item btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#helpModal">
<a class="nav-link text-light" href="#">
<i class="far fa-question-circle"></i>
</a>
</li>
<li class="nav-item text-right flex-grow-1">
<a class="nav-link text-light" href="{% url 'musician:logout' %}"> <a class="nav-link text-light" href="{% url 'musician:logout' %}">
{% trans 'Log out' %} {% trans 'Log out' %}
<i class="fas fa-power-off"></i> <i class="fas fa-power-off"></i>
@ -100,6 +129,20 @@
</div><!-- ./content --> </div><!-- ./content -->
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- Help Modal -->
<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<span class="text-center m-auto">Do you need help? Write to <a href="mailto:suport@pangea.org" target="_blank">suport@pangea.org</a></span>
<button type="button" class="close m-0 pb-1" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
</div>
</div>
{% block script %} {% block script %}
<script src="{% static "musician/js/jquery-3.3.1.slim.min.js" %}"></script> <script src="{% static "musician/js/jquery-3.3.1.slim.min.js" %}"></script>
<script src="{% static "musician/js/popper.min.js" %}"></script> <script src="{% static "musician/js/popper.min.js" %}"></script>