From 33caf947034f8b79959a7a00c5b36ad08e6c0143 Mon Sep 17 00:00:00 2001
From: iozeey <zeeshan.za.ahmad@gmail.com>
Date: Thu, 23 Nov 2023 19:03:59 +0500
Subject: [PATCH] adjusting edit page loader

---
 app/javascript/application.js     |  1 -
 app/javascript/pdf_loader.js      | 17 -----------------
 app/views/templates/show.html.erb | 20 +++++++++++++++++++-
 3 files changed, 19 insertions(+), 19 deletions(-)
 delete mode 100644 app/javascript/pdf_loader.js

diff --git a/app/javascript/application.js b/app/javascript/application.js
index 104dd406..da94ac1f 100644
--- a/app/javascript/application.js
+++ b/app/javascript/application.js
@@ -3,7 +3,6 @@ import { encodeMethodIntoRequestBody } from '@hotwired/turbo-rails/app/javascrip
 
 import { createApp, reactive } from 'vue'
 import TemplateBuilder from './template_builder/builder'
-import './pdf_loader'
 
 import ToggleVisible from './elements/toggle_visible'
 import DisableHidden from './elements/disable_hidden'
diff --git a/app/javascript/pdf_loader.js b/app/javascript/pdf_loader.js
deleted file mode 100644
index 464ecf2d..00000000
--- a/app/javascript/pdf_loader.js
+++ /dev/null
@@ -1,17 +0,0 @@
-document.addEventListener('DOMContentLoaded', function () {
-  function showLoading () {
-    document.getElementById('loader').style.display = 'block'
-  }
-  const editTemplateLink = document.getElementById('edit-template-link')
-  if (editTemplateLink) {
-    editTemplateLink.addEventListener('click', function (event) {
-      event.preventDefault()
-      showLoading()
-
-      const template = this.getAttribute('data-template')
-      setTimeout(function () {
-        window.location.href = template
-      }, 3000)
-    })
-  }
-})
diff --git a/app/views/templates/show.html.erb b/app/views/templates/show.html.erb
index fba716b0..47a16a00 100644
--- a/app/views/templates/show.html.erb
+++ b/app/views/templates/show.html.erb
@@ -102,4 +102,22 @@
 <div class="my-display" id="loader">
   <div class="loader-animation"></div>
   <div class="text-load">Loading...</div>
-</div>
\ No newline at end of file
+</div>
+
+<script>
+  function showLoading () {
+    document.getElementById('loader').style.display = 'block'
+  }
+  const editTemplateLink = document.getElementById('edit-template-link')
+  if (editTemplateLink) {
+    editTemplateLink.addEventListener('click', function (event) {
+      event.preventDefault()
+      showLoading()
+
+      const template = this.getAttribute('data-template')
+      setTimeout(function () {
+        window.location.href = template
+      }, 3000)
+    })
+  }
+</script>
\ No newline at end of file