Added user drop-down menu.

billosys · May 23, 2017 · 0d804f2 · 0d804f2
1 parent 9f902b2
commit 0d804f2
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/resources/public/css/timi.css b/resources/public/css/timi.css
@@ -13,6 +13,15 @@ main {
   font-size: 225%;
 }
 
+.navbar .dropdown img {
+  max-width:20px;
+  max-height:20px;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+}
+
 .nav-tabs > li {
   font-size: 100%;
 }

diff --git a/resources/templates/header.html b/resources/templates/header.html
@@ -13,7 +13,24 @@
       </ul>
 
       <ul class="nav navbar-nav navbar-right">
-        <li><a href="#">Logged in as <strong>{{identity.username}}</strong></a></li>
+        <li class="dropdown">
+          <a href="#"
+             class="dropdown-toggle"
+             data-toggle="dropdown"
+             role="button"
+             aria-expanded="false"><img src="{{ identity.avatar_url }}"/><span class="caret"></span></a>
+          <ul class="dropdown-menu" role="menu">
+            <li>
+              <a href="#">
+                <strong>{{ identity.username }}</strong>
+                ({{ identity.login }})
+              </a></li>
+            <li><a href="/user/settings">User Settings</a></li>
+            <li class="divider"></li>
+            <li><a href="/logout">Logout</a></li>
+          </ul>
+        </li>
+        <li><a href="#"></a></li>
       </ul>
 
     </div>