From 53c15f88becbc11db36f8b5fa81bc7d83641af6c Mon Sep 17 00:00:00 2001
From: Julius Jann <23746861+wandertaker@users.noreply.github.com>
Date: Tue, 6 Aug 2024 21:11:58 +0200
Subject: [PATCH] fix drag and drop functionallity

---
 index.html | 5 ++---
 js/main.js | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 3adcea8..53d964d 100644
--- a/index.html
+++ b/index.html
@@ -22,13 +22,12 @@
     <link rel="stylesheet" type="text/css" href="css/main.css" />
     <script>
       
-      /*  UNCOMMENT FOR DRAG AND DROP
-            drag and drob and clicking don't work well together currently
+
       $(function() {
         $( "#sortable" ).sortable();
         $( "#sortable" ).disableSelection();
       });
-      */
+
 
       $(function() {
         $('#header').load('../header.html');
diff --git a/js/main.js b/js/main.js
index bbe3118..7836ebc 100644
--- a/js/main.js
+++ b/js/main.js
@@ -2050,6 +2050,10 @@ angular.module('storygenApp', [])
           storygen.icons.push({'path':path, 'color':color}); 
         };
       }else{
+        var newList = $('#sortable').children().toArray().map(icon => ({'path': $(icon).attr('src'), color: $(icon).css('background-color')}))
+        index = newList.findIndex(icon => icon.path === storygen.icons[index].path)
+        storygen.icons = newList
+
         // REGENERATE INDIVIDUAL IMAGES
         if (angular.element(index).hasClass("ui-sortable-helper")) {
           console.log("Do nothing!"); // DO NOTHING IF THE IMAGE IS BEING DRAGGED ...theoretically