From b8862380f889b8d74de0ede9ece33ae8e29bbcc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 13 Nov 2014 14:06:25 +0100
Subject: [PATCH] Broken kanban squish directive

---
 app/coffee/modules/kanban/main.coffee        | 20 +++++++++++++-------
 app/partials/views/modules/kanban-table.jade |  2 +-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/coffee/modules/kanban/main.coffee b/app/coffee/modules/kanban/main.coffee
index 92e363ac..84dd65e4 100644
--- a/app/coffee/modules/kanban/main.coffee
+++ b/app/coffee/modules/kanban/main.coffee
@@ -361,28 +361,34 @@ module.directive("tgKanbanUserstory", ["$rootScope", KanbanUserstoryDirective])
 
 KanbanSquishColumnDirective = ->
     link = ($scope, $el, $attrs) ->
-        buttonFold = $el.find(".hfold")
-        buttonUnfold = $el.find(".hunfold")
 
-        buttonFold.on "click", (event) ->
+        #TODO: Only header is folding/unfolding so
+        # 1. Fold/Unfold also related column (.task-colum-name and .task-colum)
+        # 2. Save folded/unfolded column status
+        # 3. Recalculate container width
+
+        $el.on "click", ".hfold", (event) ->
             target = angular.element(event.currentTarget)
             fold(target)
 
-        buttonUnfold.on "click", (event) ->
+        $el.on "click", ".hunfold", (event) ->
             target = angular.element(event.currentTarget)
             unfold(target)
 
     fold = (target) ->
-        console.log 'fold'
+        target.closest('.task-colum-name').addClass('fold')
+        target.toggleClass('hidden')
+        target.siblings('.hunfold').toggleClass('hidden')
 
     unfold = (target) ->
-        console.log 'unfold'
+        target.closest('.task-colum-name').removeClass('fold')
+        target.toggleClass('hidden')
+        target.siblings('.hfold').toggleClass('hidden')
 
     return {link: link}
 
 module.directive("tgKanbanSquishColumn", KanbanSquishColumnDirective)
 
-
 #############################################################################
 ## Kaban WIP Limit Directive
 #############################################################################
diff --git a/app/partials/views/modules/kanban-table.jade b/app/partials/views/modules/kanban-table.jade
index c32da5ea..16a2fa29 100644
--- a/app/partials/views/modules/kanban-table.jade
+++ b/app/partials/views/modules/kanban-table.jade
@@ -26,7 +26,7 @@ div.kanban-table(tg-kanban-squish-column)
             div.kanban-uses-box.task-column(ng-repeat="status in usStatusList track by status.id",
                                             tg-kanban-sortable,
                                             tg-kanban-wip-limit,
-                                            tg-kanban-column-height-fixer) //Add '.fold' class here if folded
+                                            tg-kanban-column-height-fixer)
                 div.kanban-task(ng-repeat="us in usByStatus[status.id] track by us.id",
                                 tg-kanban-userstory, ng-model="us",
                                 ng-class="ctrl.getCardClass(status.id)")