688cd91e83
places that use the PERMS constant do it and this way makes it clearer what admin level is required to perform an action.
53 lines
2.5 KiB
HTML
53 lines
2.5 KiB
HTML
<div class="container d-inline-flex d-lg-none">
|
|
|
|
<div class="row fixed-bottom bg-white border-top p-2" id="mobile-bottom-navigation-bar"
|
|
style="z-index: 100; bottom: 0px; transition: bottom cubic-bezier(0, 0, 0.2, 1) 220ms;">
|
|
|
|
<button class="col px-0 ml-3 btn btn-dead m-0" style="background: None !important; border: None;">
|
|
<a href="/" class="text-decoration-none" role="button">
|
|
<div class="text-center {% if request.path=='/' and request.full_path!='/?sort=hot&t=all' and request.full_path!='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}">
|
|
<i class="fas fa-home-alt text-lg"></i>
|
|
<div class="text-small">Home</div>
|
|
</div>
|
|
</a>
|
|
</button>
|
|
<button class="col px-0 btn btn-dead m-0" style="background: None !important; border: None;">
|
|
<a href="/?sort=new&t=all" class="text-decoration-none" role="button">
|
|
<div class="text-center {% if request.full_path=='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}">
|
|
<i class="fas fa-sparkles text-lg"></i>
|
|
<div class="text-small">New</div>
|
|
</div>
|
|
</a>
|
|
</button>
|
|
<button class="col px-2 btn btn-dead m-0" style="background: None !important; border: None;">
|
|
<a href="/comments" class="text-decoration-none" role="button">
|
|
<div class="text-center {% if request.path=='/comments' %}text-primary{% else %}text-muted{% endif %}">
|
|
<i class="fas fa-comment-dots text-lg"></i>
|
|
<div class="text-small">Comments</div>
|
|
</div>
|
|
</a>
|
|
</button>
|
|
{% if v and v.admin_level >= 2 %}
|
|
<button class="col px-0 btn btn-dead m-0" style="background: None !important; border: None;">
|
|
<a href="/leaderboard" class="text-decoration-none" role="button">
|
|
<div class="text-center {% if request.path=='/leaderboard' %}text-primary{% else %}text-muted{% endif %}">
|
|
<i class="fas fa-trophy text-lg"></i>
|
|
<div class="text-small">Users</div>
|
|
</div>
|
|
</a>
|
|
</button>
|
|
{% endif %}
|
|
{% if not v %}
|
|
<button class="col px-0 mr-3 btn btn-dead m-0" style="background: None !important; border: None;">
|
|
<a href="/signup" class="text-decoration-none" role="button">
|
|
<div class="text-center text-muted">
|
|
<i class="fas fa-user-plus text-lg"></i>
|
|
<div class="text-small">Sign Up</div>
|
|
</div>
|
|
</a>
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ 'js/mobile_navigation_bar.js' | asset }}"></script>
|