### # Copyright (C) 2014 Andrey Antukh # Copyright (C) 2014 Jesús Espino Garcia # Copyright (C) 2014 David Barragán Merino # # This program is free software: you can redistribute it and/or modify # it under the terms of the GNU Affero General Public License as # published by the Free Software Foundation, either version 3 of the # License, or (at your option) any later version. # # This program is distributed in the hope that it will be useful, # but WITHOUT ANY WARRANTY; without even the implied warranty of # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the # GNU Affero General Public License for more details. # # You should have received a copy of the GNU Affero General Public License # along with this program. If not, see . # # File: modules/userstories/detail.coffee ### taiga = @.taiga mixOf = @.taiga.mixOf groupBy = @.taiga.groupBy bindOnce = @.taiga.bindOnce module = angular.module("taigaUserStories") ############################################################################# ## User story Detail Controller ############################################################################# class UserStoryDetailController extends mixOf(taiga.Controller, taiga.PageMixin) @.$inject = [ "$scope", "$rootScope", "$tgRepo", "$tgConfirm", "$tgResources", "$routeParams", "$q", "$location" ] constructor: (@scope, @rootscope, @repo, @confirm, @rs, @params, @q, @location) -> @scope.issueRef = @params.issueref @scope.sectionName = "User Story" promise = @.loadInitialData() promise.then null, -> console.log "FAIL" #TODO loadProject: -> return @rs.projects.get(@scope.projectId).then (project) => @scope.project = project @scope.statusList = project.us_statuses @scope.statusById = groupBy(project.us_statuses, (x) -> x.id) @scope.taskStatusById = groupBy(project.task_statuses, (x) -> x.id) @scope.membersById = groupBy(project.memberships, (x) -> x.user) @scope.pointsList = _.sortBy(project.points, "order") @scope.pointsById = groupBy(@scope.pointsList, (e) -> e.id) return project loadUs: -> return @rs.userstories.get(@scope.projectId, @scope.usId).then (us) => @scope.us = us @scope.commentModel = us @scope.previousUrl = "/project/#{@scope.project.slug}/us/#{@scope.us.neighbors.previous.ref}" if @scope.us.neighbors.previous.id? @scope.nextUrl = "/project/#{@scope.project.slug}/us/#{@scope.us.neighbors.next.ref}" if @scope.us.neighbors.next.id? loadTasks: -> return @rs.tasks.list(@scope.projectId, null, @scope.usId).then (tasks) => @scope.tasks = tasks loadHistory: -> return @rs.userstories.history(@scope.usId).then (history) => _.each history.results, (historyResult) -> #If description was modified take only the description_html field if historyResult.values_diff.description? historyResult.values_diff.description = historyResult.values_diff.description_html if historyResult.values_diff.client_requirement historyResult.values_diff.client_requirement = _.map(historyResult.values_diff.client_requirement, (v) -> {true: 'Yes', false: 'No'}[v]) if historyResult.values_diff.team_requirement historyResult.values_diff.team_requirement = _.map(historyResult.values_diff.team_requirement, (v) -> {true: 'Yes', false: 'No'}[v]) delete historyResult.values_diff.description_html delete historyResult.values_diff.description_diff @scope.history = history.results @scope.comments = _.filter(history.results, (historyEntry) -> historyEntry.comment != "") loadInitialData: -> params = { pslug: @params.pslug usref: @params.usref } promise = @repo.resolve(params).then (data) => @scope.projectId = data.project @scope.usId = data.us return data return promise.then(=> @.loadProject()) .then(=> @.loadUsersAndRoles()) .then(=> @.loadUs()) .then(=> @.loadTasks()) .then(=> @.loadHistory()) getUserFullName: (userId) -> return @scope.usersById[userId]?.full_name_display getUserAvatar: (userId) -> return @scope.usersById[userId]?.photo countChanges: (comment) -> return Object.keys(comment.values_diff).length getChangeText: (change) -> if _.isArray(change) return change.join(", ") return change buildChangesText: (comment) -> size = @.countChanges(comment) #TODO: i18n if size == 1 return "Made #{size} change" return "Made #{size} changes" block: -> @rootscope.$broadcast("block", @scope.us) unblock: -> @rootscope.$broadcast("unblock", @scope.us) delete: -> #TODO: i18n title = "Delete User Story" subtitle = @scope.us.subject @confirm.ask(title, subtitle).then => @.repo.remove(@scope.us).then => @location.path("/project/#{@scope.project.slug}/backlog") module.controller("UserStoryDetailController", UserStoryDetailController) ############################################################################# ## User story Main Directive ############################################################################# UsDirective = ($tgrepo, $log, $location, $confirm) -> linkSidebar = ($scope, $el, $attrs, $ctrl) -> link = ($scope, $el, $attrs) -> $ctrl = $el.controller() linkSidebar($scope, $el, $attrs, $ctrl) $el.on "click", ".save-us", (event) -> $tgrepo.save($scope.us).then -> $confirm.notify("success") $location.path("/project/#{$scope.project.slug}/us/#{$scope.us.ref}") $el.on "click", ".add-comment a.button-green", (event) -> event.preventDefault() $tgrepo.save($scope.us).then -> $ctrl.loadHistory() $el.on "click", ".us-activity-tabs li a", (event) -> $el.find(".us-activity-tabs li a").toggleClass("active") $el.find(".us-activity section").toggleClass("hidden") return {link:link} module.directive("tgUsDetail", ["$tgRepo", "$log", "$tgLocation", "$tgConfirm", UsDirective]) ############################################################################# ## User story status directive ############################################################################# UsStatusDetailDirective = () -> #TODO: i18n template = _.template("""

