[UI][LEFT] Add link to settings on avatar and personal info

This commit is contained in:
Hugo Sales 2020-08-15 06:28:47 +00:00 committed by Hugo Sales
parent c8e8f1f057
commit 3c67773e59
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0

View File

@ -8,72 +8,76 @@
{% endblock %} {% endblock %}
{% block left %} {% block left %}
{% if app.user %} {% if app.user %}
<div id='left-panel'> <div id='left-panel'>
<input type="checkbox" id="toggle" autofocus> <input type="checkbox" id="toggle" autofocus>
<div class="icon-menu"> <div class="icon-menu">
<label for="toggle" id='menu' tabindex="0"></label> <label for="toggle" id='menu' tabindex="0"></label>
</div> </div>
<div class='navbar'> <div class='navbar'>
<div class="left-nav"> <div class="left-nav">
<hr> <hr>
<div class='profile'> <div class='profile'>
<img src='{{ user_avatar }}' alt="Your avatar." class="icon icon-avatar"> <a href="{{ path('settings_avatar') }}">
<div class="info"> <img src='{{ user_avatar }}' alt="Your avatar." class="icon icon-avatar">
<b id="nick">{{ user_nickname }}</b> </a>
<div class="tags"> <a href="{{ path('settings_personal_info') }}">
{% for tag in user_tags %} <div class="info">
<i> {{ tag }} </i> <b id="nick">{{ user_nickname }}</b>
{% endfor %} <div class="tags">
</div> {% for tag in user_tags %}
<div class="stats"> <i> {{ tag }} </i>
<span> {% endfor %}
<b>1337</b>
Followers</span>
<span>
<b>42</b>
Following</span>
</div>
</div>
</div> </div>
<a href='#'>Bookmarks</a> <div class="stats">
<a href='#'>Happenings</a> <span>
<a href='#'>Messages</a> <b>1337</b>
<a href='#'>Replies</a> Followers</span>
<a href='#'>Favourites</a> <span>
<a href='#'>Reverse Favs</a> <b>42</b>
<a href="{{ path('settings_personal_info') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_' %}active{% endif %}'>Settings</a> Following</span>
<a href='#'>Logout</a> </div>
</div> </div>
<div class="footer"> </a>
<a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>FAQ</a> </div>
<a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>TOS</a> <a href='#'>Bookmarks</a>
<a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>Privacy</a> <a href='#'>Happenings</a>
<a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>Source</a> <a href='#'>Messages</a>
<a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>Version</a> <a href='#'>Replies</a>
</div> <a href='#'>Favourites</a>
</div> <a href='#'>Reverse Favs</a>
<a href="{{ path('settings_personal_info') }}" class='hover-effect {% if app.request.attributes.get('_route') starts with 'settings_' %}active{% endif %}'>Settings</a>
<a href='#'>Logout</a>
</div>
<div class="footer">
<a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>FAQ</a>
<a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>TOS</a>
<a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>Privacy</a>
<a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>Source</a>
<a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>Version</a>
</div>
</div> </div>
{% else %} </div>
<div id='left-panel'> {% else %}
<input type="checkbox" id="toggle"> <div id='left-panel'>
<div class="icon-menu"> <input type="checkbox" id="toggle">
<label for="toggle" id='menu'></label> <div class="icon-menu">
</div> <label for="toggle" id='menu'></label>
<div class='navbar'>
<div class="left-nav">
<a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a>
<a href="{{ path('register') }}">Register</a>
</div>
<div class="footer">
<a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>FAQ</a>
<a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>TOS</a>
<a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>Privacy</a>
<a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>Source</a>
<a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>Version</a>
</div>
</div>
</div> </div>
{% endif %} <div class='navbar'>
<div class="left-nav">
<a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a>
<a href="{{ path('register') }}">Register</a>
</div>
<div class="footer">
<a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>FAQ</a>
<a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>TOS</a>
<a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>Privacy</a>
<a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>Source</a>
<a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>Version</a>
</div>
</div>
</div>
{% endif %}
{% endblock %} {% endblock %}