web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

highlight trash on drag

Browse Source
This commit is contained in:
David Benqué 2020-03-13 09:40:52 +00:00
parent fcb67d5b50
commit f8b8f09a74
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
www/kanban/app-kanban.less
View File

@ -430,6 +430,11 @@
background: fade(@colortheme_notification-warn, 20%); background: fade(@colortheme_notification-warn, 20%);
} }
} }
&.kanban-trash-suggest {
div {
background: fade(@cryptpad_text_col, 20%);
}
}
.kanban-item, .kanban-board { .kanban-item, .kanban-board {
display: none; display: none;
} }

10
www/kanban/jkanban.js
View File

@ -171,22 +171,26 @@
if (typeof (el.dragfn) === 'function') { if (typeof (el.dragfn) === 'function') {
el.dragfn(el, source); el.dragfn(el, source);
} }
$('.kanban-trash').addClass('kanban-trash-suggest');
$(document).on('mousemove', onMouseMove()); $(document).on('mousemove', onMouseMove());
}) })
.on('dragend', function (el) { .on('dragend', function (el) {
el.classList.remove('is-moving'); el.classList.remove('is-moving');
self.options.dragendBoard(el); self.options.dragendBoard(el);
$(document).off('mousemove'); $(document).off('mousemove');
$('.kanban-trash').removeClass('kanban-trash-suggest');
if (typeof (el.dragendfn) === 'function') if (typeof (el.dragendfn) === 'function')
el.dragendfn(el); el.dragendfn(el);
}) })
.on('over', function (el, target, source) { .on('over', function (el, target, source) {
if (!target.classList.contains('kanban-trash')) { return false; } if (!target.classList.contains('kanban-trash')) { return false; }
$('.kanban-trash').addClass('kanban-trash-active'); $('.kanban-trash').addClass('kanban-trash-active');
$('.kanban-trash').removeClass('kanban-trash-suggest');
}) })
.on('out', function (el, target) { .on('out', function (el, target) {
if (!target.classList.contains('kanban-trash')) { return false; } if (!target.classList.contains('kanban-trash')) { return false; }
$('.kanban-trash').removeClass('kanban-trash-active'); $('.kanban-trash').removeClass('kanban-trash-active');
$('.kanban-trash').addClass('kanban-trash-suggest');
}) })
.on('drop', function (el, target, source, sibling) { .on('drop', function (el, target, source, sibling) {
el.classList.remove('is-moving'); el.classList.remove('is-moving');
@ -253,6 +257,7 @@
setActiveDrag(); setActiveDrag();
el.classList.add('is-moving'); el.classList.add('is-moving');
$(document).on('mousemove', onMouseMove(el)); $(document).on('mousemove', onMouseMove(el));
$('.kanban-trash').addClass('kanban-trash-suggest');
self.options.dragEl(el, source); self.options.dragEl(el, source);
if (el !== null && typeof (el.dragfn) === 'function') { if (el !== null && typeof (el.dragfn) === 'function') {
@ -263,6 +268,7 @@
console.log("In dragend"); console.log("In dragend");
el.classList.remove('is-moving'); el.classList.remove('is-moving');
self.options.dragendEl(el); self.options.dragendEl(el);
$('.kanban-trash').removeClass('kanban-trash-suggest');
$(document).off('mousemove'); $(document).off('mousemove');
if (el !== null && typeof (el.dragendfn) === 'function') { if (el !== null && typeof (el.dragendfn) === 'function') {
el.dragendfn(el); el.dragendfn(el);
@ -277,12 +283,16 @@
.on('over', function (el, target, source) { .on('over', function (el, target, source) {
setActiveDrag(target); setActiveDrag(target);
if (!target.classList.contains('kanban-trash')) { return false; } if (!target.classList.contains('kanban-trash')) { return false; }
target.classList.remove('kanban-trash-suggest');
target.classList.add('kanban-trash-active'); target.classList.add('kanban-trash-active');
}) })
.on('out', function (el, target) { .on('out', function (el, target) {
setActiveDrag(); setActiveDrag();
if (!target.classList.contains('kanban-trash')) { return false; } if (!target.classList.contains('kanban-trash')) { return false; }
target.classList.remove('kanban-trash-active'); target.classList.remove('kanban-trash-active');
target.classList.add('kanban-trash-suggest');
}) })
.on('drop', function(el, target, source, sibling) { .on('drop', function(el, target, source, sibling) {
self.enableAllBoards(); self.enableAllBoards();