diff --git a/app/coffee/modules/backlog/main.coffee b/app/coffee/modules/backlog/main.coffee index 36719ed7..3092f27a 100644 --- a/app/coffee/modules/backlog/main.coffee +++ b/app/coffee/modules/backlog/main.coffee @@ -968,3 +968,34 @@ tgBacklogGraphDirective = -> module.directive("tgGmBacklogGraph", tgBacklogGraphDirective) + + +############################################################################# +## Backlog progress bar directive +############################################################################# + +TgBacklogProgressBarDirective = -> + template = _.template(""" +
+ + + + """) + + render = (el, percentage) -> + el.html(template({percentage: percentage})) + + link = ($scope, $el, $attrs) -> + element = angular.element($el) + + $scope.$watch $attrs.tgBacklogProgressBar, (percentage) -> + percentage = _.max([0 , percentage]) + percentage = _.min([100, percentage]) + render($el, percentage) + + $scope.$on "$destroy", -> + $el.off() + + return {link: link} + +module.directive("tgBacklogProgressBar", TgBacklogProgressBarDirective) diff --git a/app/partials/views/components/summary.jade b/app/partials/views/components/summary.jade index 3ad90218..f7cef2f4 100644 --- a/app/partials/views/components/summary.jade +++ b/app/partials/views/components/summary.jade @@ -1,5 +1,5 @@ div.summary - div.summary-progress-bar(tg-progress-bar="stats.completedPercentage") + div.summary-progress-bar(tg-backlog-progress-bar="stats.completedPercentage") div.current-progress(style="width: {{stats.completedPercentage}}") div.data span.number(tg-bind-html="stats.completedPercentage + '%'") @@ -10,9 +10,9 @@ div.summary li span.number(tg-bind-html="stats.defined_points") -- span.description defined