Redesign load closed sprints button. Icon not visible yet, font in master

stable
Xavier Julián 2015-01-08 13:08:27 +01:00
parent 332fd99bfa
commit 7de98f76d1
3 changed files with 22 additions and 11 deletions

View File

@ -169,7 +169,7 @@ ToggleExcludeClosedSprintsVisualization = ($rootscope, $loading) ->
link = ($scope, $el, $attrs) ->
# Event Handlers
$el.on "click", "", (event) ->
$loading.start($el)
$loading.start($el.siblings('.load'))
$rootscope.$broadcast("backlog:toggle-closed-sprints-visualization")
$scope.$on "$destroy", ->
@ -177,7 +177,7 @@ ToggleExcludeClosedSprintsVisualization = ($rootscope, $loading) ->
$scope.$on "sprints:loaded", (ctx, sprints) =>
closedSprints = _.filter(sprints, (sprint) -> sprint.closed)
$loading.finish($el)
$loading.finish($el.siblings('.load'))
#TODO: i18n
if closedSprints.length > 0

View File

@ -12,11 +12,13 @@ section.sprints
tg-check-permission="add_milestone")
span.text + New sprint
section.sprint(ng-repeat="sprint in openSprints track by sprint.id" tg-backlog-sprint="sprint")
div.sprint.sprint-open(ng-repeat="sprint in openSprints track by sprint.id" tg-backlog-sprint="sprint")
include sprint
div(class="filter-closed-sprints", ng-show="project.total_closed_milestones")
a(href="", tg-backlog-toggle-closed-sprints-visualization="ctrl.excludeClosedSprints") Show closed sprints
a.filter-closed-sprints(href="")
span.icon.icon-archive
span(tg-backlog-toggle-closed-sprints-visualization="ctrl.excludeClosedSprints") Show closed sprints
span.load
section.sprint(ng-repeat="sprint in closedSprints track by sprint.id" tg-backlog-sprint="sprint")
div.sprint.sprint-closed(ng-repeat="sprint in closedSprints track by sprint.id" tg-backlog-sprint="sprint")
include sprint

View File

@ -16,10 +16,19 @@
}
}
.filter-closed-sprints {
font-family: 'OpenSans-CondLight', Arial, Helvetica, sans-serif;
font-size: 1.2rem;
margin-bottom: 2rem;
margin-top: 2rem;
@extend %small;
display: block;
padding-bottom: 1rem;
text-align: center;
.icon-kanban {
margin-right: .3rem;
vertical-align: middle;
}
.load {
display: inline-block;
margin-left: .3rem;
vertical-align: middle;
}
}
.sprint-name {
a {