summaryrefslogtreecommitdiff
path: root/assets/js/src/Board.js
diff options
context:
space:
mode:
Diffstat (limited to 'assets/js/src/Board.js')
-rw-r--r--assets/js/src/Board.js336
1 files changed, 0 insertions, 336 deletions
diff --git a/assets/js/src/Board.js b/assets/js/src/Board.js
deleted file mode 100644
index c9cad284..00000000
--- a/assets/js/src/Board.js
+++ /dev/null
@@ -1,336 +0,0 @@
-function Board(app) {
- this.app = app;
- this.checkInterval = null;
- this.savingInProgress = false;
-}
-
-Board.prototype.execute = function() {
- this.app.swimlane.refresh();
- this.restoreColumnViewMode();
- this.compactView();
- this.poll();
- this.keyboardShortcuts();
- this.listen();
- this.dragAndDrop();
-
- $(window).on("load", this.columnScrolling);
- $(window).resize(this.columnScrolling);
-};
-
-Board.prototype.poll = function() {
- var interval = parseInt($("#board").attr("data-check-interval"));
-
- if (interval > 0) {
- this.checkInterval = window.setInterval(this.check.bind(this), interval * 1000);
- }
-};
-
-Board.prototype.reloadFilters = function(search) {
- this.app.showLoadingIcon();
-
- $.ajax({
- cache: false,
- url: $("#board").data("reload-url"),
- contentType: "application/json",
- type: "POST",
- processData: false,
- data: JSON.stringify({
- search: search
- }),
- success: this.refresh.bind(this),
- error: this.app.hideLoadingIcon.bind(this)
- });
-};
-
-Board.prototype.check = function() {
- if (this.app.isVisible() && ! this.savingInProgress) {
- var self = this;
- this.app.showLoadingIcon();
-
- $.ajax({
- cache: false,
- url: $("#board").data("check-url"),
- statusCode: {
- 200: function(data) { self.refresh(data); },
- 304: function () { self.app.hideLoadingIcon(); }
- }
- });
- }
-};
-
-Board.prototype.save = function(taskId, columnId, position, swimlaneId) {
- var self = this;
- this.app.showLoadingIcon();
- this.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);
- this.savingInProgress = false;
- },
- error: function() {
- self.app.hideLoadingIcon();
- this.savingInProgress = false;
- }
- });
-};
-
-Board.prototype.refresh = function(data) {
- $("#board-container").replaceWith(data);
-
- this.app.refresh();
- this.app.swimlane.refresh();
- this.app.hideLoadingIcon();
- this.listen();
- this.dragAndDrop();
- this.compactView();
- this.restoreColumnViewMode();
- this.columnScrolling();
-};
-
-Board.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);
-};
-
-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;
-
- $(document).on("click", ".task-board-change-assignee", function(e) {
- e.preventDefault();
- self.app.popover.open($(this).data('url'));
- });
-
- $(document).on("click", ".task-board", function(e) {
- if (e.target.tagName != "A" && e.target.tagName != "IMG") {
- window.location = $(this).data("task-url");
- }
- });
-
- $(document).on('click', ".filter-toggle-scrolling", function(e) {
- e.preventDefault();
- self.toggleCompactView();
- });
-
- $(document).on('click', ".filter-toggle-height", function(e) {
- e.preventDefault();
- self.toggleColumnScrolling();
- });
-
- $(document).on("click", ".board-toggle-column-view", function() {
- self.toggleColumnViewMode($(this).data("column-id"));
- });
-};
-
-Board.prototype.toggleColumnScrolling = function() {
- var scrolling = localStorage.getItem("column_scroll");
-
- if (scrolling == undefined) {
- scrolling = 1;
- }
-
- localStorage.setItem("column_scroll", scrolling == 0 ? 1 : 0);
- this.columnScrolling();
-};
-
-Board.prototype.columnScrolling = function() {
- if (localStorage.getItem("column_scroll") == 0) {
- var height = 80;
-
- $(".filter-max-height").show();
- $(".filter-min-height").hide();
- $(".board-rotation-wrapper").css("min-height", '');
-
- $(".board-task-list").each(function() {
- var columnHeight = $(this).height();
-
- if (columnHeight > height) {
- height = columnHeight;
- }
- });
-
- $(".board-task-list").css("min-height", height);
- $(".board-task-list").css("height", '');
- }
- else {
-
- $(".filter-max-height").hide();
- $(".filter-min-height").show();
-
- if ($(".board-swimlane").length > 1) {
- $(".board-task-list").each(function() {
- if ($(this).height() > 500) {
- $(this).css("height", 500);
- }
- else {
- $(this).css("min-height", 320); // Height of the dropdown menu
- $(".board-rotation-wrapper").css("min-height", 320);
- }
- });
- }
- else {
- var height = $(window).height() - 170;
-
- $(".board-task-list").css("height", height);
- $(".board-rotation-wrapper").css("min-height", height);
- }
- }
-};
-
-Board.prototype.toggleCompactView = function() {
- var scrolling = localStorage.getItem("horizontal_scroll") || 1;
- localStorage.setItem("horizontal_scroll", scrolling == 0 ? 1 : 0);
- this.compactView();
-};
-
-Board.prototype.compactView = function() {
- if (localStorage.getItem("horizontal_scroll") == 0) {
- $(".filter-wide").show();
- $(".filter-compact").hide();
-
- $("#board-container").addClass("board-container-compact");
- $("#board th:not(.board-column-header-collapsed)").addClass("board-column-compact");
- }
- else {
- $(".filter-wide").hide();
- $(".filter-compact").show();
-
- $("#board-container").removeClass("board-container-compact");
- $("#board th").removeClass("board-column-compact");
- }
-};
-
-Board.prototype.toggleCollapsedMode = function() {
- var self = this;
- this.app.showLoadingIcon();
-
- $.ajax({
- cache: false,
- url: $('.filter-display-mode:not([style="display: none;"]) a').attr('href'),
- success: function(data) {
- $('.filter-display-mode').toggle();
- self.refresh(data);
- }
- });
-};
-
-Board.prototype.restoreColumnViewMode = function() {
- var self = this;
-
- $(".board-column-header").each(function() {
- var columnId = $(this).data('column-id');
- if (localStorage.getItem("hidden_column_" + columnId)) {
- self.hideColumn(columnId);
- }
- });
-};
-
-Board.prototype.toggleColumnViewMode = function(columnId) {
- if (localStorage.getItem("hidden_column_" + columnId)) {
- this.showColumn(columnId);
- }
- else {
- this.hideColumn(columnId);
- }
-};
-
-Board.prototype.hideColumn = function(columnId) {
- $(".board-column-" + columnId + " .board-column-expanded").hide();
- $(".board-column-" + columnId + " .board-column-collapsed").show();
- $(".board-column-header-" + columnId + " .board-column-expanded").hide();
- $(".board-column-header-" + columnId + " .board-column-collapsed").show();
-
- $(".board-column-header-" + columnId).each(function() {
- $(this).removeClass("board-column-compact");
- $(this).addClass("board-column-header-collapsed");
- });
-
- $(".board-column-" + columnId ).each(function() {
- $(this).addClass("board-column-task-collapsed");
- });
-
- $(".board-column-" + columnId + " .board-rotation").each(function() {
- $(this).css("width", $(".board-column-" + columnId + "").height());
- });
-
- localStorage.setItem("hidden_column_" + columnId, 1);
-};
-
-Board.prototype.showColumn = function(columnId) {
- $(".board-column-" + columnId + " .board-column-expanded").show();
- $(".board-column-" + columnId + " .board-column-collapsed").hide();
- $(".board-column-header-" + columnId + " .board-column-expanded").show();
- $(".board-column-header-" + columnId + " .board-column-collapsed").hide();
-
- $(".board-column-header-" + columnId).removeClass("board-column-header-collapsed");
- $(".board-column-" + columnId).removeClass("board-column-task-collapsed");
-
- if (localStorage.getItem("horizontal_scroll") == 0) {
- $(".board-column-header-" + columnId).addClass("board-column-compact");
- }
-
- localStorage.removeItem("hidden_column_" + columnId);
-};
-
-Board.prototype.keyboardShortcuts = function() {
- var self = this;
-
- Mousetrap.bind("c", function() { self.toggleCompactView(); });
- Mousetrap.bind("s", function() { self.toggleCollapsedMode(); });
-
- Mousetrap.bind("n", function() {
- self.app.popover.open($("#board").data("task-creation-url"));
- });
-};
generated by cgit v1.2.3 (git 2.39.1) at 2024-10-21 06:28:40 +0000