From 2ff56c17e363e6f3b6bb22723a5d9fc25f49ba19 Mon Sep 17 00:00:00 2001
From: slawkens <slawkens@gmail.com>
Date: Sun, 10 May 2020 12:39:06 +0200
Subject: [PATCH] Added some fancy spinner to items loader

---
 system/templates/admin.items.html.twig | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/system/templates/admin.items.html.twig b/system/templates/admin.items.html.twig
index 812c31b9..90769ba1 100644
--- a/system/templates/admin.items.html.twig
+++ b/system/templates/admin.items.html.twig
@@ -1,4 +1,26 @@
-<form method="post" action="{{ constant('ADMIN_URL') }}?p=items">
+<form method="post" action="{{ constant('ADMIN_URL') }}?p=items" id="items_form">
 	<input type="hidden" name="reload" value="1"/>
-	<button type="submit" class="btn btn-info"><i class="fas fa-update"></i> Reload items and weapons</button><br/><small> (it may take some time to finish)</small>
+	<button type="submit" class="btn btn-info"><i class="fas fa-update"></i> Reload items and weapons</button>
 </form>
+
+<div id="loader" class="spinner-border" role="status">
+	<span class="sr-only">Loading...</span>
+</div>
+
+<small id="notice"> (it may take some time to finish)</small>
+
+<style>
+	#loader {
+		display: none;
+	}
+</style>
+<script>
+	$(function () {
+		$('#items_form').on('submit', function (e) {
+			$('#loader').show();
+
+			var $notice = $('#notice');
+			$notice.html('Reloading...' + $('#notice').text());
+		});
+	})
+</script>
\ No newline at end of file