Drag handles. In progress.

This commit is contained in:
Lauri Ojansivu 2019-10-03 04:23:33 +03:00
parent 21fa26a1be
commit 5bc355f9a5
9 changed files with 133 additions and 73 deletions

View file

@ -4,11 +4,11 @@ function initSorting(items) {
items.sortable({
tolerance: 'pointer',
helper: 'clone',
items: '.js-checklist-item-handle:not(.placeholder)',
items: '.js-checklist-item:not(.placeholder)',
connectWith: '.js-checklist-items',
appendTo: '.board-canvas',
distance: 7,
placeholder: 'checklist-item-handle placeholder',
placeholder: 'checklist-item placeholder',
scroll: false,
start(evt, ui) {
ui.placeholder.height(ui.helper.height());
@ -17,11 +17,11 @@ function initSorting(items) {
stop(evt, ui) {
const parent = ui.item.parents('.js-checklist-items');
const checklistId = Blaze.getData(parent.get(0)).checklist._id;
let prevItem = ui.item.prev('.js-checklist-item-handle').get(0);
let prevItem = ui.item.prev('.js-checklist-item').get(0);
if (prevItem) {
prevItem = Blaze.getData(prevItem).item;
}
let nextItem = ui.item.next('.js-checklist-item-handle').get(0);
let nextItem = ui.item.next('.js-checklist-item').get(0);
if (nextItem) {
nextItem = Blaze.getData(nextItem).item;
}
@ -38,7 +38,8 @@ function initSorting(items) {
});
// ugly touch event hotfix
enableClickOnTouch('.js-checklist-item-handle:not(.placeholder)');
enableClickOnTouch('.js-checklist-item:not(.placeholder)');
}
BlazeComponent.extendComponent({
@ -60,6 +61,30 @@ BlazeComponent.extendComponent({
if ($itemsDom.data('sortable')) {
$(self.itemsDom).sortable('option', 'disabled', !userIsMember());
}
if(Utils.isMiniScreen()) {
this.$('.js-checklists').sortable({
handle: '.checklist-handle',
});
this.$('.js-checklist-item').sortable({
handle: '.checklist-item-handle',
});
} else {
if (Meteor.user().hasShowDesktopDragHandles()) {
this.$('.js-checklists').sortable({
handle: '.checklist-handle',
});
this.$('.js-checklist-item').sortable({
handle: '.checklist-item-handle',
});
} else {
this.$('.js-checklists').sortable({
handle: '.checklist-title',
});
this.$('.js-checklist-item').sortable({
handle: '.checklist-item',
});
}
}
});
},
@ -72,6 +97,12 @@ BlazeComponent.extendComponent({
},
}).register('checklistDetail');
Template.checklistDetail.helpers({
showDesktopDragHandles() {
return Meteor.user().hasShowDesktopDragHandles();
},
});
BlazeComponent.extendComponent({
addChecklist(event) {
event.preventDefault();