Show in user interface the saving state of the task

1 files changed, 10 insertions, 1 deletions

diff --git a/assets/js/src/Board.js b/assets/js/src/Board.js
index dede3e2b..b7c1937a 100644
--- a/assets/js/src/Board.js
+++ b/assets/js/src/Board.js
@@ -108,9 +108,12 @@ Board.prototype.dragAndDrop = function() {
         placeholder: "draggable-placeholder",
         items: ".draggable-item",
         stop: function(event, ui) {
+            var taskId = ui.item.attr('data-task-id');
             ui.item.removeClass("draggable-item-selected");
+            self.changeTaskState(taskId);
+
             self.save(
-                ui.item.attr('data-task-id'),
+                taskId,
                 ui.item.parent().attr("data-column-id"),
                 ui.item.index() + 1,
                 ui.item.parent().attr('data-swimlane-id')
@@ -130,6 +133,12 @@ Board.prototype.dragAndDrop = function() {
     $(".board-task-list").sortable(params);
 };
 
+Board.prototype.changeTaskState = function(taskId) {
+    var task = $("div[data-task-id=" + taskId + "]");
+    task.addClass('task-board-saving-state');
+    task.find('.task-board-saving-icon').show();
+};
+
 Board.prototype.listen = function() {
     var self = this;