Added Markdown editor and Javascript code refactoring

2016-03-20 15:45:02 -04:00
parent 787e91ca41
commit f77d6c590b
64 changed files with 1154 additions and 3644 deletions
--- a/assets/js/src/BoardDragAndDrop.js
+++ b/assets/js/src/BoardDragAndDrop.js
@@ -0,0 +1,103 @@
+Kanboard.BoardDragAndDrop = function(app) {
+    this.app = app;
+    this.savingInProgress = false;
+};
+
+Kanboard.BoardDragAndDrop.prototype.execute = function() {
+    if (this.app.hasId("board")) {
+        this.dragAndDrop();
+        this.executeListeners();
+    }
+};
+
+Kanboard.BoardDragAndDrop.prototype.dragAndDrop = function() {
+    var self = this;
+    var params = {
+        forcePlaceholderSize: true,
+        tolerance: "pointer",
+        connectWith: ".board-task-list",
+        placeholder: "draggable-placeholder",
+        items: ".draggable-item",
+        stop: function(event, ui) {
+            var task = ui.item;
+            var taskId = task.attr('data-task-id');
+            var taskPosition = task.attr('data-position');
+            var taskColumnId = task.attr('data-column-id');
+            var taskSwimlaneId = task.attr('data-swimlane-id');
+
+            var newColumnId = task.parent().attr("data-column-id");
+            var newSwimlaneId = task.parent().attr('data-swimlane-id');
+            var newPosition = task.index() + 1;
+
+            task.removeClass("draggable-item-selected");
+
+            if (newColumnId != taskColumnId || newSwimlaneId != taskSwimlaneId || newPosition != taskPosition) {
+                self.changeTaskState(taskId);
+                self.save(taskId, newColumnId, newPosition, newSwimlaneId);
+            }
+        },
+        start: function(event, ui) {
+            ui.item.addClass("draggable-item-selected");
+            ui.placeholder.height(ui.item.height());
+        }
+    };
+
+    if ($.support.touch) {
+        $(".task-board-sort-handle").css("display", "inline");
+        params["handle"] = ".task-board-sort-handle";
+    }
+
+    $(".board-task-list").sortable(params);
+};
+
+Kanboard.BoardDragAndDrop.prototype.changeTaskState = function(taskId) {
+    var task = $("div[data-task-id=" + taskId + "]");
+    task.addClass('task-board-saving-state');
+    task.find('.task-board-saving-icon').show();
+};
+
+Kanboard.BoardDragAndDrop.prototype.save = function(taskId, columnId, position, swimlaneId) {
+    var self = this;
+    self.app.showLoadingIcon();
+    self.savingInProgress = true;
+
+    $.ajax({
+        cache: false,
+        url: $("#board").data("save-url"),
+        contentType: "application/json",
+        type: "POST",
+        processData: false,
+        data: JSON.stringify({
+            "task_id": taskId,
+            "column_id": columnId,
+            "swimlane_id": swimlaneId,
+            "position": position
+        }),
+        success: function(data) {
+            self.refresh(data);
+            self.savingInProgress = false;
+        },
+        error: function() {
+            self.app.hideLoadingIcon();
+            self.savingInProgress = false;
+        }
+    });
+};
+
+Kanboard.BoardDragAndDrop.prototype.refresh = function(data) {
+    $("#board-container").replaceWith(data);
+
+    this.app.hideLoadingIcon();
+    this.dragAndDrop();
+    this.executeListeners();
+};
+
+Kanboard.BoardDragAndDrop.prototype.executeListeners = function() {
+    for (var className in this.app.controllers) {
+        var controller = this.app.get(className);
+
+        if (typeof controller.onBoardRendered === "function") {
+            controller.onBoardRendered();
+        }
+    }
+};