Merge pull request #104 from arielfayol37/polishing

added loading page beforeUnload()

Author: arielfayol37

README.md

@@ -3,18 +3,6 @@ Web platform for Physics Assigments System.
 
 This is the README file for the Dr_R web application built using Django. The application is designed to provide different functionalities for students (Deimos), instructors (Phobos), and general users (Astros).
 
-### Distinctiveness and Complexity
-"It’s different from the other projects and it was complex to build." Haha
-
-Jokes aside, it is a *physics* learning management system which differs a lot from other projects because of functionalities like comparing algebraic expressions and units; dynamic question creation page which acts as a GUI compiler that has to test various user input and take care of different formats like floats, multiple choice questions, latex equation, variables etc;
-a semantic search engine; etc etc
-
-### Files
-One of the submission requirements was to explain what is in every file I created but this project is relatively huge compared to previous projects, so I created a separate md file for essential documentation. Filename: documentation.md
-
-## PreRequisites
-Having Python installed on your machine and your PATH environment variable having a path to your Python's Scripts folder.
-
 ## Installation
 
 1. Clone the repository:

astros/templates/astros/layout.html

@@ -72,6 +72,12 @@
         var loader = document.querySelector('#preloader');
         window.addEventListener('load', ()=>{
             loader.classList.add('hide');
-        })
+        });
+        document.querySelectorAll('a').forEach(function(link) {
+        link.addEventListener('click', function(e) {
+                // Your logic here
+                loader.classList.remove('hide');
+        });
+        });
     </script>
 </html>

deimos/templates/deimos/layout.html

@@ -61,6 +61,12 @@
         var loader = document.querySelector('#preloader');
         window.addEventListener('load', ()=>{
             loader.classList.add('hide');
-        })
+        });
+        document.querySelectorAll('a').forEach(function(link) {
+        link.addEventListener('click', function(e) {
+                // Your logic here
+                loader.classList.remove('hide');
+        });
+        });
     </script>
 </html>

phobos/static/phobos/js/create_question.js

@@ -1,6 +1,13 @@
 
 document.addEventListener('DOMContentLoaded', () => {
     const preloader = document.querySelector('#preloader');
+
+    window.addEventListener('beforeunload', function (event) {
+        // Your logic here
+        preloader.classList.remove('hide');
+        event.returnValue = true; // Chrome requires returnValue to be set
+    });
+
     const form = document.querySelector('#question-form');
     const allQuestionBlocks = form.querySelector("#all-question-blocks");
     let currentAction = form.getAttribute('action');

phobos/templates/phobos/layout.html

@@ -66,6 +66,13 @@
         var loader = document.querySelector('#preloader');
         window.addEventListener('load', ()=>{
             loader.classList.add('hide');
-        })
+        });
+        document.querySelectorAll('a').forEach(function(link) {
+        link.addEventListener('click', function(e) {
+                // Your logic here
+                loader.classList.remove('hide');
+        });
+        });
+
     </script>
 </html>