340 lines
13 KiB
CoffeeScript
340 lines
13 KiB
CoffeeScript
###
|
|
# Copyright (C) 2014 Andrey Antukh <niwi@niwi.be>
|
|
# Copyright (C) 2014 Jesús Espino Garcia <jespinog@gmail.com>
|
|
# Copyright (C) 2014 David Barragán Merino <bameda@dbarragan.com>
|
|
#
|
|
# 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 <http://www.gnu.org/licenses/>.
|
|
#
|
|
# 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("""
|
|
<h1>
|
|
<span>
|
|
<% if (status.is_closed) { %>
|
|
Closed
|
|
<% } else { %>
|
|
Open
|
|
<% } %>
|
|
<span class="us-detail-status" style="color:<%= status.color %>"><%= status.name %></span>
|
|
</h1>
|
|
|
|
<div class="us-detail-progress-bar">
|
|
<div class="current-progress" style="width:<%- usProgress %>%"/>
|
|
<span clasS="tasks-completed">
|
|
<%- totalClosedTasks %>/<%- totalTasks %> tasks completed
|
|
</span>
|
|
</div>
|
|
|
|
<ul class="points-per-role">
|
|
<li class="total">
|
|
<span class="points"><%- totalPoints %></span>
|
|
<span class="role">total</span>
|
|
</li>
|
|
<% _.each(rolePoints, function(rolePoint) { %>
|
|
<li class="total <% if (editable) { %>clickable<% } %>" data-role-id="<%- rolePoint.id %>">
|
|
<span class="points"><%- rolePoint.points %></span>
|
|
<span class="role"><%- rolePoint.name %></span></li>
|
|
<% }); %>
|
|
</ul>
|
|
|
|
<div class="issue-data">
|
|
<div class="status-data <% if (editable) { %>clickable<% } %>">
|
|
<span class="level" style="background-color:<%= status.color %>"></span>
|
|
<span class="status-status"><%= status.name %></span>
|
|
<span class="level-name">status</span>
|
|
</div>
|
|
</div>
|
|
""")
|
|
selectionStatusTemplate = _.template("""
|
|
<ul class="popover pop-status">
|
|
<% _.each(statuses, function(status) { %>
|
|
<li><a href="" class="status" title="<%- status.name %>"
|
|
data-status-id="<%- status.id %>"><%- status.name %></a></li>
|
|
<% }); %>
|
|
</ul>
|
|
""")
|
|
selectionPointsTemplate = _.template("""
|
|
<ul class="popover pop-points-open">
|
|
<% _.each(points, function(point) { %>
|
|
<li><a href="" class="point" title="<%- point.name %>"
|
|
data-point-id="<%- point.id %>"><%- point.name %></a>
|
|
</li>
|
|
<% }); %>
|
|
</ul>
|
|
""")
|
|
|
|
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)
|