hide spinner once liquid is rendered

dradis · Jun 4, 2024 · 499c2ac · 499c2ac
1 parent 3401968
commit 499c2ac
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/app/assets/javascripts/tylium/modules/liquid_async.js b/app/assets/javascripts/tylium/modules/liquid_async.js
@@ -1,20 +1,22 @@
 document.addEventListener('turbolinks:load', function () {
-  $('[data-behavior~=liquid-async]').each(function() {
-    var that = this,
-        data = { text: $(that).attr('data-content') };
+  $('[data-behavior~=liquid-async]').each(function () {
+    const that = this,
+      data = { text: $(that).attr('data-content') },
+      $spinner = $(that).prev().find('[data-behavior~=liquid-spinner');
 
     fetch($(that).attr('data-path'), {
       method: 'POST',
       headers: {
-        "Accept": "text/html",
-        "Content-Type": "application/json",
-        "X-CSRF-Token": $('meta[name="csrf-token"]').attr('content')
+        Accept: 'text/html',
+        'Content-Type': 'application/json',
+        'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content'),
       },
-      body: JSON.stringify(data)
-    }).
-    then(response => response.text()).
-    then(function(html) {
-      $(that).html(html);
-    });
+      body: JSON.stringify(data),
+    })
+      .then((response) => response.text())
+      .then(function (html) {
+        $(that).html(html);
+        $spinner.addClass('d-none');
+      });
   });
 });