From 36b858d82c6f313c452c89f9ae1e92feed581881 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 20 Jan 2025 21:23:24 -0500
Subject: [PATCH] fix sortable init

---
 journal/templates/_list_item.html       | 1 -
 journal/templates/collection_edit.html  | 7 -------
 journal/templates/collection_items.html | 9 +++++++++
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/journal/templates/_list_item.html b/journal/templates/_list_item.html
index 3b88af74..c6d76947 100644
--- a/journal/templates/_list_item.html
+++ b/journal/templates/_list_item.html
@@ -8,7 +8,6 @@
   {% get_mark_for_item item as mark %}
 {% endif %}
 <article class="entity-sort item-card"
-         draggable="true"
          {% if collection_edit %}data-member-id="{{ collection_member.id }}"{% endif %}>
   <span class="action">
     {% if collection_edit %}
diff --git a/journal/templates/collection_edit.html b/journal/templates/collection_edit.html
index 81885f05..8c030a73 100644
--- a/journal/templates/collection_edit.html
+++ b/journal/templates/collection_edit.html
@@ -69,13 +69,6 @@
                      value="{% trans 'Add an item to this collection' %}">
             </form>
             <script>
-              $(function () {
-                sortable('.sortable', {
-                  forcePlaceholderSize: true,
-                  placeholderClass: 'entity-sort--placeholder',
-                  hoverClass: 'entity-sort--hover'
-                });
-              });
               function update_member_order() {
                 var member_ids = [];
                 $('.sortable>.item-card').each(function () {
diff --git a/journal/templates/collection_items.html b/journal/templates/collection_items.html
index 7f8387ea..dfa8caf0 100644
--- a/journal/templates/collection_items.html
+++ b/journal/templates/collection_items.html
@@ -16,5 +16,14 @@
   {% if not request.GET.last_pos and not collection_edit %}
     {% trans "nothing so far." %}
   {% endif %}
+  {% if request.GET.edit %}
+    <script>
+  sortable('.sortable', {
+    forcePlaceholderSize: true,
+    placeholderClass: 'entity-sort--placeholder',
+    hoverClass: 'entity-sort--hover'
+  });
+    </script>
+  {% endif %}
 {% endfor %}
 {% if msg %}<script type="text/javascript">alert("{{ msg|escapejs }}");</script>{% endif %}