| Host | Destination | Virtual Directory | +Tags | Advanced Settings | Actions | @@ -124,6 +165,11 @@${vdList} | ++ + | ${subd.AuthenticationProvider.AuthMethod == 0x1?` Basic Auth`:``} ${subd.AuthenticationProvider.AuthMethod == 0x2?` Authelia`:``} @@ -142,6 +188,7 @@ | `); }); + populateTagFilterDropdown(data); } resolveAccessRuleNameOnHostRPlist(); @@ -285,7 +332,11 @@ column.append(``); - + }else if (datatype == "tags"){ + column.append(` + + + `); }else if (datatype == "advanced"){ let authProvider = payload.AuthenticationProvider.AuthMethod; @@ -457,7 +508,12 @@ let requireRateLimit = $(row).find(".RequireRateLimit")[0].checked; let rateLimit = $(row).find(".RateLimit").val(); let bypassGlobalTLS = $(row).find(".BypassGlobalTLS")[0].checked; - + let tags = getTagsArrayFromEndpoint(uuid); + if (tags.length > 0){ + tags = tags.join(","); + }else{ + tags = ""; + } $.cjax({ url: "/api/proxy/edit", method: "POST", @@ -470,6 +526,7 @@ "authprovider" :authProviderType, "rate" :requireRateLimit, "ratenum" :rateLimit, + "tags": tags, }, success: function(data){ if (data.error !== undefined){ @@ -609,4 +666,110 @@ tabSwitchEventBind["httprp"] = function(){ listProxyEndpoints(); } + + /* Tags & Search */ + function handleSearchInput(event){ + if (event.key == "Escape"){ + $("#searchInput").val(""); + } + filterProxyList(); + } + + // Function to filter the proxy list + function filterProxyList() { + let searchInput = $("#searchInput").val().toLowerCase(); + let selectedTag = $("#tagFilterDropdown").dropdown('get value'); + $("#httpProxyList tr").each(function() { + let host = $(this).find("td[data-label='']").text().toLowerCase(); + let tagElements = $(this).find("td[data-label='tags']"); + let tags = tagElements.attr("payload"); + tags = JSON.parse(decodeURIComponent(tags)); + if ((host.includes(searchInput) || searchInput === "") && (tags.includes(selectedTag) || selectedTag === "")) { + $(this).show(); + } else { + $(this).hide(); + } + }); + } + + // Function to generate a color based on a tag name + function getTagColorByName(tagName) { + function hashCode(str) { + return str.split('').reduce((prevHash, currVal) => + ((prevHash << 5) - prevHash) + currVal.charCodeAt(0), 0); + } + let hash = hashCode(tagName); + let color = '#' + ((hash >> 24) & 0xFF).toString(16).padStart(2, '0') + + ((hash >> 16) & 0xFF).toString(16).padStart(2, '0') + + ((hash >> 8) & 0xFF).toString(16).padStart(2, '0'); + return color; + } + + function getTagTextColor(tagName){ + let color = getTagColorByName(tagName); + let r = parseInt(color.substr(1, 2), 16); + let g = parseInt(color.substr(3, 2), 16); + let b = parseInt(color.substr(5, 2), 16); + let brightness = Math.round(((r * 299) + (g * 587) + (b * 114)) / 1000); + return brightness > 125 ? "#000000" : "#ffffff"; + } + + // Populate the tag filter dropdown + function populateTagFilterDropdown(data) { + let tags = new Set(); + data.forEach(subd => { + subd.Tags.forEach(tag => tags.add(tag)); + }); + tags = Array.from(tags).sort((a, b) => a.localeCompare(b)); + let dropdownMenu = $("#tagFilterDropdown .tagList"); + dropdownMenu.html(`Destination URL | Copy Pathname | Status Code | -Remove | +Actions | @@ -163,13 +163,21 @@ $("#redirectionRuleList").html(""); $.get("/api/redirect/list", function(data){ data.forEach(function(entry){ - $("#redirectionRuleList").append(`
|---|---|---|---|---|
| ${entry.RedirectURL} | -${entry.TargetURL} | -${entry.ForwardChildpath?"":""} | -${entry.StatusCode==307?"Temporary Redirect (307)":"Moved Permanently (301)"} | -- |
| ${entry.RedirectURL} | +${entry.TargetURL} | +${entry.ForwardChildpath?"":""} | +${entry.StatusCode==307?"Temporary Redirect (307)":"Moved Permanently (301)"} | ++ + + | +
+
+
+
+ |
+
+
+
+
+ |
+ + |
+ + + |
+ + + + | + `); + + $(".checkbox").checkbox(); + } + + function saveEditRule(obj){ + let payload = JSON.parse(decodeURIComponent($(obj).attr("payload"))); + let redirectUrl = $("#editRedirectUrl").val(); + let destUrl = $("#editDestUrl").val(); + let forwardChildpath = $("#editForwardChildpath").is(":checked"); + let statusCode = parseInt($("input[name='editStatusCode']:checked").val()); + + $.cjax({ + url: "/api/redirect/edit", + method: "POST", + data: { + originalRedirectUrl: payload.RedirectURL, + newRedirectUrl: redirectUrl, + destUrl: destUrl, + forwardChildpath: forwardChildpath, + redirectType: statusCode, + }, + success: function(data){ + if (data.error != undefined){ + msgbox(data.error, false); + }else{ + msgbox("Redirection rule updated", true); + initRedirectionRuleList(); + } + } + }); + } + function initRegexpSupportToggle(){ $.get("/api/redirect/regex", function(data){ //Set the checkbox initial state diff --git a/src/web/components/rules.html b/src/web/components/rules.html index f6df6ce..642798f 100644 --- a/src/web/components/rules.html +++ b/src/web/components/rules.html @@ -63,6 +63,11 @@ +
| Tag Name | +Action | +
|---|
Create new tag or add this proxy rule to an existing tag
+