From cff0dbcd113496ca2f88419d6e6964d2b039bc74 Mon Sep 17 00:00:00 2001
From: Robin Scholtes <robin@theweirdscience.com>
Date: Mon, 24 Apr 2023 22:40:10 +1200
Subject: [PATCH] [#181] add 'draggable' bool param to createSortableList so we
 can disable drag/sort events on mobile UI if we need to

---
 src/web/waiters/RecipeWaiter.mjs | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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