Fix wrong taskboard table height calculation (fix #981)

This not implies resizes on windows is resized.

app/coffee/modules/taskboard/main.coffee

@@ -25,6 +25,7 @@ mixOf = @.taiga.mixOf
 groupBy = @.taiga.groupBy
 bindOnce = @.taiga.bindOnce
 scopeDefer = @.taiga.scopeDefer
+timeout = @.taiga.timeout
 
 module = angular.module("taigaTaskboard")
 
@@ -241,7 +242,7 @@ module.directive("tgTaskboardTask", ["$rootScope", TaskboardTaskDirective])
 ## Taskboard Task Row Size Fixer Directive
 #############################################################################
 
-TaskboardRowSizeFixer = ->
+TaskboardRowWidthFixerDirective = ->
     link = ($scope, $el, $attrs) ->
         bindOnce $scope, "taskStatusList", (statuses) ->
             itemSize = 300 + (10 * statuses.length)
@@ -250,7 +251,29 @@ TaskboardRowSizeFixer = ->
 
     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

app/partials/views/modules/taskboard-table.jade

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