Move some lightbox directives from backlog to common.

stable
Andrey Antukh 2014-07-22 12:19:17 +02:00
parent 3f18a677f4
commit 2d3df5f55a
2 changed files with 142 additions and 136 deletions

View File

@ -24,142 +24,6 @@ bindOnce = @.taiga.bindOnce
module = angular.module("taigaBacklog") module = angular.module("taigaBacklog")
#############################################################################
## Create/Edit Userstory Lightbox Directive
#############################################################################
CreateEditUserstoryDirective = ($repo, $model, $rs, $rootScope) ->
link = ($scope, $el, attrs) ->
isNew = true
$scope.$on "usform:new", ->
$scope.us = {
project: $scope.projectId
is_archived: false
status: $scope.project.default_us_status
}
isNew = true
# Update texts for creation
$el.find(".button-green span").html("Create") #TODO: i18n
$el.find(".title").html("New user story ") #TODO: i18n
$el.removeClass("hidden")
$scope.$on "usform:edit", (ctx, us) ->
$scope.us = us
isNew = false
# Update texts for edition
$el.find(".button-green span").html("Save") #TODO: i18n
$el.find(".title").html("Edit user story ") #TODO: i18n
$el.removeClass("hidden")
# Update requirement info (team, client or blocked)
if us.is_blocked
$el.find(".blocked-note").show()
$el.find("label.blocked").addClass("selected")
if us.team_requirement
$el.find("label.team-requirement").addClass("selected")
if us.client_requirement
$el.find("label.client-requirement").addClass("selected")
$scope.$on "$destroy", ->
$el.off()
# Dom Event Handlers
$el.on "click", ".close", (event) ->
event.preventDefault()
$el.addClass("hidden")
$el.on "click", ".button-green", (event) ->
event.preventDefault()
form = $el.find("form").checksley()
if not form.validate()
return
if isNew
promise = $repo.create("userstories", $scope.us)
broadcastEvent = "usform:new:success"
else
promise = $repo.save($scope.us)
broadcastEvent = "usform:edit:success"
promise.then (data) ->
$el.addClass("hidden")
$rootScope.$broadcast(broadcastEvent, data)
$el.on "click", "label.blocked", (event) ->
event.preventDefault()
target = angular.element(event.currentTarget)
target.toggleClass("selected")
$scope.us.is_blocked = not $scope.us.is_blocked
$el.find(".blocked-note").toggle(400)
$el.on "click", "label.team-requirement", (event) ->
event.preventDefault()
angular.element(event.currentTarget).toggleClass("selected")
$scope.us.team_requirement = not $scope.us.team_requirement
$el.on "click", "label.client-requirement", (event) ->
event.preventDefault()
angular.element(event.currentTarget).toggleClass("selected")
$scope.us.client_requirement = not $scope.us.client_requirement
$scope.$on "$destroy", ->
$el.off()
return {link: link}
module.directive("tgLbCreateEditUserstory", [
"$tgRepo",
"$tgModel",
"$tgResources",
"$rootScope",
CreateEditUserstoryDirective
])
#############################################################################
## Creare Bulk Userstories Lightbox Directive
#############################################################################
CreateBulkUserstoriesDirective = ($repo, $rs, $rootscope) ->
link = ($scope, $el, attrs) ->
$scope.form = {data: ""}
$scope.$on "usform:bulk", ->
$el.removeClass("hidden")
$scope.form = {data: ""}
$el.on "click", ".close", (event) ->
event.preventDefault()
$el.addClass("hidden")
$el.on "click", ".button-green", (event) ->
event.preventDefault()
form = $el.find("form").checksley()
if not form.validate()
return
data = $scope.form.data
projectId = $scope.projectId
$rs.userstories.bulkCreate(projectId, data).then (result) ->
$rootscope.$broadcast("usform:bulk:success", result)
$el.addClass("hidden")
$scope.$on "$destroy", ->
$el.off()
return {link: link}
module.directive("tgLbCreateBulkUserstories", [
"$tgRepo",
"$tgResources",
"$rootScope",
CreateBulkUserstoriesDirective
])
############################################################################# #############################################################################
## Creare/Edit Sprint Lightbox Directive ## Creare/Edit Sprint Lightbox Directive
############################################################################# #############################################################################

View File

