pi-hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2024-12-06 19:36:21 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Show suggested domains in group domains page

Browse Source 
Signed-off-by: Anthony de Jong <11158888+anthony-de-jong@users.noreply.github.com>
This commit is contained in:
Anthony de Jong
2022-05-23 18:31:03 +00:00
parent 37baf602f1
commit eaef6f8733
2 changed files with 55 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups-domains.php
+2 -1
View File
@@ -48,7 +48,8 @@
<div class="col-md-6">
<div class="form-group">
<label for="new_domain">Domain:</label>
<input id="new_domain" type="url" class="form-control active" placeholder="Domain to be added" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off">
<input id="new_domain" type="url" class="form-control active" placeholder="Domain to be added" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off">
<div id="suggest_domains" class="table-responsive no-border"></div>
</div>
</div>
<div class="col-md-6 form-group">
scripts/pi-hole/js/groups-domains.js
+53
View File
@@ -51,14 +51,67 @@ $(function () {
$("#new_domain").val("");
$("#wildcard_checkbox").prop("checked", false);
}
clearTimeout(suggestTimeout);
$("#suggest_domains").hide();
});
$("#add2black, #add2white").on("click", addDomain);
var suggestTimeout;
$("#new_domain").on("input", function (e) {
hideSuggestDomains();
clearTimeout(suggestTimeout);
suggestTimeout = setTimeout(showSuggestDomains, 1000, e.target.value);
});
utils.setBsSelectDefaults();
getGroups();
});
function showSuggestDomains(value) {
function createButton(hostname) {
// Purposefully omit 'btn' class to save space on padding
return $('<button type="button" class="btn-link btn-block text-right">')
.append($("<i>").text(hostname))
.click(function () {
hideSuggestDomains();
newDomainEl.val(hostname);
});
}
var newDomainEl = $("#new_domain");
var suggestDomainEl = $("#suggest_domains");
try {
// URL is not supported in all browsers, but we are in a try-block so we can ignore it
// eslint-disable-next-line compat/compat
var parts = new URL(value).hostname.split(".");
var table = $("<table>");
for (var i = 0; i < parts.length - 1; ++i) {
var hostname = parts.slice(i).join(".");
table.append(
$("<tr>")
.append($('<td class="text-nowrap text-right">').text(i === 0 ? "Did you mean" : "or"))
.append($("<td>").append(createButton(hostname)))
);
}
suggestDomainEl.slideUp("fast", function () {
suggestDomainEl.html(table);
suggestDomainEl.slideDown("fast");
});
} catch {
hideSuggestDomains();
}
}
function hideSuggestDomains() {
$("#suggest_domains").slideUp("fast");
}
function initTable() {
table = $("#domainsTable").DataTable({
ajax: {