add before-unload animation

Signed-off-by: szaimen <szaimen@e.mail.de>

php/public/automatic_reload.js

@@ -10,4 +10,8 @@ if (document.hasFocus()) {
     setTimeout(function(){
     window.location.reload(1);
     }, 5000);
+} else {
+    window.addEventListener("beforeunload", function() {
+        document.getElementById('overlay').classList.add('loading')
+    });
 }

php/public/before-unload.js

@@ -0,0 +1,3 @@
+window.addEventListener("beforeunload", function() {
+    document.getElementById('overlay').classList.add('loading')
+});

php/templates/containers.twig

@@ -406,6 +406,8 @@
 
     {% if isApacheStarting == true or isBackupContainerRunning == true or isWatchtowerRunning == true %}
         <script type="text/javascript" src="automatic_reload.js"></script>
+    {% else %}
+        <script type="text/javascript" src="before-unload.js"></script>
     {% endif %}
 
     </div>