From 37373733d905d759859d7d04cf0af828f7847bc4 Mon Sep 17 00:00:00 2001
From: amcmanu3 <mcdeweykp@gmail.com>
Date: Sat, 20 Apr 2024 16:07:58 -0400
Subject: [PATCH] Add loading splash screen

---
 .../templates/panel/activity_logs.html        | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/app/frontend/templates/panel/activity_logs.html b/app/frontend/templates/panel/activity_logs.html
index 27f0459c..45ab3a79 100644
--- a/app/frontend/templates/panel/activity_logs.html
+++ b/app/frontend/templates/panel/activity_logs.html
@@ -44,6 +44,13 @@
                 </tr>
               </thead>
               <tbody>
+                <tr>
+                  <td colspan="5" id="image-div" class="text-center"> <!-- Center image within table -->
+                    <img class="img-center" id="logo-animate" src="../static/assets/images/crafty-logo-square-1024.png"
+                      alt="Crafty Logo, Crafty is loading" width="20%"><br><br>{{ translate('datatables',
+                    'loadingRecords', data['lang'])}}
+                  </td>
+                </tr>
               </tbody>
             </table>
 
@@ -134,6 +141,26 @@
       bootbox.alert(responseData.error)
     }
   }
+
+  function rotateImage(degree) {
+    $('#logo-animate').animate({ transform: degree }, {
+      step: function (now, fx) {
+        $(this).css({
+          '-webkit-transform': 'rotate(' + now + 'deg)',
+          '-moz-transform': 'rotate(' + now + 'deg)',
+          'transform': 'rotate(' + now + 'deg)'
+        });
+      }
+    });
+    setTimeout(function () {
+      rotateImage(360);
+    }, 2000);
+  }
+  $(document).ready(function () {
+    setTimeout(function () {
+      rotateImage(360);
+    }, 2000);
+  });
 </script>
 
 {% end %}
\ No newline at end of file