From 345e6292bb0b006211fb535495126fc73aa6a42f Mon Sep 17 00:00:00 2001
From: xiaorouji <60100640+xiaorouji@users.noreply.github.com>
Date: Mon, 4 Mar 2024 03:08:40 +0800
Subject: [PATCH] luci: add transition button...

---
 luci-app-passwall/Makefile                    |   2 +-
 .../model/cbi/passwall/client/acl_config.lua  |  19 +--
 .../model/cbi/passwall/client/global.lua      |   3 +
 .../luasrc/view/passwall/global/proxy.htm     | 108 ++++++++++++++++++
 luci-app-passwall/po/zh-cn/passwall.po        |   9 +-
 5 files changed, 127 insertions(+), 14 deletions(-)
 create mode 100644 luci-app-passwall/luasrc/view/passwall/global/proxy.htm

diff --git a/luci-app-passwall/Makefile b/luci-app-passwall/Makefile
index ef7e3bbca..7868fe21b 100644
--- a/luci-app-passwall/Makefile
+++ b/luci-app-passwall/Makefile
@@ -6,7 +6,7 @@
 include $(TOPDIR)/rules.mk
 
 PKG_NAME:=luci-app-passwall
-PKG_VERSION:=4.75-3
+PKG_VERSION:=4.75-4
 PKG_RELEASE:=
 
 PKG_CONFIG_DEPENDS:= \
diff --git a/luci-app-passwall/luasrc/model/cbi/passwall/client/acl_config.lua b/luci-app-passwall/luasrc/model/cbi/passwall/client/acl_config.lua
index 4c9b6b5c0..e2ba61b92 100644
--- a/luci-app-passwall/luasrc/model/cbi/passwall/client/acl_config.lua
+++ b/luci-app-passwall/luasrc/model/cbi/passwall/client/acl_config.lua
@@ -140,17 +140,17 @@ sources.validate = function(self, value, t)
 end
 sources.write = dynamicList_write
 
-local TCP_NODE = uci:get(appname, "@global[0]", "tcp_node")
+--local TCP_NODE = uci:get(appname, "@global[0]", "tcp_node")
 tcp_node = s:option(ListValue, "tcp_node", "<a style='color: red'>" .. translate("TCP Node") .. "</a>")
-tcp_node.default = "default"
+tcp_node.default = "nil"
 tcp_node:value("nil", translate("Close"))
-tcp_node:value("default", translate("Use global config") .. "(" .. TCP_NODE .. ")")
+--tcp_node:value("default", translate("Use global config") .. "(" .. TCP_NODE .. ")")
 
-local UDP_NODE = uci:get(appname, "@global[0]", "udp_node")
+--local UDP_NODE = uci:get(appname, "@global[0]", "udp_node")
 udp_node = s:option(ListValue, "udp_node", "<a style='color: red'>" .. translate("UDP Node") .. "</a>")
-udp_node.default = "default"
+udp_node.default = "nil"
 udp_node:value("nil", translate("Close"))
-udp_node:value("default", translate("Use global config") .. "(" .. UDP_NODE .. ")")
+--udp_node:value("default", translate("Use global config") .. "(" .. UDP_NODE .. ")")
 udp_node:value("tcp", translate("Same as the tcp node"))
 
 for k, v in pairs(nodes_table) do
@@ -257,6 +257,9 @@ o:value("disable", translate("No Proxy"))
 o:value("proxy", translate("Proxy"))
 o:depends({ udp_node = "nil",  ['!reverse'] = true })
 
+o = s:option(DummyValue, "", " ")
+o.template = appname .. "/global/proxy"
+
 o = s:option(Flag, "filter_proxy_ipv6", translate("Filter Proxy Host IPv6"), translate("Experimental feature."))
 o.default = "0"
 o:depends({ tcp_node = "nil",  ['!reverse'] = true })
