Move taskboard.coffe data to a model taskboard
David Barragán Merino
parent
7cfb394e0a
commit
e0f3f5fdef
|
|
@ -19,218 +19,4 @@
|
||||||
# File: modules/taskboard.coffee
|
# File: modules/taskboard.coffee
|
||||||
###
|
###
|
||||||
|
|
||||||
taiga = @.taiga
|
|
||||||
mixOf = @.taiga.mixOf
|
|
||||||
groupBy = @.taiga.groupBy
|
|
||||||
bindOnce = @.taiga.bindOnce
|
|
||||||
|
|
||||||
module = angular.module("taigaTaskboard", [])
|
module = angular.module("taigaTaskboard", [])
|
||||||
|
|
||||||
#############################################################################
|
|
||||||
## Taskboard Controller
|
|
||||||
#############################################################################
|
|
||||||
|
|
||||||
class TaskboardController extends mixOf(taiga.Controller, taiga.PageMixin)
|
|
||||||
@.$inject = [
|
|
||||||
"$scope",
|
|
||||||
"$rootScope",
|
|
||||||
"$tgRepo",
|
|
||||||
"$tgConfirm",
|
|
||||||
"$tgResources",
|
|
||||||
"$routeParams",
|
|
||||||
"$q"
|
|
||||||
]
|
|
||||||
|
|
||||||
constructor: (@scope, @rootscope, @repo, @confirm, @rs, @params, @q) ->
|
|
||||||
@scope.sprintId = @params.id
|
|
||||||
@scope.sectionName = "Taskboard"
|
|
||||||
|
|
||||||
promise = @.loadInitialData()
|
|
||||||
promise.then null, ->
|
|
||||||
console.log "FAIL" #TODO
|
|
||||||
|
|
||||||
loadSprintStats: ->
|
|
||||||
return @rs.sprints.stats(@scope.projectId, @scope.sprintId).then (stats) =>
|
|
||||||
totalPointsSum =_.reduce(_.values(stats.total_points), ((res, n) -> res + n), 0)
|
|
||||||
completedPointsSum = _.reduce(_.values(stats.completed_points), ((res, n) -> res + n), 0)
|
|
||||||
remainingPointsSum = totalPointsSum - completedPointsSum
|
|
||||||
remainingTasks = stats.total_tasks - stats.completed_tasks
|
|
||||||
@scope.stats = stats
|
|
||||||
@scope.stats.totalPointsSum = totalPointsSum
|
|
||||||
@scope.stats.completedPointsSum = completedPointsSum
|
|
||||||
@scope.stats.remainingPointsSum = remainingPointsSum
|
|
||||||
@scope.stats.remainingTasks = remainingTasks
|
|
||||||
return stats
|
|
||||||
|
|
||||||
loadSprint: ->
|
|
||||||
return @rs.sprints.get(@scope.projectId, @scope.sprintId).then (sprint) =>
|
|
||||||
@scope.sprint = sprint
|
|
||||||
@scope.userstories = sprint.user_stories
|
|
||||||
return sprint
|
|
||||||
|
|
||||||
loadTasks: ->
|
|
||||||
return @rs.tasks.list(@scope.projectId, @scope.sprintId).then (tasks) =>
|
|
||||||
@scope.tasks = tasks
|
|
||||||
@scope.tasksByStatus = _.groupBy(tasks, "status")
|
|
||||||
return tasks
|
|
||||||
|
|
||||||
loadProject: ->
|
|
||||||
return @rs.projects.get(@scope.projectId).then (project) =>
|
|
||||||
@scope.project = project
|
|
||||||
|
|
||||||
@scope.pointsList = _.sortBy(project.points, "order")
|
|
||||||
@scope.pointsById = groupBy(@scope.pointsList, (e) -> e.id)
|
|
||||||
|
|
||||||
@scope.roleList = _.sortBy(project.roles, "order")
|
|
||||||
@scope.roleById = groupBy(@scope.roleList, (e) -> e.id)
|
|
||||||
|
|
||||||
@scope.taskStatusList = _.sortBy(project.task_statuses, "order")
|
|
||||||
|
|
||||||
@scope.usStatusList = _.sortBy(project.us_statuses, "order")
|
|
||||||
@scope.usStatusById = groupBy(@scope.usStatusList, (e) -> e.id)
|
|
||||||
|
|
||||||
return project
|
|
||||||
|
|
||||||
loadTaskboard: ->
|
|
||||||
return @q.all([
|
|
||||||
@.loadSprintStats(),
|
|
||||||
@.loadSprint()
|
|
||||||
# @.loadTasks(),
|
|
||||||
]).then(=> @.loadTasks())
|
|
||||||
|
|
||||||
loadInitialData: ->
|
|
||||||
promise = @repo.resolve({pslug: @params.pslug}).then (data) =>
|
|
||||||
@scope.projectId = data.project
|
|
||||||
return data
|
|
||||||
|
|
||||||
return promise.then(=> @.loadProject())
|
|
||||||
.then(=> @.loadUsersAndRoles())
|
|
||||||
.then(=> @.loadTaskboard())
|
|
||||||
|
|
||||||
module.controller("TaskboardController", TaskboardController)
|
|
||||||
|
|
||||||
|
|
||||||
#############################################################################
|
|
||||||
## TaskboardDirective
|
|
||||||
#############################################################################
|
|
||||||
|
|
||||||
TaskboardDirective = ->
|
|
||||||
|
|
||||||
#########################
|
|
||||||
## Drag & Drop Link
|
|
||||||
#########################
|
|
||||||
|
|
||||||
linkSortable = ($scope, $el, $attrs, $ctrl) ->
|
|
||||||
console.log "TaskboardDirective.linkSortable" #TODO
|
|
||||||
|
|
||||||
link = ($scope, $el, $attrs) ->
|
|
||||||
$ctrl = $el.controller()
|
|
||||||
linkSortable($scope, $el, $attrs, $ctrl)
|
|
||||||
|
|
||||||
$scope.$on "$destroy", ->
|
|
||||||
$el.off()
|
|
||||||
|
|
||||||
return {link: link}
|
|
||||||
|
|
||||||
|
|
||||||
#############################################################################
|
|
||||||
## Task Row Size Fixer Directive
|
|
||||||
#############################################################################
|
|
||||||
|
|
||||||
TaskboardRowSizeFixer = ->
|
|
||||||
link = ($scope, $el, $attrs) ->
|
|
||||||
bindOnce $scope, "taskStatusList", (statuses) ->
|
|
||||||
itemSize = 300 + (10 * statuses.length)
|
|
||||||
size = (1 + statuses.length) * itemSize
|
|
||||||
$el.css("width", size + "px")
|
|
||||||
|
|
||||||
return {link: link}
|
|
||||||
|
|
||||||
|
|
||||||
TaskboardUsPointsDirective = ($repo, $confirm) ->
|
|
||||||
pointsTemplate = _.template("""
|
|
||||||
<% _.each(usRolePoints, function(rolePoint) { %>
|
|
||||||
<li>
|
|
||||||
<%- rolePoint.role.name %> <span class="us-role-points"> <%- rolePoint.point.name %></span>
|
|
||||||
<ul class="popover pop-points">
|
|
||||||
<% _.each(points, function(point) { %>
|
|
||||||
<li>
|
|
||||||
<a href="" class="point" title="<%- point.name %>"
|
|
||||||
data-point-id="<%- point.id %>" data-role-id="<%- rolePoint.role.id %>">
|
|
||||||
<%- point.name %>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<% }); %>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<% }); %>
|
|
||||||
""")
|
|
||||||
renderUserStoryPoints = ($el, $scope, us) ->
|
|
||||||
points = $scope.pointsList
|
|
||||||
usRolePoints = []
|
|
||||||
|
|
||||||
for role_id, point_id of us.points
|
|
||||||
role = $scope.roleById[role_id]
|
|
||||||
point = $scope.pointsById[point_id]
|
|
||||||
if role and point
|
|
||||||
usRolePoints.push({role: role, point: point})
|
|
||||||
|
|
||||||
bindOnce $scope, "project", (project) ->
|
|
||||||
html = pointsTemplate({
|
|
||||||
points: points
|
|
||||||
usRolePoints: usRolePoints
|
|
||||||
})
|
|
||||||
$el.html(html)
|
|
||||||
|
|
||||||
link = ($scope, $el, $attrs) ->
|
|
||||||
$ctrl = $el.controller()
|
|
||||||
us = $scope.$eval($attrs.tgTaskboardUsPoints)
|
|
||||||
renderUserStoryPoints($el, $scope, us)
|
|
||||||
|
|
||||||
$el.on "click", ".us-role-points", (event) ->
|
|
||||||
event.stopPropagation()
|
|
||||||
|
|
||||||
target = angular.element(event.currentTarget)
|
|
||||||
popover = target.parent().find(".pop-points")
|
|
||||||
popover.show()
|
|
||||||
|
|
||||||
body = angular.element("body")
|
|
||||||
body.one "click", (event) ->
|
|
||||||
popover.hide()
|
|
||||||
|
|
||||||
$el.on "click", ".point", (event) ->
|
|
||||||
event.preventDefault()
|
|
||||||
event.stopPropagation()
|
|
||||||
|
|
||||||
target = angular.element(event.currentTarget)
|
|
||||||
roleId = target.data("role-id")
|
|
||||||
pointId = target.data("point-id")
|
|
||||||
newPoints = _.clone(us.points, false)
|
|
||||||
newPoints[roleId] = pointId
|
|
||||||
us.points = newPoints
|
|
||||||
|
|
||||||
$el.find(".pop-points").hide()
|
|
||||||
|
|
||||||
$scope.$apply ->
|
|
||||||
onSuccess = ->
|
|
||||||
$repo.refresh(us) ->
|
|
||||||
# TODO: Remove me when backlog will be fixed
|
|
||||||
$ctrl.loadSprintStats()
|
|
||||||
|
|
||||||
onError = ->
|
|
||||||
$confirm.notify("error", "There is an error. Try it later.")
|
|
||||||
us.revert()
|
|
||||||
renderUserStoryPoints($el, $scope, us)
|
|
||||||
|
|
||||||
renderUserStoryPoints($el, $scope, us)
|
|
||||||
$repo.save(us).then(onSuccess, onError)
|
|
||||||
|
|
||||||
$scope.$on "$destroy", ->
|
|
||||||
$el.off()
|
|
||||||
|
|
||||||
return {link: link}
|
|
||||||
|
|
||||||
|
|
||||||
module.directive("tgTaskboard", TaskboardDirective)
|
|
||||||
module.directive("tgTaskboardRowSizeFixer", TaskboardRowSizeFixer)
|
|
||||||
module.directive("tgTaskboardUsPoints", ["$tgRepo", "$tgConfirm", TaskboardUsPointsDirective])
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,238 @@
|
||||||
|
###
|
||||||
|
# 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/taskboard.coffee
|
||||||
|
###
|
||||||
|
|
||||||
|
taiga = @.taiga
|
||||||
|
|
||||||
|
mixOf = @.taiga.mixOf
|
||||||
|
groupBy = @.taiga.groupBy
|
||||||
|
bindOnce = @.taiga.bindOnce
|
||||||
|
|
||||||
|
module = angular.module("taigaTaskboard")
|
||||||
|
|
||||||
|
|
||||||
|
#############################################################################
|
||||||
|
## Taskboard Controller
|
||||||
|
#############################################################################
|
||||||
|
|
||||||
|
class TaskboardController extends mixOf(taiga.Controller, taiga.PageMixin)
|
||||||
|
@.$inject = [
|
||||||
|
"$scope",
|
||||||
|
"$rootScope",
|
||||||
|
"$tgRepo",
|
||||||
|
"$tgConfirm",
|
||||||
|
"$tgResources",
|
||||||
|
"$routeParams",
|
||||||
|
"$q"
|
||||||
|
]
|
||||||
|
|
||||||
|
constructor: (@scope, @rootscope, @repo, @confirm, @rs, @params, @q) ->
|
||||||
|
@scope.sprintId = @params.id
|
||||||
|
@scope.sectionName = "Taskboard"
|
||||||
|
|
||||||
|
promise = @.loadInitialData()
|
||||||
|
promise.then null, ->
|
||||||
|
console.log "FAIL" #TODO
|
||||||
|
|
||||||
|
loadSprintStats: ->
|
||||||
|
return @rs.sprints.stats(@scope.projectId, @scope.sprintId).then (stats) =>
|
||||||
|
totalPointsSum =_.reduce(_.values(stats.total_points), ((res, n) -> res + n), 0)
|
||||||
|
completedPointsSum = _.reduce(_.values(stats.completed_points), ((res, n) -> res + n), 0)
|
||||||
|
remainingPointsSum = totalPointsSum - completedPointsSum
|
||||||
|
remainingTasks = stats.total_tasks - stats.completed_tasks
|
||||||
|
@scope.stats = stats
|
||||||
|
@scope.stats.totalPointsSum = totalPointsSum
|
||||||
|
@scope.stats.completedPointsSum = completedPointsSum
|
||||||
|
@scope.stats.remainingPointsSum = remainingPointsSum
|
||||||
|
@scope.stats.remainingTasks = remainingTasks
|
||||||
|
return stats
|
||||||
|
|
||||||
|
loadSprint: ->
|
||||||
|
return @rs.sprints.get(@scope.projectId, @scope.sprintId).then (sprint) =>
|
||||||
|
@scope.sprint = sprint
|
||||||
|
@scope.userstories = sprint.user_stories
|
||||||
|
return sprint
|
||||||
|
|
||||||
|
loadTasks: ->
|
||||||
|
return @rs.tasks.list(@scope.projectId, @scope.sprintId).then (tasks) =>
|
||||||
|
@scope.tasks = tasks
|
||||||
|
@scope.tasksByStatus = _.groupBy(tasks, "status")
|
||||||
|
return tasks
|
||||||
|
|
||||||
|
loadProject: ->
|
||||||
|
return @rs.projects.get(@scope.projectId).then (project) =>
|
||||||
|
@scope.project = project
|
||||||
|
|
||||||
|
@scope.pointsList = _.sortBy(project.points, "order")
|
||||||
|
@scope.pointsById = groupBy(@scope.pointsList, (e) -> e.id)
|
||||||
|
|
||||||
|
@scope.roleList = _.sortBy(project.roles, "order")
|
||||||
|
@scope.roleById = groupBy(@scope.roleList, (e) -> e.id)
|
||||||
|
|
||||||
|
@scope.taskStatusList = _.sortBy(project.task_statuses, "order")
|
||||||
|
|
||||||
|
@scope.usStatusList = _.sortBy(project.us_statuses, "order")
|
||||||
|
@scope.usStatusById = groupBy(@scope.usStatusList, (e) -> e.id)
|
||||||
|
|
||||||
|
return project
|
||||||
|
|
||||||
|
loadTaskboard: ->
|
||||||
|
return @q.all([
|
||||||
|
@.loadSprintStats(),
|
||||||
|
@.loadSprint()
|
||||||
|
# @.loadTasks(),
|
||||||
|
]).then(=> @.loadTasks())
|
||||||
|
|
||||||
|
loadInitialData: ->
|
||||||
|
promise = @repo.resolve({pslug: @params.pslug}).then (data) =>
|
||||||
|
@scope.projectId = data.project
|
||||||
|
return data
|
||||||
|
|
||||||
|
return promise.then(=> @.loadProject())
|
||||||
|
.then(=> @.loadUsersAndRoles())
|
||||||
|
.then(=> @.loadTaskboard())
|
||||||
|
|
||||||
|
module.controller("TaskboardController", TaskboardController)
|
||||||
|
|
||||||
|
|
||||||
|
#############################################################################
|
||||||
|
## TaskboardDirective
|
||||||
|
#############################################################################
|
||||||
|
|
||||||
|
TaskboardDirective = ->
|
||||||
|
|
||||||
|
#########################
|
||||||
|
## Drag & Drop Link
|
||||||
|
#########################
|
||||||
|
|
||||||
|
linkSortable = ($scope, $el, $attrs, $ctrl) ->
|
||||||
|
console.log "TaskboardDirective.linkSortable" #TODO
|
||||||
|
|
||||||
|
link = ($scope, $el, $attrs) ->
|
||||||
|
$ctrl = $el.controller()
|
||||||
|
linkSortable($scope, $el, $attrs, $ctrl)
|
||||||
|
|
||||||
|
$scope.$on "$destroy", ->
|
||||||
|
$el.off()
|
||||||
|
|
||||||
|
return {link: link}
|
||||||
|
|
||||||
|
|
||||||
|
#############################################################################
|
||||||
|
## Task Row Size Fixer Directive
|
||||||
|
#############################################################################
|
||||||
|
|
||||||
|
TaskboardRowSizeFixer = ->
|
||||||
|
link = ($scope, $el, $attrs) ->
|
||||||
|
bindOnce $scope, "taskStatusList", (statuses) ->
|
||||||
|
itemSize = 300 + (10 * statuses.length)
|
||||||
|
size = (1 + statuses.length) * itemSize
|
||||||
|
$el.css("width", size + "px")
|
||||||
|
|
||||||
|
return {link: link}
|
||||||
|
|
||||||
|
|
||||||
|
TaskboardUsPointsDirective = ($repo, $confirm) ->
|
||||||
|
pointsTemplate = _.template("""
|
||||||
|
<% _.each(usRolePoints, function(rolePoint) { %>
|
||||||
|
<li>
|
||||||
|
<%- rolePoint.role.name %> <span class="us-role-points"> <%- rolePoint.point.name %></span>
|
||||||
|
<ul class="popover pop-points">
|
||||||
|
<% _.each(points, function(point) { %>
|
||||||
|
<li>
|
||||||
|
<a href="" class="point" title="<%- point.name %>"
|
||||||
|
data-point-id="<%- point.id %>" data-role-id="<%- rolePoint.role.id %>">
|
||||||
|
<%- point.name %>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<% }); %>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<% }); %>
|
||||||
|
""")
|
||||||
|
renderUserStoryPoints = ($el, $scope, us) ->
|
||||||
|
points = $scope.pointsList
|
||||||
|
usRolePoints = []
|
||||||
|
|
||||||
|
for role_id, point_id of us.points
|
||||||
|
role = $scope.roleById[role_id]
|
||||||
|
point = $scope.pointsById[point_id]
|
||||||
|
if role and point
|
||||||
|
usRolePoints.push({role: role, point: point})
|
||||||
|
|
||||||
|
bindOnce $scope, "project", (project) ->
|
||||||
|
html = pointsTemplate({
|
||||||
|
points: points
|
||||||
|
usRolePoints: usRolePoints
|
||||||
|
})
|
||||||
|
$el.html(html)
|
||||||
|
|
||||||
|
link = ($scope, $el, $attrs) ->
|
||||||
|
$ctrl = $el.controller()
|
||||||
|
us = $scope.$eval($attrs.tgTaskboardUsPoints)
|
||||||
|
renderUserStoryPoints($el, $scope, us)
|
||||||
|
|
||||||
|
$el.on "click", ".us-role-points", (event) ->
|
||||||
|
event.stopPropagation()
|
||||||
|
|
||||||
|
target = angular.element(event.currentTarget)
|
||||||
|
popover = target.parent().find(".pop-points")
|
||||||
|
popover.show()
|
||||||
|
|
||||||
|
body = angular.element("body")
|
||||||
|
body.one "click", (event) ->
|
||||||
|
popover.hide()
|
||||||
|
|
||||||
|
$el.on "click", ".point", (event) ->
|
||||||
|
event.preventDefault()
|
||||||
|
event.stopPropagation()
|
||||||
|
|
||||||
|
target = angular.element(event.currentTarget)
|
||||||
|
roleId = target.data("role-id")
|
||||||
|
pointId = target.data("point-id")
|
||||||
|
newPoints = _.clone(us.points, false)
|
||||||
|
newPoints[roleId] = pointId
|
||||||
|
us.points = newPoints
|
||||||
|
|
||||||
|
$el.find(".pop-points").hide()
|
||||||
|
|
||||||
|
$scope.$apply ->
|
||||||
|
onSuccess = ->
|
||||||
|
$repo.refresh(us) ->
|
||||||
|
# TODO: Remove me when backlog will be fixed
|
||||||
|
$ctrl.loadSprintStats()
|
||||||
|
|
||||||
|
onError = ->
|
||||||
|
$confirm.notify("error", "There is an error. Try it later.")
|
||||||
|
us.revert()
|
||||||
|
renderUserStoryPoints($el, $scope, us)
|
||||||
|
|
||||||
|
renderUserStoryPoints($el, $scope, us)
|
||||||
|
$repo.save(us).then(onSuccess, onError)
|
||||||
|
|
||||||
|
$scope.$on "$destroy", ->
|
||||||
|
$el.off()
|
||||||
|
|
||||||
|
return {link: link}
|
||||||
|
|
||||||
|
|
||||||
|
module.directive("tgTaskboard", TaskboardDirective)
|
||||||
|
module.directive("tgTaskboardRowSizeFixer", TaskboardRowSizeFixer)
|
||||||
|
module.directive("tgTaskboardUsPoints", ["$tgRepo", "$tgConfirm", TaskboardUsPointsDirective])
|
||||||
Loading…
Reference in New Issue