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

Related tasks spinner

stable
Jesús Espino 2014-09-18 18:17:42 +02:00
parent fafb81e9c5
commit 9a918ad9d8
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/coffee/modules/related-tasks.coffee
View File

@ -25,7 +25,7 @@ debounce = @.taiga.debounce
module = angular.module("taigaRelatedTasks", []) module = angular.module("taigaRelatedTasks", [])
RelatedTaskRowDirective = ($repo, $compile, $confirm, $rootscope) -> RelatedTaskRowDirective = ($repo, $compile, $confirm, $rootscope, $loading) ->
templateView = _.template(""" templateView = _.template("""
<div class="tasks"> <div class="tasks">
<div class="task-name"> <div class="task-name">
@ -89,26 +89,33 @@ RelatedTaskRowDirective = ($repo, $compile, $confirm, $rootscope) ->
link = ($scope, $el, $attrs, $model) -> link = ($scope, $el, $attrs, $model) ->
saveTask = debounce 2000, (task) -> saveTask = debounce 2000, (task) ->
task.subject = $el.find('input').val() task.subject = $el.find('input').val()
$loading.start($el.find('.task-name'))
promise = $repo.save(task) promise = $repo.save(task)
promise.then => promise.then =>
$loading.finish($el.find('.task-name'))
$confirm.notify("success") $confirm.notify("success")
$rootscope.$broadcast("related-tasks:update") $rootscope.$broadcast("related-tasks:update")
promise.then null, => promise.then null, =>
$loading.finish($el.find('.task-name'))
$el.find('input').val(task.subject)
$confirm.notify("error") $confirm.notify("error")
return promise
renderEdit = (task) -> renderEdit = (task) ->
$el.html($compile(templateEdit({task: task}))($scope)) $el.html($compile(templateEdit({task: task}))($scope))
$el.on "keyup", "input", (event) -> $el.on "keyup", "input", (event) ->
if event.keyCode == 13 if event.keyCode == 13
saveTask($model.$modelValue) saveTask($model.$modelValue).then ->
renderView($model.$modelValue) renderView($model.$modelValue)
else if event.keyCode == 27 else if event.keyCode == 27
renderView($model.$modelValue) renderView($model.$modelValue)
$el.on "click", ".icon-floppy", (event) -> $el.on "click", ".icon-floppy", (event) ->
saveTask($model.$modelValue) saveTask($model.$modelValue).then ->
renderView($model.$modelValue) renderView($model.$modelValue)
$el.on "click", ".cancel-edit", (event) -> $el.on "click", ".cancel-edit", (event) ->
@ -159,9 +166,9 @@ RelatedTaskRowDirective = ($repo, $compile, $confirm, $rootscope) ->
return {link:link, require:"ngModel"} return {link:link, require:"ngModel"}
module.directive("tgRelatedTaskRow", ["$tgRepo", "$compile", "$tgConfirm", "$rootScope", RelatedTaskRowDirective]) module.directive("tgRelatedTaskRow", ["$tgRepo", "$compile", "$tgConfirm", "$rootScope", "$tgLoading", RelatedTaskRowDirective])
RelatedTaskCreateFormDirective = ($repo, $compile, $confirm, $tgmodel) -> RelatedTaskCreateFormDirective = ($repo, $compile, $confirm, $tgmodel, $loading) ->
template = _.template(""" template = _.template("""
<div class="tasks"> <div class="tasks">
<div class="task-name"> <div class="task-name">
@ -199,12 +206,16 @@ RelatedTaskCreateFormDirective = ($repo, $compile, $confirm, $tgmodel) ->
$scope.newTask.status = $scope.project.default_task_status $scope.newTask.status = $scope.project.default_task_status
$scope.newTask.assigned_to = null $scope.newTask.assigned_to = null
$loading.start($el.find('.task-name'))
promise = $repo.create("tasks", task) promise = $repo.create("tasks", task)
promise.then -> promise.then ->
$loading.finish($el.find('.task-name'))
$scope.$emit("related-tasks:add") $scope.$emit("related-tasks:add")
$confirm.notify("success") $confirm.notify("success")
promise.then null, -> promise.then null, ->
$el.find('input').val(task.subject)
$loading.finish($el.find('.task-name'))
$confirm.notify("error") $confirm.notify("error")
return promise return promise
@ -245,7 +256,7 @@ RelatedTaskCreateFormDirective = ($repo, $compile, $confirm, $tgmodel) ->
$el.off() $el.off()
return {link: link} return {link: link}
module.directive("tgRelatedTaskCreateForm", ["$tgRepo", "$compile", "$tgConfirm", "$tgModel", RelatedTaskCreateFormDirective]) module.directive("tgRelatedTaskCreateForm", ["$tgRepo", "$compile", "$tgConfirm", "$tgModel", "$tgLoading", RelatedTaskCreateFormDirective])
RelatedTaskCreateButtonDirective = ($repo, $compile, $confirm, $tgmodel) -> RelatedTaskCreateButtonDirective = ($repo, $compile, $confirm, $tgmodel) ->
template = _.template(""" template = _.template("""

10
app/styles/modules/common/related-tasks.scss
View File

@ -97,6 +97,16 @@
padding: 3px; padding: 3px;
width: 85%; width: 85%;
} }
&.loading {
margin: 0;
padding: 8px;
text-align: center;
width: 100%;
span {
@include animation (loading .5s linear);
@include animation (spin 1s linear infinite);
}
}
} }
.blocked, .blocked,
.blocked:hover { .blocked:hover {