Team Filters module

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

@@ -0,0 +1,40 @@
+section.team-filters
+    div.team-filters-inner
+        header
+            h1 filters
+
+        form.search-in
+            fieldset
+                input(type="text", placeholder="Search by username or role...")
+                a.icon.icon-search(href="", title="search")
+
+        nav
+            ul
+                li
+                    a(href="", title="")
+                        span.title Team
+                        span.icon.icon-arrow-right
+                li
+                    a(href="", title="")
+                        span.title UX
+                        span.icon.icon-arrow-right
+                li
+                    a(href="", title="")
+                        span.title Design
+                        span.icon.icon-arrow-right
+                li
+                    a(href="", title="")
+                        span.title Front
+                        span.icon.icon-arrow-right
+                li
+                    a(href="", title="")
+                        span.title Back
+                        span.icon.icon-arrow-right
+                li
+                    a(href="", title="")
+                        span.title Product Owner
+                        span.icon.icon-arrow-right
+                li
+                    a(href="", title="")
+                        span.title StakeHolders
+                        span.icon.icon-arrow-right

app/partials/views/team/team.jade

@@ -5,4 +5,6 @@ block head
 
 block content
     div.wrapper(ng-controller="TeamController as ctrl", ng-init="section='team'")
-        div Team
+        sidebar.menu-secondary
+            include ../modules/team/team-filters
+        section.main.backlog

app/styles/extras/dependencies.scss

@@ -1,9 +1,9 @@
 // Bourbon
 $prefix-for-webkit:    true;
 $prefix-for-mozilla:   true;
-$prefix-for-microsoft: true;
+//$prefix-for-microsoft: true;
-$prefix-for-opera:     true;
+//$prefix-for-opera:     true;
-$prefix-for-spec:      true;
+//$prefix-for-spec:      true;
 @import '../bourbon/bourbon';
 
 //#################################################

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

@@ -0,0 +1,36 @@
+.team-filters {
+    .search-in {
+        margin-bottom: 1rem;
+        position: relative;
+    }
+    nav {
+        li {
+            @extend %larger;
+            @extend %title;
+            border-bottom: 1px solid $gray-light;
+            text-transform: uppercase;
+            &:last-child {
+                border-bottom: 0;
+            }
+        }
+        a {
+            display: block;
+            padding: 1rem 0 1rem 1rem;
+            &:hover {
+                .icon {
+                    @include transition (opacity .3s linear);
+                    opacity: 1;
+                }
+            }
+        }
+        .active {
+            @include transition (opacity .3s linear);
+            opacity: 1;
+        }
+        .icon {
+            color: $blackish;
+            float: right;
+            opacity: 0;
+        }
+    }
+}

gulpfile.coffee

@@ -156,8 +156,8 @@ gulp.task "sass-compile", ["sass-lint"], ->
         .pipe(gulp.dest(paths.tmpStyles))
 
 csslintChannel = lazypipe()
-  .pipe(csslint, "csslintrc.json")
+    .pipe(csslint, "csslintrc.json")
-  .pipe(csslint.reporter)
+    .pipe(csslint.reporter)
 
 gulp.task "css-lint-app", ->
     gulp.src(mainSass.concat([paths.tmpStylesExtras]))

main-sass.js

@@ -129,6 +129,9 @@ exports.files = function () {
         'modules/user-settings/user-change-password',
         'modules/user-settings/mail-notifications-table',
 
+        //Team
+        'modules/team/team-filters',
+
         //#################################################
         //             Help
         //#################################################