Dns web app: DNS-over-HTTPS options implemented.

This commit is contained in:
Shreyas Zare
2018-06-17 23:22:29 +05:30
parent a83545442a
commit cf3fdd99ce
2 changed files with 43 additions and 5 deletions

View File

@@ -401,7 +401,7 @@
<div class="form-group">
<label for="txtDnsClientNameServer">Server</label>
<div class="input-group dropdown">
<input type="text" class="form-control dropdown-toggle" style="width: 180px;" id="txtDnsClientNameServer" value="This Server (this-server)">
<input type="text" class="form-control dropdown-toggle" style="width: 240px;" id="txtDnsClientNameServer" value="This Server (this-server)">
<ul class="dropdown-menu" id="optDnsClientNameServers">
<li><a href="#">This Server (this-server)</a></li>
<li><a href="#">Cloudflare (1.1.1.1)</a></li>
@@ -412,10 +412,13 @@
<li><a href="#">Cloudflare TLS (1.0.0.1:853)</a></li>
<li><a href="#">Cloudflare TLS ([2606:4700:4700::1111]:853)</a></li>
<li><a href="#">Cloudflare TLS ([2606:4700:4700::1001]:853)</a></li>
<li><a href="#">Cloudflare HTTPS (https://cloudflare-dns.com/dns-query)</a></li>
<li><a href="#">Cloudflare HTTPS-JSON (https://cloudflare-dns.com/dns-query)</a></li>
<li><a href="#">Google (8.8.8.8)</a></li>
<li><a href="#">Google (8.8.4.4)</a></li>
<li><a href="#">Google ([2001:4860:4860::8888])</a></li>
<li><a href="#">Google ([2001:4860:4860::8844])</a></li>
<li><a href="#">Google HTTPS-JSON (https://dns.google.com/resolve)</a></li>
<li><a href="#">IBM Quad9 Secure (9.9.9.9)</a></li>
<li><a href="#">IBM Quad9 Secure ([2620:fe::fe])</a></li>
<li><a href="#">IBM Quad9 Secure TLS (9.9.9.9:853)</a></li>
@@ -453,7 +456,7 @@
<div class="form-group">
<label for="txtDnsClientDomain">Domain</label>
<input type="text" class="form-control" style="width: 210px;" id="txtDnsClientDomain" placeholder="example.com">
<input type="text" class="form-control" style="width: 260px;" id="txtDnsClientDomain" placeholder="example.com">
</div>
<div class="form-group">
@@ -478,10 +481,12 @@
<option>UDP</option>
<option>TCP</option>
<option>TLS</option>
<option value="Https">HTTPS</option>
<option value="HttpsJson">HTTPS (JSON)</option>
</select>
</div>
<div class="form-group">
<div class="form-group" style="margin-bottom: 0px; margin-top: 10px;">
<button type="submit" class="btn btn-primary" id="btnDnsClientResolve" data-loading-text="Resolving..." onclick="return resolveQuery();" style="margin-right: 6px;">Resolve</button>
<button type="button" class="btn btn-warning" id="btnDnsClientImport" data-loading-text="Importing..." onclick="return resolveQuery(true);">Import</button>
</div>
@@ -636,6 +641,18 @@
DNS-over-TLS
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="rdForwarderProtocol" id="rdForwarderProtocolHttps" value="Https">
DNS-over-HTTPS
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="rdForwarderProtocol" id="rdForwarderProtocolHttpJsons" value="HttpsJson">
DNS-over-HTTPS (JSON)
</label>
</div>
</div>
</div>
</div>

View File

@@ -72,8 +72,21 @@ $(function () {
if (itemText.indexOf("TLS") !== -1)
$("#optDnsClientProtocol").val("TLS");
else if ($("#optDnsClientProtocol").val() === "TLS")
$("#optDnsClientProtocol").val("UDP");
else if (itemText.indexOf("HTTPS-JSON") !== -1)
$("#optDnsClientProtocol").val("HttpsJson");
else if (itemText.indexOf("HTTPS") !== -1)
$("#optDnsClientProtocol").val("Https");
else {
switch ($("#optDnsClientProtocol").val()) {
case "UDP":
case "TCP":
break;
default:
$("#optDnsClientProtocol").val("UDP");
break;
}
}
});
$("#divNetworkProxy input").click(function () {
@@ -325,6 +338,14 @@ function loadDnsSettings() {
$("#rdForwarderProtocolTls").prop("checked", true);
break;
case "https":
$("#rdForwarderProtocolHttps").prop("checked", true);
break;
case "httpsjson":
$("#rdForwarderProtocolHttpJsons").prop("checked", true);
break;
default:
$("#rdForwarderProtocolUdp").prop("checked", true);
break;