nitweb: extract user sidebar directive

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>

diff --git a/share/nitweb/directives/user/sidebar.html b/share/nitweb/directives/user/sidebar.html
new file mode 100644 (file)
index 0000000..8a546f9
--- /dev/null
+++ b/share/nitweb/directives/user/sidebar.html
@@ -0,0 +1,15 @@
+<div>
+       <img class='avatar' width='100%' src='{{user.avatar_url}}' />
+       <h1>{{user.login}}</h1>
+       <h3>{{user.name}}</h3>
+       <ul class='list-unstyled'>
+               <li>
+                       <span class='glyphicon glyphicon-envelope' />
+                       <a href='mailto:{{user.email}}'>{{user.email}}</a>
+               </li>
+               <li>
+                       <span class='glyphicon glyphicon-link' />
+                       <a href='{{user.blog}}'>{{user.blog}}</a>
+               </li>
+       </ul>
+</div>

diff --git a/share/nitweb/javascripts/users.js b/share/nitweb/javascripts/users.js
index b9c077a..bd446b7 100644 (file)
--- a/share/nitweb/javascripts/users.js
+++ b/share/nitweb/javascripts/users.js
@@ -39,7 +39,7 @@
                        this.loadGrades();
                }])
 
-               .directive('userMenu', ['User', function(User) {
+               .directive('userMenu', ['User', '$rootScope', function(User, $rootScope) {
                        return {
                                restrict: 'E',
                                templateUrl: '/directives/user/user-menu.html',
@@ -47,7 +47,7 @@
                                        $scope.loadUser = function() {
                                                User.loadUser(
                                                        function(data) {
-                                                               $scope.user = data;
+                                                               $rootScope.user = data;
                                                        }, function(err) {
                                                                //$scope.error = err;
                                                        });
@@ -56,4 +56,11 @@
                                }
                        };
                }])
+
+               .directive('userSidebar', ['User', '$rootScope', function(User, $rootScope) {
+                       return {
+                               restrict: 'E',
+                               templateUrl: '/directives/user/sidebar.html',
+                       };
+               }])
 })();

diff --git a/share/nitweb/views/user.html b/share/nitweb/views/user.html
index c9f10f5..b1d947c 100644 (file)
--- a/share/nitweb/views/user.html
+++ b/share/nitweb/views/user.html
@@ -1,18 +1,6 @@
-<div class='container'>
-       <div class='col-xs-4'>
-               <img class='avatar' width='100%' src='{{user.avatar_url}}' />
-               <h1>{{user.login}}</h1>
-               <h3>{{user.name}}</h3>
-               <ul class='list-unstyled'>
-                       <li>
-                               <span class='glyphicon glyphicon-envelope' />
-                               <a href='mailto:{{user.email}}'>{{user.email}}</a>
-                       </li>
-                       <li>
-                               <span class='glyphicon glyphicon-link' />
-                               <a href='{{user.blog}}'>{{user.blog}}</a>
-                       </li>
-               </ul>
+<div class='container-fluid'>
+       <div class='col-xs-3'>
+               <user-sidebar />
        </div>
        <div class='col-xs-8'>
                <h4>Your grades</h4>