<% if (status.is_closed) { %> Closed <% } else { %> Open <% } %> <%= status.name %>

<%- totalClosedTasks %>/<%- totalTasks %> tasks completed
  • <%- totalPoints %> total
    • <% _.each(rolePoints, function(rolePoint) { %>
  • <%- rolePoint.points %> <%- rolePoint.name %>
    • <% }); %>
<%= status.name %> status
""") selectionStatusTemplate = _.template(""" """) selectionPointsTemplate = _.template(""" """) link = ($scope, $el, $attrs, $model) -> editable = $attrs.editable? updatingSelectedRoleId = null showSelectPoints = () -> us = $model.$modelValue $el.find(".pop-points-open").remove() $el.find(".points-per-role").append(selectionPointsTemplate({ "points": $scope.project.points })) $el.find(".pop-points-open a[data-point-id='#{us.points[updatingSelectedRoleId]}']").addClass("active") # If not showing role selection let's move to the left $el.find(".pop-points-open").show() calculateTotalPoints = (us)-> values = _.map(us.points, (v, k) -> $scope.pointsById[v].value) values = _.filter(values, (num) -> num?) if values.length == 0 return "?" return _.reduce(values, (acc, num) -> acc + num) renderUsstatus = (us) -> status = $scope.statusById[us.status] rolePoints = _.clone(_.filter($scope.project.roles, "computable"), true) _.map rolePoints, (v, k) -> val = $scope.pointsById[us.points[v.id]].value val = "?" if not val? v.points = val totalTasks = $scope.tasks.length totalClosedTasks = _.filter($scope.tasks, (task) => $scope.taskStatusById[task.status].is_closed).length usProgress = 0 usProgress = 100 * totalClosedTasks / totalTasks if totalTasks > 0 html = template({ editable: editable status: status totalPoints: us.total_points rolePoints: rolePoints totalTasks: totalTasks totalClosedTasks: totalClosedTasks usProgress: usProgress }) $el.html(html) $el.find(".status-data").append(selectionStatusTemplate({statuses:$scope.statusList})) bindOnce $scope, "tasks", (tasks) -> $scope.$watch $attrs.ngModel, (us) -> if us? renderUsstatus(us) if editable $el.on "click", ".status-data", (event) -> event.preventDefault() event.stopPropagation() $el.find(".pop-status").show() body = angular.element("body") body.one "click", (event) -> $el.find(".popover").hide() $el.on "click", ".status", (event) -> event.preventDefault() event.stopPropagation() target = angular.element(event.currentTarget) $model.$modelValue.status = target.data("status-id") renderUsstatus($model.$modelValue) $el.find(".popover").hide() $el.on "click", ".total.clickable", (event) -> event.preventDefault() event.stopPropagation() target = angular.element(event.currentTarget) updatingSelectedRoleId = target.data("role-id") showSelectPoints() body = angular.element("body") body.one "click", (event) -> $el.find(".popover").hide() $el.on "click", ".point", (event) -> event.preventDefault() event.stopPropagation() target = angular.element(event.currentTarget) $el.find(".popover").hide() $scope.$apply () -> us = $model.$modelValue usPoints = _.clone(us.points, true) usPoints[updatingSelectedRoleId] = target.data("point-id") us.points = usPoints us.total_points = calculateTotalPoints(us) renderUsstatus(us) return {link:link, require:"ngModel"} module.directive("tgUsStatusDetail", UsStatusDetailDirective)