129 lines
3.8 KiB
JavaScript
129 lines
3.8 KiB
JavaScript
Kanboard.Swimlane = function(app) {
|
|
this.app = app;
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.execute = function() {
|
|
if ($(".swimlanes-table").length) {
|
|
this.dragAndDrop();
|
|
}
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.listen = function() {
|
|
var self = this;
|
|
|
|
$(document).on('click', ".board-swimlane-toggle", function(e) {
|
|
e.preventDefault();
|
|
|
|
var swimlaneId = $(this).data('swimlane-id');
|
|
|
|
if (self.isCollapsed(swimlaneId)) {
|
|
self.expand(swimlaneId);
|
|
}
|
|
else {
|
|
self.collapse(swimlaneId);
|
|
}
|
|
});
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.onBoardRendered = function() {
|
|
var swimlaneIds = this.getAllCollapsed();
|
|
|
|
for (var i = 0; i < swimlaneIds.length; i++) {
|
|
this.collapse(swimlaneIds[i]);
|
|
}
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.getStorageKey = function() {
|
|
return "hidden_swimlanes_" + $("#board").data("project-id");
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.expand = function(swimlaneId) {
|
|
var swimlaneIds = this.getAllCollapsed();
|
|
var index = swimlaneIds.indexOf(swimlaneId);
|
|
|
|
if (index > -1) {
|
|
swimlaneIds.splice(index, 1);
|
|
}
|
|
|
|
localStorage.setItem(this.getStorageKey(), JSON.stringify(swimlaneIds));
|
|
|
|
$('.board-swimlane-columns-' + swimlaneId).css('display', 'table-row');
|
|
$('.board-swimlane-tasks-' + swimlaneId).css('display', 'table-row');
|
|
$('.hide-icon-swimlane-' + swimlaneId).css('display', 'inline');
|
|
$('.show-icon-swimlane-' + swimlaneId).css('display', 'none');
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.collapse = function(swimlaneId) {
|
|
var swimlaneIds = this.getAllCollapsed();
|
|
|
|
if (swimlaneIds.indexOf(swimlaneId) < 0) {
|
|
swimlaneIds.push(swimlaneId);
|
|
localStorage.setItem(this.getStorageKey(), JSON.stringify(swimlaneIds));
|
|
}
|
|
|
|
$('.board-swimlane-columns-' + swimlaneId + ':not(:first-child)').css('display', 'none');
|
|
$('.board-swimlane-tasks-' + swimlaneId).css('display', 'none');
|
|
$('.hide-icon-swimlane-' + swimlaneId).css('display', 'none');
|
|
$('.show-icon-swimlane-' + swimlaneId).css('display', 'inline');
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.isCollapsed = function(swimlaneId) {
|
|
return this.getAllCollapsed().indexOf(swimlaneId) > -1;
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.getAllCollapsed = function() {
|
|
return JSON.parse(localStorage.getItem(this.getStorageKey())) || [];
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.dragAndDrop = function() {
|
|
var self = this;
|
|
|
|
$(".draggable-row-handle").mouseenter(function() {
|
|
$(this).parent().parent().addClass("draggable-item-hover");
|
|
}).mouseleave(function() {
|
|
$(this).parent().parent().removeClass("draggable-item-hover");
|
|
});
|
|
|
|
$(".swimlanes-table tbody").sortable({
|
|
forcePlaceholderSize: true,
|
|
handle: "td:first i",
|
|
helper: function(e, ui) {
|
|
ui.children().each(function() {
|
|
$(this).width($(this).width());
|
|
});
|
|
|
|
return ui;
|
|
},
|
|
stop: function(event, ui) {
|
|
var swimlane = ui.item;
|
|
swimlane.removeClass("draggable-item-selected");
|
|
self.savePosition(swimlane.data("swimlane-id"), swimlane.index() + 1);
|
|
},
|
|
start: function(event, ui) {
|
|
ui.item.addClass("draggable-item-selected");
|
|
}
|
|
}).disableSelection();
|
|
};
|
|
|
|
Kanboard.Swimlane.prototype.savePosition = function(swimlaneId, position) {
|
|
var url = $(".swimlanes-table").data("save-position-url");
|
|
var self = this;
|
|
|
|
this.app.showLoadingIcon();
|
|
|
|
$.ajax({
|
|
cache: false,
|
|
url: url,
|
|
contentType: "application/json",
|
|
type: "POST",
|
|
processData: false,
|
|
data: JSON.stringify({
|
|
"swimlane_id": swimlaneId,
|
|
"position": position
|
|
}),
|
|
complete: function() {
|
|
self.app.hideLoadingIcon();
|
|
}
|
|
});
|
|
};
|