diff --git a/app/static/images/account_circle.png b/app/static/images/account_circle.png new file mode 100755 index 0000000000000000000000000000000000000000..268736d3ec54f282f7dd86442f105332bd885700 Binary files /dev/null and b/app/static/images/account_circle.png differ diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2 index f666c51a4e6ecd450abb5870f183ef65b5bf2ba1..9fbc8f7a1399d0d7d6fdbbcc10fe4bf7ff6093b1 100644 --- a/app/templates/base.html.j2 +++ b/app/templates/base.html.j2 @@ -28,7 +28,7 @@ </ul> <nav> <div class="nav-wrapper"> - <a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">cloud</i> Opaque</a> + <a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">opacity</i>Opaque</a> <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a> <ul class="right hide-on-med-and-down"> <li><a id="nav-notifications" class="dropdown-trigger" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li> @@ -38,8 +38,32 @@ </nav> <ul id="slide-out" class="sidenav sidenav-fixed"> - <li><a href="{{ url_for('main.index') }}">Opaque</a></li> - <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i> Settings</a></li> + <li> + <div class="user-view"> + <div class="background" style="background-color: #ee6e73;"></div> + <a href="#user"><img class="circle" src="{{ url_for('static', filename='images/account_circle.png') }}"></a> + <a href="#name"> + <span class="white-text name"> + {% if current_user.is_authenticated %} + {{ current_user.username }} + {% else %} + Unknown + {% endif %} + </span> + </a> + <a href="#email"> + <span class="white-text email"> + {% if current_user.is_authenticated %} + {{ current_user.email }} + {% else %} + Unknown + {% endif %} + </span> + </a> + </div> + </li> + <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>Opaque</a></li> + <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li> </ul> </header>