restore Domain UI

backend/public/js/ui.js

@@ -56,4 +56,84 @@ async function loadResources(){
 
 }
 
+async function loadDomains(){
+
+    const domains = await api(API + "/domains");
+
+    const table = document.getElementById("domains");
+    table.innerHTML = "";
+
+    domains.forEach(d => {
+
+        const tr = document.createElement("tr");
+
+        tr.innerHTML = `
+            <td>${d.domain_name}</td>
+
+            <td>
+                <span class="provider">${d.provider || ""}</span>
+            </td>
+
+            <td>${d.ip_address || ""}</td>
+
+            <td>
+                ${d.resource_name ? 
+                d.resource_name :
+                "<span style='color:red'>⚠ no server</span>"}
+            </td>
+
+            <td id="dns-${d.id}">...</td>
+
+            <td>${d.yearly_cost || ""}</td>
+
+            <td>
+                <button onclick="deleteDomain(${d.id})">Delete</button>
+            </td>
+        `;
+
+        table.appendChild(tr);
+
+    });
+
+}
+
+async function deleteDomain(id){
+
+    if(!confirm("Domain löschen?")) return;
+
+    await api(API + "/domains/" + id, {
+        method: "DELETE"
+    });
+
+    loadDomains();
+}
+
+async function loadMapping(){
+
+    const data = await api(API + "/domainmap");
+
+    const table = document.getElementById("mapping");
+    table.innerHTML = "";
+
+    data.forEach(m => {
+
+        const tr = document.createElement("tr");
+
+        tr.innerHTML = `
+            <td>${m.domain_name}</td>
+            <td>${m.ip_address}</td>
+            <td>${m.server_name || ""}</td>
+        `;
+
+        table.appendChild(tr);
+
+    });
+
+}
+
+
+
 loadResources();
+loadDomains();
+loadMapping();
+