From 791df80d54b948460bb13875c5ec7cc33a811fa7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Thu, 5 Jun 2014 09:34:26 +0200 Subject: [PATCH] Sprints Status :running: --- app/styles/modules/sprints.scss | 43 +++++++++++++++++++++++++++-- app/views/modules/sprints.jade | 49 ++++++++++++++++++++++++++++++++- 2 files changed, 89 insertions(+), 3 deletions(-) diff --git a/app/styles/modules/sprints.scss b/app/styles/modules/sprints.scss index 353dc803..388013bb 100644 --- a/app/styles/modules/sprints.scss +++ b/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; + } +} diff --git a/app/views/modules/sprints.jade b/app/views/modules/sprints.jade index 335dd164..87a407c3 100644 --- a/app/views/modules/sprints.jade +++ b/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
points + li + span.number 24 + span.description total
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
points + li + span.number 24 + span.description total
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