From 57a3f1b0bd97962fcd0c024b6e08859770fcd660 Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Mon, 11 Jan 2016 16:35:45 -0300
Subject: [PATCH] Display profile information in navbar

---
 gulp/server.js                        |  1 +
 src/app/components/navbar/navbar.html | 24 +++++++++++++++++++++++-
 src/app/components/navbar/navbar.scss | 19 +++++++++++++++++--
 3 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/gulp/server.js b/gulp/server.js
index 54adfa5..8a0ae69 100644
--- a/gulp/server.js
+++ b/gulp/server.js
@@ -29,6 +29,7 @@ function browserSyncInit(baseDir, browser) {
   server.middleware = [proxyMiddleware('http://localhost:3000/api', {changeOrigin:true}),
                        proxyMiddleware('http://localhost:3000/myprofile', {changeOrigin:true}),
                        proxyMiddleware('http://localhost:3000/designs', {changeOrigin:true}),
+                       proxyMiddleware('http://localhost:3000/image_uploads', {changeOrigin:true}),
                        proxyMiddleware('http://localhost:3000/images', {changeOrigin:true})];
                       //  proxyMiddleware('http://localhost:3000/assets', {changeOrigin:true})];
 
diff --git a/src/app/components/navbar/navbar.html b/src/app/components/navbar/navbar.html
index bfc1fd6..9d66e98 100644
--- a/src/app/components/navbar/navbar.html
+++ b/src/app/components/navbar/navbar.html
@@ -12,7 +12,29 @@
       </ul>
 
       <ul class="nav navbar-nav navbar-right">
-        <li><a ng-href="#" ng-show="!vm.currentUser" ng-click="vm.openLogin()">Login</a></li>
+        <li ng-show="!vm.currentUser">
+          <a ng-href="#" ng-click="vm.openLogin()">Login</a>
+        </li>
+
+        <li class="dropdown profile-menu" ng-show="vm.currentUser" dropdown>
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" dropdown-toggle>
+            <i ng-if="!vm.currentUser.person.image" class="fa fa-user"></i>
+            <img ng-if="vm.currentUser.person.image" ng-src="{{vm.currentUser.person.image.url}}" class="profile-image">
+            <span ng-bind="vm.currentUser.person.name"></span> <b class="caret"></b>
+          </a>
+          <ul class="dropdown-menu" dropdown-menu>
+              <li>
+                  <a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
+              </li>
+              <li>
+                  <a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
+              </li>
+              <li class="divider"></li>
+              <li>
+                  <a href="#" ng-click="vm.logout()"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
+              </li>
+          </ul>
+        </li>
       </ul>
     </div>
   </div>
diff --git a/src/app/components/navbar/navbar.scss b/src/app/components/navbar/navbar.scss
index 06522d4..889adfd 100644
--- a/src/app/components/navbar/navbar.scss
+++ b/src/app/components/navbar/navbar.scss
@@ -1,3 +1,18 @@
-.noosfero-logo img {
-  height: 35px;
+.navbar {
+
+  .noosfero-logo img {
+    height: 35px;
+  }
+
+  .navbar-nav {
+    .profile-menu .profile-image {
+      height: 30px;
+      width: 30px;
+      @extend .img-circle;
+    }
+
+    .profile-menu a {
+      padding: 10px 15px;
+    }
+  }
 }
--
libgit2 0.21.2