beginn frontend modularisierung

backend/public/index.html

@@ -284,13 +284,12 @@ Domains jährlich: <span id="costDomain">0</span> €<br>
 
 </div>
 
-<script src="js/api.js"></script>
+document.addEventListener("DOMContentLoaded",()=>{
-<script src="js/resources.js"></script>
-<script src="js/domains.js"></script>
-<script src="js/ips.js"></script>
-<script src="js/dashboard.js"></script>
-<script src="js/infra.js"></script>
-<script src="js/main.js"></script>
 
+    loadResources();
+    loadDomains();
+    loadCosts();
+
+});
 </body>
 </html>

backend/public/js/api.js

@@ -1,3 +1,4 @@
+
 const API="/resman/api";
 
 async function api(url, options={}){
@@ -14,9 +15,9 @@ async function api(url, options = {}) {
         }catch(e){}
 
         alert("Fehler: "+msg);
-
         throw new Error(msg);
     }
 
     return res.json();
 }
+

backend/public/js/main.ja

@@ -0,0 +1,21 @@
+const API="/resman/api";
+
+async function api(url, options={}){
+
+    const res = await fetch(url, options);
+
+    if(!res.ok){
+
+        let msg="API error";
+
+        try{
+            const err=await res.json();
+            msg=err.error || msg;
+        }catch(e){}
+
+        alert("Fehler: "+msg);
+        throw new Error(msg);
+    }
+
+    return res.json();
+}

backend/public/js/main.js

@@ -1,15 +1,8 @@
 document.addEventListener("DOMContentLoaded",()=>{
 
-loadResources()
+    loadResources();
-loadCancelled()
+    loadDomains();
+    loadCosts();
 
-loadDomains()
+});
-loadMapping()
 
-loadCosts()
-
-if(typeof loadInfrastructure === "function"){
-loadInfrastructure()
-}
-
-})