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

Fix wrong taskboard table height calculation (fix #981) 

This not implies resizes on windows is resized.
stable
Andrey Antukh 2014-09-15 20:10:19 +02:00
parent 521d6e640a
commit 2fc0ae1c8e
2 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/coffee/modules/taskboard/main.coffee
View File

@ -25,6 +25,7 @@ mixOf = @.taiga.mixOf
groupBy = @.taiga.groupBy groupBy = @.taiga.groupBy
bindOnce = @.taiga.bindOnce bindOnce = @.taiga.bindOnce
scopeDefer = @.taiga.scopeDefer scopeDefer = @.taiga.scopeDefer
timeout = @.taiga.timeout
module = angular.module("taigaTaskboard") module = angular.module("taigaTaskboard")
@ -241,7 +242,7 @@ module.directive("tgTaskboardTask", ["$rootScope", TaskboardTaskDirective])
## Taskboard Task Row Size Fixer Directive ## Taskboard Task Row Size Fixer Directive
############################################################################# #############################################################################
TaskboardRowSizeFixer = -> TaskboardRowWidthFixerDirective = ->
link = ($scope, $el, $attrs) -> link = ($scope, $el, $attrs) ->
bindOnce $scope, "taskStatusList", (statuses) -> bindOnce $scope, "taskStatusList", (statuses) ->
itemSize = 300 + (10 * statuses.length) itemSize = 300 + (10 * statuses.length)
@ -250,7 +251,29 @@ TaskboardRowSizeFixer = ->
return {link: link} return {link: link}
module.directive("tgTaskboardRowSizeFixer", TaskboardRowSizeFixer) module.directive("tgTaskboardRowWidthFixer", TaskboardRowWidthFixerDirective)
#############################################################################
## Taskboard Table Height Fixer Directive
#############################################################################
TaskboardTableHeightFixerDirective = ->
mainPadding = 32 # px
renderSize = ($el) ->
elementOffset = $el.offset().top
windowHeight = angular.element(window).height()
columnHeight = windowHeight - elementOffset - mainPadding
$el.css("height", "#{columnHeight}px")
link = ($scope, $el, $attrs) ->
timeout(500, -> renderSize($el))
return {link:link}
module.directive("tgTaskboardTableHeightFixer", TaskboardTableHeightFixerDirective)
############################################################################# #############################################################################
## Taskboard User Directive ## Taskboard User Directive

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

@ -1,13 +1,13 @@
div.taskboard-table div.taskboard-table
div.taskboard-table-header div.taskboard-table-header
div.taskboard-table-inner(tg-taskboard-row-size-fixer) div.taskboard-table-inner(tg-taskboard-row-width-fixer)
h2.task-colum_name "User story" h2.task-colum_name "User story"
h2.task-colum_name(ng-repeat="s in taskStatusList track by s.id", h2.task-colum_name(ng-repeat="s in taskStatusList track by s.id",
ng-style="{'border-top-color':s.color}") ng-style="{'border-top-color':s.color}")
span(tg-bo-bind="s.name") span(tg-bo-bind="s.name")
div.taskboard-table-body div.taskboard-table-body(tg-taskboard-table-height-fixer)
div.taskboard-table-inner(tg-taskboard-row-size-fixer) div.taskboard-table-inner(tg-taskboard-row-width-fixer)
div.task-row(ng-repeat="us in userstories track by us.id") div.task-row(ng-repeat="us in userstories track by us.id")
div.taskboard-userstory-box.task-column div.taskboard-userstory-box.task-column
div.tag-list div.tag-list