Sprints Status 🏃

app/styles/modules/sprints.scss

@@ -29,10 +29,18 @@
         @extend .large;
     }
     .sprint {
+        margin-bottom: 2rem;
         .sprint-summary {
             width: 65%;
             display: inline-block;
         }
+        .icon{
+            display: inline-block;
+            &:hover {
+                @include transform(rotate(180deg));
+                @include transition (all .2s ease-in);
+            }
+        }
         ul {
             float: right;
             width: 32%;
@@ -97,7 +105,7 @@
                 }
             }
             &:hover {
-                background: lighten($grayLight, 10%);
+                background: lighten($grayLight, 12%);
                 @include transition (background .2s ease-in);
                 cursor: move;
             }
@@ -108,7 +116,7 @@
         .column-us {
             @extend .small;
             padding: 0 4px;
-            span {
+            a {
                 @include ellipsis(250px);
                 display: block;
             }
@@ -119,3 +127,34 @@
         }
     }
 }
+
+/* If Sprint is open but date is old */
+.sprint-old-open {
+    .sprint-summary{
+        .icon {
+            @include transform(rotate(180deg));
+            &:hover {
+                @include transform(rotate(0deg));
+                @include transition (all .2s ease-in);
+            }
+        }
+    }
+    .sprint-table {
+        display: none;
+    }
+}
+
+/* If sprint is closed and date is old */
+.sprint-closed {
+    .number, .description {
+        color: $grayLight;
+    }
+    .sprint-progress-bar{
+        .current-progress {
+            background: darken($grayLight, 10%);
+        }
+    }
+    .sprint-table {
+        display: none;
+    }
+}

app/views/modules/sprints.jade

@@ -10,6 +10,7 @@ section.sprints
               a.button-green(href="", title="Add New US")
                 span.text + New sprint
 
+    // If is current sprint
     section.sprint.sprint-current
         header
             div.sprint-summary
@@ -29,5 +30,51 @@ section.sprints
             - for (var x = 0; x < 10; x++)
                 div.row
                     div.column-us.width-8
-                        span #125 Crear el perfil de usuario Senior en el admin
+                        a(href="", title="") #125 Crear el perfil de usuario Senior en el admin
+                    div.column-points.width-1 45
+
+    // If Sprint is open but date is old
+    section.sprint.sprint-old-open
+        header
+            div.sprint-summary
+                a.icon.icon-arrow-up(href="", title="compact Sprint")
+                span.sprint-name old open sprint
+                span.sprint-date 04/05/14-03/06/14
+            ul
+                li
+                    span.number 20
+                    span.description closed<br />points
+                li
+                    span.number 24
+                    span.description total<br />points
+        div.sprint-progress-bar
+            div.current-progress
+        div.sprint-table
+            - for (var x = 0; x < 10; x++)
+                div.row
+                    div.column-us.width-8
+                        a(href="", title="") #125 Crear el perfil de usuario Senior en el admin
+                    div.column-points.width-1 45
+
+    // If Sprint is closed and date is old
+    section.sprint.sprint-closed
+        header
+            div.sprint-summary
+                a.icon.icon-arrow-up(href="", title="compact Sprint")
+                span.sprint-name old sprint
+                span.sprint-date 04/04/14-03/05/14
+            ul
+                li
+                    span.number 24
+                    span.description closed<br />points
+                li
+                    span.number 24
+                    span.description total<br />points
+        div.sprint-progress-bar
+            div.current-progress
+        div.sprint-table
+            - for (var x = 0; x < 10; x++)
+                div.row
+                    div.column-us.width-8
+                        a(href="", title="") #125 Crear el perfil de usuario Senior en el admin
                     div.column-points.width-1 45