@@ -387,8 +390,10 @@ o.description = translate("The default DNS used when not in the domain name rule
 .. "<li>" .. translate("Remote DNS can avoid more DNS leaks, but some domestic domain names maybe to proxy!") .. "</li>"
 .. "<li>" .. translate("Direct DNS Internet experience may be better, but DNS will be leaked!") .. "</li>"
 .. "</ul>"
+local _depends = {tcp_proxy_mode = "proxy"}
 if api.is_finded("chinadns-ng") then
-	o:depends("chinadns_ng", false)
+	_depends["chinadns_ng"] = false
 end
+o:depends(_depends)
 
 return m
diff --git a/luci-app-passwall/luasrc/model/cbi/passwall/client/global.lua b/luci-app-passwall/luasrc/model/cbi/passwall/client/global.lua
index 117d7fa59..06f0912b7 100644
--- a/luci-app-passwall/luasrc/model/cbi/passwall/client/global.lua
+++ b/luci-app-passwall/luasrc/model/cbi/passwall/client/global.lua
@@ -463,6 +463,9 @@ localhost_udp_proxy_mode:value("disable", translate("No Proxy"))
 localhost_udp_proxy_mode:value("proxy", translate("Proxy"))
 localhost_udp_proxy_mode.default = "default"
 
+o = s:taboption("Proxy", DummyValue, "", " ")
+o.template = appname .. "/global/proxy"
+
 tips = s:taboption("Proxy", DummyValue, "tips", " ")
 tips.rawhtml = true
 tips.cfgvalue = function(t, n)
diff --git a/luci-app-passwall/luasrc/view/passwall/global/proxy.htm b/luci-app-passwall/luasrc/view/passwall/global/proxy.htm
new file mode 100644
index 000000000..4e05f3336
--- /dev/null
+++ b/luci-app-passwall/luasrc/view/passwall/global/proxy.htm
@@ -0,0 +1,108 @@
+<div class="cbi-value">
+	<label class="cbi-value-title">
+		<%:Switch Mode%>
+	</label>
+	<div class="cbi-value-field">
+		<div>
+			<input class="btn cbi-button cbi-button-apply" type="button" onclick="switch_gfw_mode()" value="<%:GFW List%>" />
+			<input class="btn cbi-button cbi-button-apply" type="button" onclick="switch_chnroute_mode()" value="<%:Not China List%>" />
+			<input class="btn cbi-button cbi-button-apply" type="button" onclick="switch_returnhome_mode()" value="<%:China List%>" />
+		</div>
+	</div>
+</div>
+
+<script>
+	var opt = {
+		base: 'cbid.passwall.<%=self.cfgid or section%>',
+		client: true,
+		get: function (opt) {
+			var obj;
+			var id = this.base + '.' + 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;
+			}
+		},
+		set: function (opt, val) {
+			var obj;
+			obj = this.get(opt);
+			if (obj) {
+				var event = document.createEvent("HTMLEvents");
+				event.initEvent("change", true, true);
+				if (obj.type === 'checkbox') {
+					obj.checked = val;
+				} else {
+					obj.value = val;
+					if (obj.combobox) {
+						obj.combobox.value = val;
+					}
+
+					var list = obj.getElementsByTagName("li");
+					if (list.length > 0) {
+						for (var i = 0; i < list.length; i++) {
+							var li = list[i];
+							var data = li.getAttribute("data-value");
+							li.removeAttribute("selected");
+							li.removeAttribute("display");
+							if (data && data == val) {
+								li.setAttribute("selected", true);
+								li.setAttribute("display", "0");
+							}
+						}
+						var input = document.getElementsByName(obj.id)[0];
+						if (input) {
+							input.value = val;
+						} else {
+							var input = document.createElement("input");
+							input.setAttribute("type", "hidden");
+							input.setAttribute("name", obj.id);
+							input.setAttribute("value", val);
+							obj.appendChild(input);
+						}
+					}
+				}
+				try {
+					obj.dispatchEvent(event);
+				} catch (err) {
+				}
+			}
+		}
+	}
+	
+	function switch_gfw_mode() {
+		opt.set("use_gfw_list", true);
+		opt.set("chn_list", "0");
+		opt.set("tcp_proxy_mode", "disable");
+		opt.set("udp_proxy_mode", "disable");
+		opt.set("localhost_tcp_proxy_mode", "default");
+		opt.set("localhost_udp_proxy_mode", "default");
+	}
+	
+	function switch_chnroute_mode() {
+		opt.set("use_gfw_list", true);
+		opt.set("chn_list", "direct");
+		opt.set("tcp_proxy_mode", "proxy");
+		opt.set("udp_proxy_mode", "proxy");
+		opt.set("localhost_tcp_proxy_mode", "default");
+		opt.set("localhost_udp_proxy_mode", "default");
+	}
+	
+	function switch_returnhome_mode() {
+		opt.set("use_gfw_list", false);
+		opt.set("chn_list", "proxy");
+		opt.set("tcp_proxy_mode", "disable");
+		opt.set("udp_proxy_mode", "disable");
+		opt.set("localhost_tcp_proxy_mode", "default");
+		opt.set("localhost_udp_proxy_mode", "default");
+	}
+</script>
diff --git a/luci-app-passwall/po/zh-cn/passwall.po b/luci-app-passwall/po/zh-cn/passwall.po
index 4bffef374..fe2be6c9a 100644
--- a/luci-app-passwall/po/zh-cn/passwall.po
+++ b/luci-app-passwall/po/zh-cn/passwall.po
@@ -277,9 +277,6 @@ msgstr "GFW列表"
 msgid "Not China List"
 msgstr "中国列表以外"
 
-msgid "Game Mode"
-msgstr "游戏模式"
-
 msgid "China List"
 msgstr "中国列表"
 
@@ -292,12 +289,12 @@ msgstr "路由器本机"
 msgid "Same as the %s default proxy mode"
 msgstr "与 %s 默认代理模式相同"
 
+msgid "Switch Mode"
+msgstr "切换模式"
+
 msgid "Want different devices to use different proxy modes/ports/nodes? Please use access control."
 msgstr "希望不同设备使用不同的代理模式/端口/节点？请使用访问控制。"
 
-msgid "China list or gfwlist cannot be used together with outside China list!"
-msgstr "中国列表不能和中国列表外或防火墙表一起使用！"
-
 msgid "Operation"
 msgstr "操作"