@ -21,6 +21,9 @@
module = angular.module("taigaCommon") module = angular.module("taigaCommon")
#############################################################################
## Block Directive
#############################################################################
BlockDirective = -> BlockDirective = ->
link = ($scope, $el, $attrs, $model) -> link = ($scope, $el, $attrs, $model) ->
@ -53,3 +56,142 @@ BlockDirective = ->
return {link:link, require:"ngModel"} return {link:link, require:"ngModel"}
module.directive("tgLbBlock", BlockDirective) module.directive("tgLbBlock", BlockDirective)
#############################################################################
## Create/Edit Userstory Lightbox Directive
#############################################################################
CreateEditUserstoryDirective = ($repo, $model, $rs, $rootScope) ->
link = ($scope, $el, attrs) ->
isNew = true
$scope.$on "usform:new", (ctx, statusId) ->
$scope.us = {
project: $scope.projectId
is_archived: false
status: $scope.project.default_us_status
}
isNew = true
# Update texts for creation
$el.find(".button-green span").html("Create") #TODO: i18n
$el.find(".title").html("New user story ") #TODO: i18n
$el.removeClass("hidden")
$scope.$on "usform:edit", (ctx, us) ->
$scope.us = us
isNew = false
# Update texts for edition
$el.find(".button-green span").html("Save") #TODO: i18n
$el.find(".title").html("Edit user story ") #TODO: i18n
$el.removeClass("hidden")
# Update requirement info (team, client or blocked)
if us.is_blocked
$el.find(".blocked-note").show()
$el.find("label.blocked").addClass("selected")
if us.team_requirement
$el.find("label.team-requirement").addClass("selected")
if us.client_requirement
$el.find("label.client-requirement").addClass("selected")
$scope.$on "$destroy", ->
$el.off()
# Dom Event Handlers
$el.on "click", ".close", (event) ->
event.preventDefault()
$el.addClass("hidden")
$el.on "click", ".button-green", (event) ->
event.preventDefault()
form = $el.find("form").checksley()
if not form.validate()
return
if isNew
promise = $repo.create("userstories", $scope.us)
broadcastEvent = "usform:new:success"
else
promise = $repo.save($scope.us)
broadcastEvent = "usform:edit:success"
promise.then (data) ->
$el.addClass("hidden")
$rootScope.$broadcast(broadcastEvent, data)
$el.on "click", "label.blocked", (event) ->
event.preventDefault()
target = angular.element(event.currentTarget)
target.toggleClass("selected")
$scope.us.is_blocked = not $scope.us.is_blocked
$el.find(".blocked-note").toggle(400)
$el.on "click", "label.team-requirement", (event) ->
event.preventDefault()
angular.element(event.currentTarget).toggleClass("selected")
$scope.us.team_requirement = not $scope.us.team_requirement
$el.on "click", "label.client-requirement", (event) ->
event.preventDefault()
angular.element(event.currentTarget).toggleClass("selected")
$scope.us.client_requirement = not $scope.us.client_requirement
$scope.$on "$destroy", ->
$el.off()
return {link: link}
module.directive("tgLbCreateEditUserstory", [
"$tgRepo",
"$tgModel",
"$tgResources",
"$rootScope",
CreateEditUserstoryDirective
])
#############################################################################
## Creare Bulk Userstories Lightbox Directive
#############################################################################
CreateBulkUserstoriesDirective = ($repo, $rs, $rootscope) ->
link = ($scope, $el, attrs) ->
$scope.form = {data: ""}
$scope.$on "usform:bulk", ->
$el.removeClass("hidden")
$scope.form = {data: ""}
$el.on "click", ".close", (event) ->
event.preventDefault()
$el.addClass("hidden")
$el.on "click", ".button-green", (event) ->
event.preventDefault()
form = $el.find("form").checksley()
if not form.validate()
return
data = $scope.form.data
projectId = $scope.projectId
$rs.userstories.bulkCreate(projectId, data).then (result) ->
$rootscope.$broadcast("usform:bulk:success", result)
$el.addClass("hidden")
$scope.$on "$destroy", ->
$el.off()
return {link: link}
module.directive("tgLbCreateBulkUserstories", [
"$tgRepo",
"$tgResources",
"$rootScope",
CreateBulkUserstoriesDirective
])