Edit Template

main/static/css/styles.css

@@ -19,3 +19,43 @@ img.pb {
     max-width: 2rem;
     height: auto;
 }
+
+.load_body{
+    position: absolute;
+    top: 50%;
+    left: 45%;
+    transform: translate(-50%,-50%);
+    background-color: #2a9d8f;
+}
+.progress{
+    position: relative;
+    height: 10px;
+    width: 1110%;
+    border: 10px solid #f4a261;
+    border-radius: 15px;
+}
+.progress .color{
+    position: absolute;
+    background-color: #ffffff;
+    width: 0px;
+    height: 10px;
+    border-radius: 15px;
+    animation: progres 4s infinite linear;    
+}
+@keyframes progres{
+    0%{
+      width: 0%;
+    }
+    25%{
+        width: 50%;
+    }
+    50%{
+        width: 75%;
+    }
+    75%{
+        width: 85%;
+    }
+    100%{
+        width: 100%;
+    }
+};

main/templates/main/base.html

@@ -51,7 +51,11 @@
                   </ul>  
               </div>
         </div>
-
+        <div class="load_body">
+            <div class="progress">
+                <div class="color"></div>
+            </div>
+        </div>
         {% block content %}
         {% endblock %}
         

theocbase_templates/COMBO_MO_PC.htm

@@ -667,7 +667,7 @@
 		req.send();
 
 		myDATA = JSON.parse(req.response);
-		
+		console.log(myDATA)
 		setData(myDATA)
 	</script>
 </body>

theocbase_templates/db_res.js

@@ -1,15 +0,0 @@
-let ResData = null
-fetch('http://mo.samuelzielke.de/api/')
-		.then(response => response.json())
-		.then(data => {
-			ResData=data;
-			window.readyrequest = true;
-			window.ResData = ResData;
-		})
-		.catch(error => console.error('Error:', error));
-let stopped = false
-while(!stopped){
-    console.log("Warten");
-    if (ResData != null) stopped = true;
-}
-const DATA = ResData