add launguage selector to web page (only visual)
This commit is contained in:
parent
bb70914066
commit
6b7cad86f2
|
@ -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">×</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>
|
||||||
|
|
Loading…
Reference in New Issue