+ function searchPackages(search, regex) {
+ console.log("searchPackages", search, regex);
+ document.querySelectorAll("ul.package-list li").forEach(function(li) {
+ if (regex) {
+ if (li.id.match(search.toLowerCase())) {
+ li.style.removeProperty("display");
+ } else {
+ li.style.display = "none";
+ }
+ } else {
+ if (li.id.startsWith(search.toLowerCase())) {
+ li.style.removeProperty("display");
+ } else {
+ li.style.display = "none";
+ }
+ }
+ });
+ }
+
+ document.body.onload = function() {
+ var form = document.querySelector("form[name=search]");
+ var input = document.createElement("input");
+ var reset = document.createElement("input");
+ var prefix_label = document.createElement("label");
+ var prefix = document.createElement("input");
+ var regex_label = document.createElement("label");
+ var regex = document.createElement("input");
+
+ form.onreset = function() {
+ searchPackages("", false);
+ };
+
+ input.id = "s";
+ input.autocomplete = "off";
+ input.name = "s";
+ input.type = "search";
+ input.placeholder = "Search...";
+ input.oninput = function() {
+ searchPackages(input.value, regex.checked);
+ };
+ input.style.paddingRight = "4ch";
+ form.appendChild(input);
+
+ reset.id = "r";
+ reset.name = "r";
+ reset.type = "reset";
+ reset.value = "☒";
+ reset.title = "Reset";
+ reset.style.marginLeft = "-4ch";
+ reset.style.marginRight = "4ch";
+ reset.style.border = "none";
+ reset.style.background = "transparent";
+ form.appendChild(reset);
+
+ prefix.id = "prefix";
+ prefix.name = "by";
+ prefix.value = "prefix";
+ prefix.type = "radio";
+ prefix.defaultChecked = true;
+ prefix.checked = true;
+ prefix.onchange = function() {
+ searchPackages(input.value, regex.checked);
+ };
+ //form.appendChild(prefix);
+ prefix_label.innerText = "by Prefix";
+ prefix_label.appendChild(prefix);
+ form.appendChild(prefix_label);
+
+ regex.id = "regex";
+ regex.name = "by";
+ regex.value = "regex";
+ regex.type = "radio";
+ regex.checked = false;
+ regex.onchange = function() {
+ searchPackages(input.value, regex.checked);
+ };
+ //form.appendChild(regex);
+ regex_label.innerText = "by RegExp";
+ regex_label.appendChild(regex);
+ form.appendChild(regex_label);
+
+ input.focus();
+ };
+