dnrops
/
cryptpad
mirror of https://github.com/xwiki-labs/cryptpad
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Don't redraw kanban when the tab is not focused

This commit is contained in:
yflory 2020-06-22 11:32:42 +02:00 committed by ansuz
parent d7dfe75746
commit 95f4b2357d
2 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
www/common/visible.js
View File

@ -25,10 +25,12 @@
typeof document[hidden] === "undefined");
};
Visible.onChange = function (f) {
Visible.onChange = function (f, once) {
document.addEventListener(visibilityChange, function (ev) {
f(!document[hidden], ev);
}, false);
}, {
once: once
});
};
Visible.currently = function () {

38
www/kanban/jkanban_cp.js
View File

@ -1,8 +1,9 @@
define([
'jquery',
'/customize/messages.js',
'/common/visible.js',
'/bower_components/dragula.js/dist/dragula.min.js',
], function ($, Messages, Dragula) {
], function ($, Messages, Visible, Dragula) {
/**
* jKanban
* Vanilla Javascript plugin for manage kanban boards
@ -739,6 +740,8 @@ define([
return self;
};
var todoOnVisible = function () {};
var onVisibleHandler = false;
this.setBoards = function (boards) {
var scroll = {};
// Fix the tags
@ -754,15 +757,30 @@ define([
this.removeBoard(boardkey);
}
this.options.boards = boards;
// Add all new boards
this.addBoards();
self.options.refresh();
// Preserve scroll
this.options.boards.list.forEach(function (id) {
if (!scroll[id]) { return; }
$('.kanban-board[data-id="'+id+'"] .kanban-drag').scrollTop(scroll[id]);
});
$el.scrollLeft(scrollLeft);
todoOnVisible = function () {
// Add all new boards
self.addBoards();
self.options.refresh();
// Preserve scroll
self.options.boards.list.forEach(function (id) {
if (!scroll[id]) { return; }
$('.kanban-board[data-id="'+id+'"] .kanban-drag').scrollTop(scroll[id]);
});
$el.scrollLeft(scrollLeft);
};
// If the tab is not focused, redraw on focus
if (!Visible.currently()) {
if (onVisibleHandler) { return; }
onVisibleHandler = true;
return void Visible.onChange(function (visible) {
if (!visible) { return; }
todoOnVisible();
onVisibleHandler = false;
}, true);
}
todoOnVisible();
};
this.findBoard = function (id) {