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

Squish Kanban Directive

stable
Xavier Julián 2014-11-13 12:52:55 +01:00
parent f7421b4440
commit 766fc94c02
2 changed files with 31 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -355,6 +355,33 @@ KanbanUserstoryDirective = ($rootscope) ->
module.directive("tgKanbanUserstory", ["$rootScope", KanbanUserstoryDirective]) module.directive("tgKanbanUserstory", ["$rootScope", KanbanUserstoryDirective])
#############################################################################
## Kanban Squish Column Directive
#############################################################################
KanbanSquishColumnDirective = ->
link = ($scope, $el, $attrs) ->
buttonFold = $el.find(".hfold")
buttonUnfold = $el.find(".hunfold")
buttonFold.on "click", (event) ->
target = angular.element(event.currentTarget)
fold(target)
buttonUnfold.on "click", (event) ->
target = angular.element(event.currentTarget)
unfold(target)
fold = (target) ->
console.log 'fold'
unfold = (target) ->
console.log 'unfold'
return {link: link}
module.directive("tgKanbanSquishColumn", KanbanSquishColumnDirective)
############################################################################# #############################################################################
## Kaban WIP Limit Directive ## Kaban WIP Limit Directive

8
app/partials/views/modules/kanban-table.jade
View File

@ -1,11 +1,11 @@
div.kanban-table div.kanban-table(tg-kanban-squish-column)
div.kanban-table-header div.kanban-table-header
div.kanban-table-inner(tg-kanban-row-width-fixer) div.kanban-table-inner(tg-kanban-row-width-fixer)
h2.task-colum-name(ng-repeat="s in usStatusList track by s.id", ng-style="{'border-top-color':s.color}") //Add '.fold' class here if folded h2.task-colum-name(ng-repeat="s in usStatusList track by s.id", ng-style="{'border-top-color':s.color}")
span(tg-bo-bind="s.name") span(tg-bo-bind="s.name")
div.options div.options
a.icon.icon-vfold.hfold(href="", title="Fold Column") //Toggle hidden class if folded a.icon.icon-vfold.hfold(href="", title="Fold Column")
a.icon.icon-vunfold.hunfold.hidden(href="", title="Unfold Column") //Toggle hidden class if folded a.icon.icon-vunfold.hunfold.hidden(href="", title="Unfold Column")
a.icon.icon-vfold(href="", title="Fold Cards", a.icon.icon-vfold(href="", title="Fold Cards",
ng-if="statusViewModes[s.id] == 'maximized'", ng-if="statusViewModes[s.id] == 'maximized'",
ng-click="ctrl.updateStatusViewMode(s.id, 'minimized')") ng-click="ctrl.updateStatusViewMode(s.id, 'minimized')")