added dns local domains

src/web/js/settings/dns.js

@@ -9,19 +9,28 @@ const adddnsservercancelbutton = document.querySelector('#adddnsservercancel')
 const adddnsserverconfirmbutton = document.querySelector('#adddnsserverconfirm')
 const adddnsserverinput = document.querySelector('#adddnsserverinput')
 
+const localdomainstablebody = document.querySelector('#domainsstablebody')
+const addlocaldomainbutton = document.querySelector('#add_local_domain_button')
+const addlocaldomainform = document.querySelector('#addlocaldomainform')
+const addlocaldomaincancelbutton = document.querySelector('#addlocaldomaincancel')
+const addlocaldomainconfirmbutton = document.querySelector('#addlocaldomainconfirm')
+const domaininput = document.querySelector('#domaininput')
+const ipinput = document.querySelector('#ipinput')
+const domainstablebody = document.querySelector('#domainsstablebody')
+
 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 => {
-        console.log(jsondata)
         if (jsondata.enabled === '1') {
             dnsenabled.checked = true
             dnssettingbody.classList.add('active')
             adddnsserverbutton.classList.add('active')
-            // adddnsserverbutton.parentElement.classList.remove('onebutton')
+            addlocaldomainbutton.classList.add('active')
             return;
         } else {
             adddnsserverbutton.parentElement.classList.add('onebutton')
@@ -49,7 +58,10 @@ const set_dns_enabled_status = () => {
 
 const set_dns_settings = () => {
     set_dns_enabled_status()
-    set_dns_server()
+    if (dnsenabled.checked) {
+        set_dns_server()
+        set_local_domains()
+    }
 }
 
 setdnssettingsbutton.addEventListener('click', () =>{
@@ -60,11 +72,13 @@ dnsenabled.addEventListener('click', () => {
     if (dnsenabled.checked) {
         dnssettingbody.classList.add('active')
         adddnsserverbutton.classList.add('active')
+        addlocaldomainbutton.classList.add('active')
         adddnsserverbutton.parentElement.classList.remove('onebutton')
         get_dns_server()
     } else {
         dnssettingbody.classList.remove('active')
         adddnsserverbutton.classList.remove('active')
+        addlocaldomainbutton.classList.remove('active')
         adddnsserverbutton.parentElement.classList.add('onebutton')
     }
 })
@@ -74,11 +88,15 @@ const get_dns_server = () => {
         method: 'POST',
         body: `{"token":"${localStorage.getItem("token")}"}`
     }).then(res => res.json()).then(jsondata => {
-        console.log(jsondata)
         dnsservers = jsondata.servers
         dnsserverstablebody.innerHTML = ""
         for (const server in jsondata.servers) {
-            dnsserverstablebody.innerHTML += `<tr><th>${jsondata.servers[server]} <button class="deldnsserverbutton" id="${jsondata.servers[server]}">Del</button></th></tr>`
+            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")
@@ -87,13 +105,18 @@ const get_dns_server = () => {
 
 const set_dns_server = () => {
     start_loader("Load DNS")
-    console.log(`{"token":"${localStorage.getItem('token')}","servers":${JSON.stringify(dnsservers)}}`)
+    dnsservers.push(adddnsserverinput.value)
     fetch(routes.dns_servers_set(), {
         method: 'POST',
         body: `{"token":"${localStorage.getItem('token')}","servers":${JSON.stringify(dnsservers)}}`
     }).then(data => data.json()).then(jsondata => {
         stop_loader()
-        jsondata.success ? get_dns_server() : notification("Неизвестная ошибка", "error")
+        if (jsondata.success) {
+            get_dns_server()
+            notification("Настройки dns сохранены", "success")
+        } else {
+            notification("Неизвестная ошибка", "error")
+        }
     }).catch((error) => {
         notification(`Ошибка на сервере: ${error}`, "error")
     })
@@ -121,7 +144,6 @@ adddnsserverconfirmbutton.addEventListener('click', () => {
     if (adddnsserverinput.value === "") {
         return
     }
-    dnsservers.push(adddnsserverinput.value)
     get_confirm_form(`Confirm DNS settings? (Add DNS server: ${adddnsserverinput.value})`, set_dns_server, cancel_confirm_add_dns_server)
 })
 
@@ -129,7 +151,86 @@ dnsserverstablebody.addEventListener('click', (e) => {
     if (e.target.classList.contains('deldnsserverbutton')) {
         dnsservers.splice(dnsservers.indexOf(e.target.id), 1)
         set_dns_server()
-        console.log('del', e.target.id)
         get_dns_server()
     }
 })
+
+// ---------------------- 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")
+    })
+}
+
+const cancel_confirm_add_localdomain = () => {
+    confirmform.classList.remove('active')
+    addlocaldomainform.classList.add('active')
+}
+
+addlocaldomainbutton.addEventListener('click', () => {
+    addlocaldomainform.classList.add('active')
+})
+
+addlocaldomaincancelbutton.addEventListener('click', () => {
+    addlocaldomainform.classList.remove('active')
+    domaininput.value = "";
+    ipinput.value = "";
+})
+
+addlocaldomainconfirmbutton.addEventListener('click', () => {
+    addlocaldomainform.classList.remove('active')
+    get_confirm_form(`Confirm DNS settings? (Add Local Domain: ${ipinput.value} ${domaininput.value})`, () => {
+        localdomains.push({"ip": ipinput.value, "domain": domaininput.value});
+        set_local_domains()
+        ipinput.value = ""
+        domaininput.value = ""
+    }, cancel_confirm_add_localdomain)
+})
+
+domainstablebody.addEventListener('click', (e) => {
+    if (e.target.classList.contains('deldomain')) {
+        // const delel = localdomains.find(dom => dom.domain === e.target.id)
+        // delete localdomains.domains[localdomains.indexOf(delel)]
+        localdomains.splice(localdomains.indexOf(localdomains.find(dom => dom.domain === e.target.id)), 1)
+        // get_confirm_form(`Confirm DNS settings? (delete Local Domain: ${e.target.id})`, () => set_local_domains(localdomains))
+        set_local_domains()
+        get_local_domains()
+    }
+})
+
+
+// ------------------------- local domains end --------------------