Add the possibility to set/unset max column height (scrolling)

This commit is contained in:
Frederic Guillot
2015-09-26 18:10:00 -04:00
parent 1fca5e721a
commit 53f4b41008
30 changed files with 117 additions and 29 deletions

View File

@@ -8,13 +8,13 @@ Board.prototype.execute = function() {
this.app.swimlane.listen();
this.restoreColumnViewMode();
this.compactView();
this.columnScrolling();
this.poll();
this.keyboardShortcuts();
this.resizeColumnHeight();
this.listen();
this.dragAndDrop();
$(window).resize(this.resizeColumnHeight);
$(window).resize(this.columnScrolling);
};
Board.prototype.poll = function() {
@@ -85,7 +85,7 @@ Board.prototype.refresh = function(data) {
this.app.refresh();
this.app.swimlane.refresh();
this.app.swimlane.listen();
this.resizeColumnHeight();
this.columnScrolling();
this.app.hideLoadingIcon();
this.listen();
this.dragAndDrop();
@@ -93,22 +93,6 @@ Board.prototype.refresh = function(data) {
this.restoreColumnViewMode();
};
Board.prototype.resizeColumnHeight = function() {
if ($(".board-swimlane").length > 1) {
$(".board-task-list").each(function() {
if ($(this).height() > 500) {
$(this).height(500);
}
else {
$(this).css("min-height", 320); // Min height is the height of the menu dropdown
}
});
}
else {
$(".board-task-list").height($(window).height() - 145);
}
};
Board.prototype.dragAndDrop = function() {
var self = this;
var params = {
@@ -155,11 +139,58 @@ Board.prototype.listen = function() {
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);
@@ -233,7 +264,6 @@ Board.prototype.hideColumn = function(columnId) {
});
$(".board-column-" + columnId + " .board-rotation").each(function() {
var position = $(".board-swimlane").position();
$(this).css("width", $(".board-column-" + columnId + "").height());
});