making easy

src/web/js/settings/dns.js

@@ -12,46 +12,24 @@ let dnsservers = []
 let localdomains = []
 
 const get_dns_enabled_status = () => {
-    fetch(routes.dns_status(), {
-        method: 'POST',
-        body: `{"token":"${localStorage.getItem("token")}"}`
-    }).then(res => res.json()).then(jsondata => {
-        if (jsondata.enabled === '1') {
-            dnsenabled.checked = true
-            dnssettingbody.classList.add('active')
-            adddnsserverbutton.classList.add('active')
-            addlocaldomainbutton.classList.add('active')
-            return;
-        } else {
-            adddnsserverbutton.parentElement.classList.add('onebutton')
-        }
-    }).catch((error) => {
-        notification(`Ошибка на сервере: ${error}`, "error")
-    })
-}
-
-const set_dns_enabled_status = () => {
-    fetch(routes.dns_status_set(), {
-        method: 'POST',
-        body: `{"token":"${localStorage.getItem("token")}","enabled":${dnsenabled.checked}}`
-    }).then(res => res.json()).then(jsondata => {
-        if (jsondata.enabled === '1') {
-            dnsenabled.checked = true
-            dnssettingbody.classList.add('active')
-            adddnsserverbutton.classList.add('active')
-        }
-        notification("Настройки dns сохранены", "success")
-    }).catch((error) => {
-        notification(`Ошибка на сервере: ${error}`, "error")
-    })
+    dnsenabled.checked = settings.dns.enabled
+    if (settings.dns.enabled) {
+        dnssettingbody.classList.add('active')
+        adddnsserverbutton.classList.add('active')
+        addlocaldomainbutton.classList.add('active')
+    } else {
+        adddnsserverbutton.parentElement.classList.add('onebutton')
+    }
 }
 
 const set_dns_settings = () => {
-    set_dns_enabled_status()
-    if (dnsenabled.checked) {
-        set_dns_server()
-        set_local_domains()
-    }
+    settings.dns.enabled = dnsenabled.checked
+    settings.dns.servers = dnsservers
+    settings.dns.localdomains = localdomains
+    set_all_settings()
+    dnsenabled.checked = settings.dns.enabled
+    get_dns_server()
+    get_local_domains()
 }
 
 setdnssettingsbutton.addEventListener('click', () => {
@@ -76,41 +54,16 @@ dnsenabled.addEventListener('click', () => {
 })
 
 const get_dns_server = () => {
-    fetch(routes.dns_servers_get(), {
-        method: 'POST',
-        body: `{"token":"${localStorage.getItem("token")}"}`
-    }).then(res => res.json()).then(jsondata => {
-        dnsservers = jsondata.servers
-        dnsserverstablebody.innerHTML = ""
-        for (const server in jsondata.servers) {
-            dnsserverstablebody.innerHTML += `<tr>
-                    <th class="one">
-                        ${jsondata.servers[server]}
-                        <button class="deldnsserverbutton" id="${jsondata.servers[server]}">Del</button>
-                    </th>
-            </tr>`
-        }
-    }).catch((error) => {
-        notification(`Ошибка на сервере: ${error}`, "error")
-    })
-}
-
-const set_dns_server = () => {
-    start_loader("Load DNS")
-    fetch(routes.dns_servers_set(), {
-        method: 'POST',
-        body: `{"token":"${localStorage.getItem('token')}","servers":${JSON.stringify(dnsservers)}}`
-    }).then(data => data.json()).then(jsondata => {
-        stop_loader()
-        if (jsondata.success) {
-            get_dns_server()
-            notification("Настройки dns сохранены", "success")
-        } else {
-            notification("Неизвестная ошибка", "error")
-        }
-    }).catch((error) => {
-        notification(`Ошибка на сервере: ${error}`, "error")
-    })
+    dnsservers = settings.dns.servers
+    dnsserverstablebody.innerHTML = ""
+    for (const server in settings.dns.servers) {
+        dnsserverstablebody.innerHTML += `<tr>
+                <th class="one">
+                    ${settings.dns.servers[server]}
+                    <button class="deldnsserverbutton" id="${settings.dns.servers[server]}">Del</button>
+                </th>
+        </tr>`
+    }
 }
 
 adddnsserverbutton.addEventListener('click', () => {
@@ -118,7 +71,7 @@ adddnsserverbutton.addEventListener('click', () => {
     if (dnsserver === null) return
     if (confirm('Confirm DNS settings? (add DNS server)')) {
         dnsservers.push(dnsserver)
-        set_dns_server()
+        set_dns_settings()
     }
 })
 
@@ -126,7 +79,7 @@ dnsserverstablebody.addEventListener('click', (e) => {
     if (e.target.classList.contains('deldnsserverbutton')) {
         dnsservers.splice(dnsservers.indexOf(e.target.id), 1)
         if (confirm(`Confirm DNS settings? (delete DNS server: ${e.target.id})`)) {
-            set_dns_server()
+            set_dns_settings()
         }
         get_dns_server()
     }
@@ -135,42 +88,17 @@ dnsserverstablebody.addEventListener('click', (e) => {
 // ---------------------- local domains ---------------------------
 
 const get_local_domains = () => {
-    fetch(routes.dns_local_domains_get(), {
-        method: 'POST',
-        body: `{"token":"${localStorage.getItem('token')}"}`
-    }).then(data => data.json()).then(jsondata => {
-        localdomains = jsondata.domains
-        localdomainstablebody.innerHTML = ""
-        for (const domain in jsondata.domains) {
-            localdomainstablebody.innerHTML += `<tr>
-                            <th class="three">${jsondata.domains[domain].ip}</th>
-                            <th class="three" style="display:flex;align-items:center;justify-content:space-between;width:100%">
-                                ${jsondata.domains[domain].domain}
-                                <button class="deldomain" id="${jsondata.domains[domain].domain}">Del</button>
-                            </th>
-            </tr>`
-        }
-    }).catch((error) => {
-        notification(`Ошибка на сервере: ${error}`, "error")
-    })
-}
-
-const set_local_domains = (domains = localdomains) => {
-    start_loader()
-    fetch(routes.dns_local_domains_set(), {
-        method: 'POST',
-        body: `{"token":"${localStorage.getItem('token')}","domains":${JSON.stringify(domains)}}`
-    }).then(data => data.json()).then(jsondata => {
-        stop_loader()
-        if (jsondata.success) {
-            get_local_domains()
-            notification("Настройки dns сохранены", "success")
-        } else {
-            notification("Неизвестная ошибка", "error")
-        }
-    }).catch((error) => {
-        notification(`Ошибка на сервере: ${error}`, "error")
-    })
+    localdomains = settings.dns.localdomains
+    localdomainstablebody.innerHTML = ""
+    for (const domain in settings.dns.localdomains) {
+        localdomainstablebody.innerHTML += `<tr>
+                        <th class="three">${settings.dns.localdomains[domain].ip}</th>
+                        <th class="three" style="display:flex;align-items:center;justify-content:space-between;width:100%">
+                            ${settings.dns.localdomains[domain].domain}
+                            <button class="deldomain" id="${settings.dns.localdomains[domain].domain}">Del</button>
+                        </th>
+        </tr>`
+    }
 }
 
 addlocaldomainbutton.addEventListener('click', () => {
@@ -180,7 +108,7 @@ addlocaldomainbutton.addEventListener('click', () => {
     if (domainip === null || domain === null) return
     if (confirm(`Confirm DNS settings? (Add Local Domain: ${domainip} ${domain})`)) {
         localdomains.push({ "ip": domainip, "domain": domain })
-        set_local_domains()
+        set_dns_settings()
     }
 })
 
@@ -188,7 +116,7 @@ localdomainstablebody.addEventListener('click', (e) => {
     if (e.target.classList.contains('deldomain')) {
         localdomains.splice(localdomains.indexOf(localdomains.find(dom => dom.domain === e.target.id)), 1)
         if (confirm(`Confirm DNS settings? (delete Local Domain: ${e.target.id})`)) {
-            set_local_domains()
+            set_dns_settings()
         }
         get_local_domains()
     }