[#181] add 'draggable' bool param to createSortableList so we can disable drag/sort events on mobile UI if we need to

This commit is contained in:
Robin Scholtes 2023-04-24 22:40:10 +12:00
parent 51aec976e6
commit cff0dbcd11

View file

@ -85,14 +85,16 @@ class RecipeWaiter {
* Creates a drag-n-droppable seed list of operations. * Creates a drag-n-droppable seed list of operations.
* *
* @param {element} listEl - The list to initialise * @param {element} listEl - The list to initialise
* @param {boolean} draggable - Are list items draggable
*/ */
createSortableSeedList(listEl) { createSortableSeedList(listEl, draggable = true) {
Sortable.create(listEl, { Sortable.create(listEl, {
group: { group: {
name: "recipe", name: "recipe",
pull: "clone", pull: "clone",
put: false, put: false,
}, },
draggable: draggable ? ".operation" : null,
sort: false, sort: false,
setData: function(dataTransfer, dragEl) { setData: function(dataTransfer, dragEl) {
dataTransfer.setData("Text", dragEl.textContent); dataTransfer.setData("Text", dragEl.textContent);
@ -396,7 +398,7 @@ class RecipeWaiter {
const item = document.createElement("li"); const item = document.createElement("li");
item.classList.add("operation"); item.classList.add("operation");
item.innerHTML = name; item.innerText = name;
this.buildRecipeOperation(item); this.buildRecipeOperation(item);
document.getElementById("rec-list").appendChild(item); document.getElementById("rec-list").appendChild(item);