taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move tg-us-status to the common directives

stable
David Barragán Merino 2014-06-26 15:31:38 +02:00
parent 3c8fdfb007
commit 598915febd
5 changed files with 73 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
app/coffee/modules/backlog/main.coffee
View File

@ -583,69 +583,11 @@ UsPointsDirective = ($repo) ->
return {link: link}
#############################################################################
## User story status directive
#############################################################################
UsStatusDirective = ($repo) ->
selectionTemplate = _.template("""
<ul class="popover pop-status">
<% _.forEach(statuses, function(status) { %>
<li>
<a href="" class="status" title="<%- status.name %>" data-status-id="<%- status.id %>">
<%- status.name %>
</a>
</li>
<% }); %>
</ul>
""")
updateUsStatus = ($el, us, usStatusById) ->
usStatusDom = $el.find(".us-status")
usStatusDom.text(usStatusById[us.status].name)
usStatusDom.css('color', usStatusById[us.status].color)
link = ($scope, $el, $attrs) ->
$ctrl = $el.controller()
us = $scope.$eval($attrs.tgUsStatus)
bindOnce $scope, "project", (project) ->
$el.append(selectionTemplate({ 'statuses': project.us_statuses }))
updateUsStatus($el, us, $scope.usStatusById)
$el.on "click", ".us-status", (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)
us.status = target.data("status-id")
$el.find(".pop-status").hide()
updateUsStatus($el, us, $scope.usStatusById)
$scope.$apply () ->
$repo.save(us).then ->
$ctrl.loadProjectStats()
$scope.$on "$destroy", ->
$el.off()
return {link: link}
module = angular.module("taigaBacklog")
module.directive("tgBacklog", ["$tgRepo", BacklogDirective])
module.directive("tgBacklogSprint", ["$tgRepo", BacklogSprintDirective])
module.directive("tgUsPoints", ["$tgRepo", UsPointsDirective])
module.directive("tgUsRolePointsSelector", ["$rootScope", UsRolePointsSelectorDirective])
module.directive("tgUsStatus", ["$tgRepo", UsStatusDirective])
module.controller("BacklogController", [
"$scope",

71
app/coffee/modules/common/directives.coffee
View File

@ -22,6 +22,7 @@
taiga = @.taiga
bindOnce = @.taiga.bindOnce
DateRangeDirective = ->
renderRange = ($el, first, second) ->
initDate = moment(first).format("YYYY/MM/DD")
@ -56,6 +57,7 @@ SprintProgressBarDirective = ->
return {link: link}
DateSelectorDirective =->
link = ($scope, $el, $attrs, $model) ->
picker = new Pikaday({field: $el[0]})
@ -66,7 +68,76 @@ DateSelectorDirective =->
}
#############################################################################
## User story status directive
#############################################################################
UsStatusDirective = ($repo) ->
### Print the status of a US and a popover to change it.
- tg-us-status: The user story
- on-update: Method call after US is updated
Example:
div.status(tg-us-status="us" on-update="ctrl.loadSprintState()")
a.us-status(href="", title="Status Name")
NOTE: This directive need 'usStatusById' and 'project'.
###
selectionTemplate = _.template("""
<ul class="popover pop-status">
<% _.forEach(statuses, function(status) { %>
<li>
<a href="" class="status" title="<%- status.name %>" data-status-id="<%- status.id %>">
<%- status.name %>
</a>
</li>
<% }); %>
</ul>
""")
updateUsStatus = ($el, us, usStatusById) ->
usStatusDom = $el.find(".us-status")
usStatusDom.text(usStatusById[us.status].name)
usStatusDom.css('color', usStatusById[us.status].color)
link = ($scope, $el, $attrs) ->
$ctrl = $el.controller()
us = $scope.$eval($attrs.tgUsStatus)
taiga.bindOnce $scope, "project", (project) ->
$el.append(selectionTemplate({ 'statuses': project.us_statuses }))
updateUsStatus($el, us, $scope.usStatusById)
$el.on "click", ".us-status", (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)
us.status = target.data("status-id")
$el.find(".pop-status").hide()
updateUsStatus($el, us, $scope.usStatusById)
$scope.$apply () ->
$repo.save(us).then ->
$scope.$eval($attrs.onUpdate)
$scope.$on "$destroy", ->
$el.off()
return {link: link}
module = angular.module("taigaCommon")
module.directive("tgDateRange", DateRangeDirective)
module.directive("tgSprintProgressbar", SprintProgressBarDirective)
module.directive("tgDateSelector", DateSelectorDirective)
module.directive("tgUsStatus", ["$tgRepo", UsStatusDirective])

66
app/coffee/modules/taskboard.coffee
View File

@ -137,71 +137,5 @@ TaskboardRowSizeFixer = ->
return {link: link}
#############################################################################
## User story status directive
#############################################################################
TaskboardUsStatusDirective = ($repo) ->
# NOTE: This directive is similar to backlog.main.UsStatusDirective
selectionTemplate = _.template("""
<ul class="popover pop-status">
<% _.forEach(statuses, function(status) { %>
<li>
<a href="" class="status" title="<%- status.name %>" data-status-id="<%- status.id %>">
<%- status.name %>
</a>
</li>
<% }); %>
</ul>
""")
updateUsStatus = ($el, us, usStatusById) ->
usStatusDom = $el.find(".us-status")
usStatusDom.text(usStatusById[us.status].name)
usStatusDom.css('color', usStatusById[us.status].color)
link = ($scope, $el, $attrs) ->
$ctrl = $el.controller()
us = $scope.$eval($attrs.tgTaskboardUsStatus)
taiga.bindOnce $scope, "project", (project) ->
$el.append(selectionTemplate({ 'statuses': project.us_statuses }))
updateUsStatus($el, us, $scope.usStatusById)
$el.on "click", ".us-status", (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)
us.status = target.data("status-id")
$el.find(".pop-status").hide()
updateUsStatus($el, us, $scope.usStatusById)
$scope.$apply () ->
$repo.save(us).then ->
$ctrl.loadSprintStats()
$scope.$on "$destroy", ->
$el.off()
return {link: link}
#############################################################################
## User story status directive
#############################################################################
TaskboardUsPointsDirective = ($repo) ->
module.directive("tgTaskboard", TaskboardDirective)
module.directive("tgTaskboardRowSizeFixer", TaskboardRowSizeFixer)
module.directive("tgTaskboardUsStatus", ["$tgRepo", TaskboardUsStatusDirective])

2
app/partials/views/components/backlog-row.jade
View File

@ -9,7 +9,7 @@ div.row.us-item-row(ng-repeat="us in visibleUserstories track by us.id")
div.user-story-tags
span.tag(ng-repeat="tag in us.tags") {{ tag }}
div.status.width-2(tg-us-status="us")
div.status.width-2(tg-us-status="us" on-update="ctrl.loadProjectStats()")
a.us-status(href="", title="Status Name")
div.points(tg-us-points="us")

2
app/partials/views/modules/taskboard-table.jade
View File

@ -12,7 +12,7 @@ div.taskboard-table
h3.us-title
span.us-ref(tg-bo-ref="us.ref")
span(ng-bind="us.subject")
div.status(tg-taskboard-us-status="us")
div.status(tg-us-status="us" on-update="ctrl.loadSprintState()")
a.us-status(href="", title="Status Name")
ul.points-list
li UX