296 lines
8.7 KiB
JavaScript
296 lines
8.7 KiB
JavaScript
function Board(app) {
|
|
this.app = app;
|
|
this.checkInterval = null;
|
|
}
|
|
|
|
Board.prototype.execute = function() {
|
|
this.app.swimlane.refresh();
|
|
this.restoreColumnViewMode();
|
|
this.compactView();
|
|
this.columnScrolling();
|
|
this.poll();
|
|
this.keyboardShortcuts();
|
|
this.listen();
|
|
this.dragAndDrop();
|
|
|
|
$(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()) {
|
|
|
|
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) {
|
|
this.app.showLoadingIcon();
|
|
|
|
$.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: this.refresh.bind(this),
|
|
error: this.app.hideLoadingIcon.bind(this)
|
|
});
|
|
};
|
|
|
|
Board.prototype.refresh = function(data) {
|
|
$("#board-container").replaceWith(data);
|
|
|
|
this.app.refresh();
|
|
this.app.swimlane.refresh();
|
|
this.columnScrolling();
|
|
this.app.hideLoadingIcon();
|
|
this.listen();
|
|
this.dragAndDrop();
|
|
this.compactView();
|
|
this.restoreColumnViewMode();
|
|
};
|
|
|
|
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) {
|
|
ui.item.removeClass("draggable-item-selected");
|
|
self.save(
|
|
ui.item.attr('data-task-id'),
|
|
ui.item.parent().attr("data-column-id"),
|
|
ui.item.index() + 1,
|
|
ui.item.parent().attr('data-swimlane-id')
|
|
);
|
|
},
|
|
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.listen = function() {
|
|
var self = this;
|
|
|
|
$(document).on("click", ".task-board", function(e) {
|
|
if (e.target.tagName != "A") {
|
|
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-column-title", function() {
|
|
self.toggleColumnViewMode($(this).data("column-id"));
|
|
});
|
|
};
|
|
|
|
Board.prototype.toggleColumnScrolling = function() {
|
|
var scrolling = localStorage.getItem("column_scroll") || 1;
|
|
localStorage.setItem("column_scroll", scrolling == 0 ? 1 : 0);
|
|
this.columnScrolling();
|
|
};
|
|
|
|
Board.prototype.columnScrolling = function() {
|
|
if (localStorage.getItem("column_scroll") == 0) {
|
|
$(".filter-max-height").show();
|
|
$(".filter-min-height").hide();
|
|
|
|
$(".board-task-list").each(function() {
|
|
$(this).css("min-height", 80);
|
|
$(this).css("height", '');
|
|
$(".board-rotation-wrapper").css("min-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() - 145;
|
|
|
|
$(".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"));
|
|
});
|
|
};
|