""")
+
+ updateTaskStatus = ($el, task, taskStatusById) ->
+ taskStatusDomParent = $el.find(".us-status")
+ taskStatusDom = $el.find(".task-status .task-status-bind")
+
+ if taskStatusById[task.status]
+ taskStatusDom.text(taskStatusById[task.status].name)
+ taskStatusDomParent.css('color', taskStatusById[task.status].color)
+
+ link = ($scope, $el, $attrs) ->
+ $ctrl = $el.controller()
+ task = $scope.$eval($attrs.tgRelatedTaskStatus)
+ notAutoSave = $scope.$eval($attrs.notAutoSave)
+ autoSave = !notAutoSave
+
+ $el.on "click", ".task-status", (event) ->
+ event.preventDefault()
+ event.stopPropagation()
+
+ $el.find(".pop-status").popover().open()
+
+ # pop = $el.find(".pop-status")
+ # popoverService.open(pop)
+
+ $el.on "click", ".status", (event) ->
+ event.preventDefault()
+ event.stopPropagation()
+ target = angular.element(event.currentTarget)
+ task.status = target.data("status-id")
+ $el.find(".pop-status").popover().close()
+ updateTaskStatus($el, task, $scope.taskStatusById)
+
+ if autoSave
+ $scope.$apply () ->
+ $repo.save(task).then ->
+ $scope.$eval($attrs.onUpdate)
+ $scope.$emit("related-tasks:status-changed")
+
+ taiga.bindOnce $scope, "project", (project) ->
+ $el.append(selectionTemplate({ 'statuses': project.task_statuses }))
+ updateTaskStatus($el, task, $scope.taskStatusById)
+
+ # If the user has not enough permissions the click events are unbinded
+ if project.my_permissions.indexOf("modify_task") == -1
+ $el.unbind("click")
+ $el.find("a").addClass("not-clickable")
+
+ $scope.$on "$destroy", ->
+ $el.off()
+
+ return {link: link}
+
+module.directive("tgRelatedTaskStatus", ["$tgRepo", RelatedTaskStatusDirective])
+
$.fn.popover = () ->
$el = @
diff --git a/app/coffee/modules/related-tasks.coffee b/app/coffee/modules/related-tasks.coffee
new file mode 100644
index 00000000..38d5e57e
--- /dev/null
+++ b/app/coffee/modules/related-tasks.coffee
@@ -0,0 +1,342 @@
+###
+# Copyright (C) 2014 Andrey Antukh
+# Copyright (C) 2014 Jesús Espino Garcia
+# Copyright (C) 2014 David Barragán Merino
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as
+# published by the Free Software Foundation, either version 3 of the
+# License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program. If not, see .
+#
+# File: modules/related-tasks.coffee
+###
+
+taiga = @.taiga
+trim = @.taiga.trim
+
+module = angular.module("taigaRelatedTasks", [])
+
+RelatedTaskRowDirective = ($repo, $compile, $confirm, $rootscope) ->
+ templateView = _.template("""
+
+