mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
support drag and drop for playlist items
This commit is contained in:
Luke Pulverenti
parent
80929558e6
commit
fd64c014a3
45 changed files with 4202 additions and 3 deletions
292
dashboard-ui/bower_components/dragula.js/test/events.js
vendored
Normal file
292
dashboard-ui/bower_components/dragula.js/test/events.js
vendored
Normal file
|
|
@ -0,0 +1,292 @@
|
|||
'use strict';
|
||||
|
||||
var test = require('tape');
|
||||
var events = require('./lib/events');
|
||||
var dragula = require('..');
|
||||
|
||||
test('.start() emits "cloned" for copies', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div], { copy: true });
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('cloned', cloned);
|
||||
drake.start(item);
|
||||
t.plan(3);
|
||||
t.end();
|
||||
function cloned (copy, original, type) {
|
||||
if (type === 'copy') {
|
||||
t.notEqual(copy, item, 'copy is not a reference to item');
|
||||
t.deepEqual(copy, item, 'copy of original is provided');
|
||||
t.equal(original, item, 'original item is provided');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
test('.start() emits "drag" for items', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('drag', drag);
|
||||
drake.start(item);
|
||||
t.plan(2);
|
||||
t.end();
|
||||
function drag (original, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
|
||||
test('.end() emits "cancel" when not moved', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('dragend', dragend);
|
||||
drake.on('out', out);
|
||||
drake.on('cancel', cancel);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
drake.end();
|
||||
t.plan(4);
|
||||
t.end();
|
||||
function dragend (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function out (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function cancel (original, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
|
||||
test('.end() emits "drop" when moved', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var div2 = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div, div2]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
document.body.appendChild(div2);
|
||||
drake.on('dragend', dragend);
|
||||
drake.on('out', out);
|
||||
drake.on('drop', drop);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
div2.appendChild(item);
|
||||
drake.end();
|
||||
t.plan(5);
|
||||
t.end();
|
||||
function dragend (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function out (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function drop (original, target, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(target, div2, 'target matches expected div');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
|
||||
test('.remove() emits "remove" for items', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('dragend', dragend);
|
||||
drake.on('out', out);
|
||||
drake.on('remove', remove);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
drake.remove();
|
||||
t.plan(4);
|
||||
t.end();
|
||||
function dragend (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function out (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function remove (original, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
|
||||
test('.remove() emits "cancel" for copies', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div], { copy: true });
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('dragend', dragend);
|
||||
drake.on('out', out);
|
||||
drake.on('cancel', cancel);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
drake.remove();
|
||||
t.plan(6);
|
||||
t.end();
|
||||
function dragend () {
|
||||
t.pass('dragend got invoked');
|
||||
}
|
||||
function out (copy) {
|
||||
t.notEqual(copy, item, 'copy is not a reference to item');
|
||||
t.deepEqual(copy, item, 'item is a copy of item');
|
||||
}
|
||||
function cancel (copy, container) {
|
||||
t.notEqual(copy, item, 'copy is not a reference to item');
|
||||
t.deepEqual(copy, item, 'item is a copy of item');
|
||||
t.equal(container, null, 'container matches expectation');
|
||||
}
|
||||
});
|
||||
|
||||
test('.cancel() emits "cancel" when not moved', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('dragend', dragend);
|
||||
drake.on('out', out);
|
||||
drake.on('cancel', cancel);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
drake.cancel();
|
||||
t.plan(4);
|
||||
t.end();
|
||||
function dragend (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function out (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function cancel (original, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
|
||||
test('.cancel() emits "drop" when not reverted', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var div2 = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
document.body.appendChild(div2);
|
||||
drake.on('dragend', dragend);
|
||||
drake.on('out', out);
|
||||
drake.on('drop', drop);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
div2.appendChild(item);
|
||||
drake.cancel();
|
||||
t.plan(5);
|
||||
t.end();
|
||||
function dragend (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function out (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function drop (original, parent, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(parent, div2, 'parent matches expected div');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
|
||||
test('.cancel() emits "cancel" when reverts', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var div2 = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div], { revertOnSpill: true });
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
document.body.appendChild(div2);
|
||||
drake.on('dragend', dragend);
|
||||
drake.on('out', out);
|
||||
drake.on('cancel', cancel);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
div2.appendChild(item);
|
||||
drake.cancel();
|
||||
t.plan(4);
|
||||
t.end();
|
||||
function dragend (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function out (original) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
}
|
||||
function cancel (original, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
|
||||
test('mousedown emits "cloned" for mirrors', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('cloned', cloned);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
t.plan(3);
|
||||
t.end();
|
||||
function cloned (copy, original, type) {
|
||||
if (type === 'mirror') {
|
||||
t.notEqual(copy, item, 'mirror is not a reference to item');
|
||||
t.deepEqual(copy, item, 'mirror of original is provided');
|
||||
t.equal(original, item, 'original item is provided');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
test('mousedown emits "cloned" for copies', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div], { copy: true });
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('cloned', cloned);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
t.plan(3);
|
||||
t.end();
|
||||
function cloned (copy, original, type) {
|
||||
if (type === 'copy') {
|
||||
t.notEqual(copy, item, 'copy is not a reference to item');
|
||||
t.deepEqual(copy, item, 'copy of original is provided');
|
||||
t.equal(original, item, 'original item is provided');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
test('mousedown emits "drag" for items', function (t) {
|
||||
var div = document.createElement('div');
|
||||
var item = document.createElement('div');
|
||||
var drake = dragula([div]);
|
||||
div.appendChild(item);
|
||||
document.body.appendChild(div);
|
||||
drake.on('drag', drag);
|
||||
events.raise(item, 'mousedown', { which: 0 });
|
||||
events.raise(item, 'mousemove', { which: 0 });
|
||||
t.plan(2);
|
||||
t.end();
|
||||
function drag (original, container) {
|
||||
t.equal(original, item, 'item is a reference to moving target');
|
||||
t.equal(container, div, 'container matches expected div');
|
||||
}
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue