add help link to vertical panel

This commit is contained in:
RubenPX 2022-02-12 01:53:48 +01:00
parent bb70914066
commit 90b0956f71
1 changed files with 21 additions and 2 deletions

View File

@ -69,8 +69,13 @@
</div>
<div class="sidebar-logout">
<ul class="nav flex-column">
<li class="nav-item text-right">
<ul class="nav flex-row">
<li class="nav-item btn btn-primary" 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' %}">
{% trans 'Log out' %}
<i class="fas fa-power-off"></i>
@ -100,6 +105,20 @@
</div><!-- ./content -->
</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 %}
<script src="{% static "musician/js/jquery-3.3.1.slim.min.js" %}"></script>
<script src="{% static "musician/js/popper.min.js" %}"></script>