From 2dbb5a2d093f8cd3aaf9236135b86cbf85610246 Mon Sep 17 00:00:00 2001
From: distributive <github@ameliewd.com>
Date: Mon, 26 Sep 2022 10:48:38 +0100
Subject: [PATCH] Moved loading indicator code to shared constant

---
 app/Resources/views/Banlists/banlists.html.twig | 2 +-
 app/Resources/views/Formats/formats.html.twig   | 2 +-
 app/Resources/views/layout.html.twig            | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/Resources/views/Banlists/banlists.html.twig b/app/Resources/views/Banlists/banlists.html.twig
index d55e687a..a0dd1de6 100644
--- a/app/Resources/views/Banlists/banlists.html.twig
+++ b/app/Resources/views/Banlists/banlists.html.twig
@@ -66,7 +66,7 @@ async function buildBanlistsView() {
   $('#restrictions-root').show();
 
   // Add a temporary loading indicator
-  $('.tab-pane').append('<p class="temp-loading text-center"><span class="loading-icon"><span class="loading-icon-red"></span><span class="loading-icon-blue"></span><span class="loading-icon-overlap"></span></span>Loading...</p>');
+  $('.tab-pane').append(loading_icon);
 
   // Load data from API
   const desiredFormats = ['startup', 'standard', 'eternal'];
diff --git a/app/Resources/views/Formats/formats.html.twig b/app/Resources/views/Formats/formats.html.twig
index 64288ad9..3cfed299 100644
--- a/app/Resources/views/Formats/formats.html.twig
+++ b/app/Resources/views/Formats/formats.html.twig
@@ -25,7 +25,7 @@
 <script>
 async function buildFormatsView() {
   // Add a temporary loading indicator
-  $('#formats').append('<p class="temp-loading text-center"><span class="loading-icon"><span class="loading-icon-red"></span><span class="loading-icon-blue"></span><span class="loading-icon-overlap"></span></span>Loading...</p>');
+  $('#formats').append(loading_icon);
 
   // Load api data
   const desiredFormats = new Set(['eternal', 'standard', 'startup']);
diff --git a/app/Resources/views/layout.html.twig b/app/Resources/views/layout.html.twig
index 201abbcb..b86bb705 100755
--- a/app/Resources/views/layout.html.twig
+++ b/app/Resources/views/layout.html.twig
@@ -75,7 +75,8 @@
         locale: '{{ app.request.locale }}'
       };
       moment.locale(window.navigator.language);
-      var v3_api_url = '{{ v3_api_url }}';
+      const v3_api_url = '{{ v3_api_url }}';
+      const loading_icon = '<p class="temp-loading text-center"><span class="loading-icon"><span class="loading-icon-red"></span><span class="loading-icon-blue"></span><span class="loading-icon-overlap"></span></span>Loading...</p>';
     </script>
     {% if app.environment == 'prod' %}
     <!-- Global site tag (gtag.js) - Google Analytics -->