update 2026-05-27 23:25:57

luci-app-passwall/luasrc/view/passwall/node_config/footer.htm

@@ -0,0 +1,48 @@
+<%
+local api = self.api
+-%>
+<script type="text/javascript">
+	//<![CDATA[
+	document.addEventListener("DOMContentLoaded", function () {
+		waitForElement('select[name*="<%=self.config%>"][name*="type"]', function(el) {
+			let o_val = el.value;
+			el.addEventListener("change", () => {
+				el.blur();
+				if (o_val != el.value) {
+					let save = true;
+					if (save) {
+						//document.getElementsByClassName('cbi-button-save')[0].click();
+						update_node({
+							remarks: getOption("remarks").value,
+							group: getOption("group").value,
+							type: getOption("type").value,
+							//protocol: ''
+						});
+					}
+				}
+			});
+		});
+		waitForElement('select[name*="<%=self.config%>"][name*="protocol"]', function(el) {
+			let o_val = el.value;
+			el.addEventListener("change", () => {
+				el.blur();
+				if (el.value.startsWith("_") || (o_val.startsWith("_") && !el.value.startsWith("_"))) {
+					let name_split = el.name.split(".");
+					let name = name_split[name_split.length - 1];
+					let save = true;
+					if (save) {
+						//document.getElementsByClassName('cbi-button-save')[0].click();
+						update_node({
+							remarks: getOption("remarks").value,
+							group: getOption("group").value,
+							protocol: getOption(name).value
+						});
+					} else {
+						window.location.href = node_config_url + "?select_proto=" + el.value;
+					}
+				}
+			});
+		});
+	});
+	//]]>
+</script>

luci-app-passwall/luasrc/view/passwall/node_config/header.htm

@@ -0,0 +1,80 @@
+<%
+local api = self.api
+-%>
+<script type="text/javascript">
+	//<![CDATA[
+	let node_id = "<%=self.section%>";
+	let node_config_url = '<%=api.url("node_config")%>/' + node_id;
+
+	function waitForElement(selector, callback) {
+		const el = document.querySelector(selector);
+		if (el) return callback(el);
+		const observer = new MutationObserver(() => {
+			const el = document.querySelector(selector);
+			if (el) {
+				observer.disconnect();
+				callback(el);
+			}
+		});
+		observer.observe(document.body, { childList: true, subtree: true });
+	}
+
+	function getOption(opt) {
+		var obj;
+		var id = 'cbid.<%=self.config%>.' + node_id + '.' + opt;
+		obj = document.getElementsByName(id)[0] || document.getElementById(id);
+		if (obj) {
+			var combobox = document.getElementById('cbi.combobox.' + id);
+			if (combobox) {
+				obj.combobox = combobox;
+			}
+			var div = document.getElementById(id);
+			if (div && div.getElementsByTagName("li").length > 0) {
+				obj = div;
+			}
+			return obj;
+		} else {
+			return null;
+		}
+	}
+	
+	function update_node(data) {
+		XHR.get('<%=api.url("update_node")%>', {
+			id: node_id,
+			data: JSON.stringify(data)
+		},
+		function(x, data) {
+			if (x && x.status == 200 && data.code == 1) {
+				window.location.href = node_config_url;
+			}
+			else {
+				alert("<%:Error%>");
+			}
+		});
+	}
+
+	function fetchCertSha256(el) {
+		if (el.getAttribute("data-loading") === "1") return;
+		el.setAttribute("data-loading", "1");
+		el.style.pointerEvents = "none";
+		el.style.color = "red";
+		XHR.get('<%=api.url("fetch_certsha256")%>', { id: node_id }, function(x, res) {
+			el.setAttribute("data-loading", "0");
+			el.style.pointerEvents = "";
+			el.style.color = "";
+			if (!x || x.status !== 200) {
+				alert("<%:Error%>");
+				return;
+			}
+			if (!res || res.code !== 1 || !res.data) {
+				alert(res && res.msg ? res.msg : "<%:Fetch Failed%> !");
+				return;
+			}
+			const inputs = document.querySelectorAll('input[id$=".xray_tls_pinSHA256"]');
+			inputs.forEach(function(input) {
+				input.value = res.data;
+			});
+		});
+	}
+	//]]>
+</script>