create member-stats directive

app/coffee/modules/team/main.coffee

@@ -137,22 +137,11 @@ TeamFiltersDirective = () ->
 module.directive("tgTeamFilters", [TeamFiltersDirective])
 
 #############################################################################
-## Team Members Directive
+## Team Member Stats Directive
 #############################################################################
 
-TeamMembersDirective = () ->
+TeamMemberStatsDirective = () ->
     template = """
-        <div class="row" ng-repeat="user in memberships | filter:filtersQ | filter:{role: filtersRole.id}">
-            <div class="username">
-                <figure class="avatar">
-                    <img tg-bo-src="user.photo", tg-bo-alt="user.full_name" />
-                    <figcaption>
-                        <span class="name" tg-bo-bind="user.full_name"></span>
-                        <span class="position" tg-bo-bind="user.role_name"></span>
-                        <tg-leave-project ng-if="currentUser"></tg-leave-project>
-                    </figcaption>
-                </figure>
-            </div>
         <div class="attribute">
             <span class="icon icon-briefcase" ng-style="{'opacity': stats.closed_bugs[user.user]}" ng-class="{'top': stats.closed_bugs[user.user] == 1}"></span>
         </div>
@@ -171,19 +160,67 @@ TeamMembersDirective = () ->
         <div class="attribute">
             <span class="points"></span>
         </div>
+    """
+    return {
+        template: template
+    }
+
+module.directive("tgTeamMemberStats", TeamMemberStatsDirective)
+
+#############################################################################
+## Team Member Directive
+#############################################################################
+
+TeamMemberCurrentUserDirective = () ->
+    template = """
+        <div class="row">
+            <div class="username">
+                <figure class="avatar">
+                    <img tg-bo-src="currentUser.photo", tg-bo-alt="currentUser.username" />
+                    <figcaption>
+                        <span class="name" tg-bo-bind="currentUser.username"></span>
+                        <div tg-leave-project></div>
+                    </figcaption>
+                </figure>
+            </div>
+            <div class="member-stats" tg-team-member-stats></div>
         </div>
     """
     return {
-        link: (scope) ->
+        template: template
-            if not _.isArray(scope.memberships)
+        scope: {
-                scope.memberships = [scope.memberships]
+            currentUser: "=currentuser",
+            stats: "="
+        }
+    }
 
+module.directive("tgTeamCurrentUser", TeamMemberCurrentUserDirective)
+
+#############################################################################
+## Team Members Directive
+#############################################################################
+
+TeamMembersDirective = () ->
+    template = """
+        <div class="row member" ng-repeat="user in memberships | filter:filtersQ | filter:{role: filtersRole.id}">
+            <div class="username">
+                <figure class="avatar">
+                    <img tg-bo-src="user.photo", tg-bo-alt="user.full_name" />
+                    <figcaption>
+                        <span class="name" tg-bo-bind="user.full_name"></span>
+                        <span class="position" tg-bo-bind="user.role_name"></span>
+                    </figcaption>
+                </figure>
+            </div>
+            <div class="member-stats" tg-team-member-stats></div>
+        </div>
+    """
+    return {
         template: template
         scope: {
             memberships: "=",
             filtersQ: "=filtersq",
             filtersRole: "=filtersrole",
-            currentUser: "@currentuser",
             stats: "="
         }
     }
@@ -208,8 +245,6 @@ LeaveProjectDirective = ($repo, $confirm, $location) ->
                     console.log "TODO"
     return {
         scope: {},
-        restrict: "EA",
-        replace: true,
         template: template,
         link: link
     }

app/partials/views/modules/team/team-table.jade

@@ -26,7 +26,7 @@ section.table-team.basic-table
             div.popover.attribute-explanation
                 span How far did you go into this Taiga?
 
-    div.hero(tg-team-members, memberships="currentUser" currentuser=true)
+    div.hero(tg-team-current-user, currentuser="currentUser")
 
 h2
     span Team >

app/styles/modules/admin/admin-membership-table.scss

@@ -90,7 +90,6 @@
     .header-status {
         @include table-flex-child(1, 50px, 0);
     }
-
     .check {
         background-color: darken($whitish, 10%);
         border-radius: 2px;

app/styles/modules/team/team-table.scss

@@ -5,6 +5,10 @@
     .username {
         @include table-flex-child(3, 0, 0);
     }
+    .member-stats {
+        @include table-flex(stretch, center, flex, row, wrap, flex-start);
+        @include table-flex-child(6, 0, 0);
+    }
     .attribute {
         @include table-flex-child(1, 0, 0);
         position: relative;