diff --git a/app/coffee/modules/backlog/main.coffee b/app/coffee/modules/backlog/main.coffee index 7efb86df..3d432046 100644 --- a/app/coffee/modules/backlog/main.coffee +++ b/app/coffee/modules/backlog/main.coffee @@ -182,6 +182,7 @@ class BacklogController extends mixOf(taiga.Controller, taiga.PageMixin, taiga.F return @rs.sprints.list(@scope.projectId, params).then (result) => sprints = result.milestones + @scope.totalMilestones = sprints @scope.totalClosedMilestones = result.closed @scope.totalOpenMilestones = result.open @scope.totalMilestones = @scope.totalOpenMilestones + @scope.totalClosedMilestones diff --git a/app/locales/locale-en.json b/app/locales/locale-en.json index 240b1791..8fe5ee04 100644 --- a/app/locales/locale-en.json +++ b/app/locales/locale-en.json @@ -946,8 +946,10 @@ "LINK_TASKBOARD": "Sprint Taskboard", "TITLE_LINK_TASKBOARD": "Go to Taskboard of \"{{name}}\"", "NUMBER_SPRINTS": "
sprints", - "TITLE_ACTION_NEW_SPRINT": "+ New sprint", + "EMPTY": "YOU HAVE NO SPRINTS CREATED", "ACTION_NEW_SPRINT": "+ New sprint", + "TITLE_ACTION_NEW_SPRINT": "Add new sprint", + "TEXT_ACTION_NEW_SPRINT": "You may want to create a new sprint in your project", "ACTION_SHOW_CLOSED_SPRINTS": "Show closed sprints", "ACTION_HIDE_CLOSED_SPRINTS": "Hide closed sprints" } diff --git a/app/partials/includes/modules/sprints.jade b/app/partials/includes/modules/sprints.jade index db2b25ad..60769e53 100644 --- a/app/partials/includes/modules/sprints.jade +++ b/app/partials/includes/modules/sprints.jade @@ -1,13 +1,27 @@ section.sprints header h1(translate="BACKLOG.SPRINTS.TITLE") - div.summary - div.total-sprints - span.number(ng-bind="totalMilestones") -- - span.description(translate="BACKLOG.SPRINTS.NUMBER_SPRINTS") - a.button-green.add-sprint(href="", title="{{ 'BACKLOG.SPRINTS.TITLE_ACTION_NEW_SPRINT' | translate }}", - ng-click="ctrl.addNewSprint()", tg-check-permission="add_milestone") - span.text(translate="BACKLOG.SPRINTS.ACTION_NEW_SPRINT") + //- + div.summary + div.total-sprints + span.number(ng-bind="totalMilestones") -- + a.button-green.add-sprint(href="", title="{{ 'BACKLOG.SPRINTS.TITLE_ACTION_NEW_SPRINT' | translate }}", + span.description(translate="BACKLOG.SPRINTS.NUMBER_SPRINTS") + ng-click="ctrl.addNewSprint()", tg-check-permission="add_milestone") + span.text(translate="BACKLOG.SPRINTS.ACTION_NEW_SPRINT") + + div.sprints-empty(ng-if="!totalMilestones") + img( + src="/images/sprint-empty.png" + alt="{{'BACKLOG.SPRINTS.EMPTY' | translate}}" + ) + p.title(translate="BACKLOG.SPRINTS.EMPTY") + a( + href="" + ng-click="ctrl.addNewSprint()" + title="{{'BACKLOG.SPRINTS.TITLE_ACTION_NEW_SPRINT' | translate}}" + translate="BACKLOG.SPRINTS.TEXT_ACTION_NEW_SPRINT" + ) div.sprint.sprint-open(ng-repeat="sprint in openSprints track by sprint.id", tg-backlog-sprint="sprint", diff --git a/app/styles/modules/backlog/sprints.scss b/app/styles/modules/backlog/sprints.scss index cfb90545..69253101 100644 --- a/app/styles/modules/backlog/sprints.scss +++ b/app/styles/modules/backlog/sprints.scss @@ -231,3 +231,20 @@ background: $gray-light; } } + +.sprints-empty { + @extend %light; + text-align: center; + img { + margin: 1rem 0; + width: 60%; + } + .title { + @extend %large; + margin-bottom: .5rem; + text-transform: uppercase; + } + a { + color: $primary; + } +}