luci-app-tinyproxy: Translate to JS

luci-app-tinyproxy: Translate to JS

Signed-off-by: Ramon Van Gorkom <[email protected]>

applications/luci-app-tinyproxy/Makefile

@@ -7,11 +7,12 @@
 include $(TOPDIR)/rules.mk
 
 LUCI_TITLE:=Tinyproxy - HTTP(S)-Proxy configuration
-LUCI_DEPENDS:=+luci-base +luci-compat +tinyproxy
+LUCI_DEPENDS:=+luci-base +tinyproxy
 
 PKG_LICENSE:=Apache-2.0
 PKG_MAINTAINER:=Steven Barth <[email protected]>, \
-	Jo-Philipp Wich <[email protected]>
+	Jo-Philipp Wich <[email protected]>, \
+	Ramon Van Gorkom <[email protected]>
 
 include ../../luci.mk
 

applications/luci-app-tinyproxy/htdocs/luci-static/resources/view/tinyproxy/tinyproxy.js

@@ -0,0 +1,346 @@
+'use strict';
+'require view';
+'require form';
+'require fs';
+'require uci';
+'require poll';
+'require ui';
+
+var status = '';
+var url = 'http://127.0.0.1:%d/';
+var port = 8888;
+var isenabled = true;
+var TinyproxyStatus = form.DummyValue.extend({
+	load: function() {
+		this.default=E('div', { 'id': 'tinyproxystatusid' },'');
+	}
+});
+
+
+var Tinyproxybuttons = form.DummyValue.extend({
+	load: function() {
+		var buttons = E([]);
+		var restartButton = E('button', { 
+			'id': 'restartbutton',
+			'class': 'cbi-button cbi-button-neutral',
+			}, _('Restart tinyproxy')
+		);
+		restartButton.addEventListener('click', function() {
+			fs.exec('/etc/init.d/tinyproxy', ['restart']);
+		});
+
+		var reloadButton = E('button', { 
+			'id': 'reloadbutton',
+			'class': 'cbi-button cbi-button-neutral',
+			}, _('Reload settings into tinyproxy')
+		);
+		reloadButton.addEventListener('click', function() {
+			fs.exec('/etc/init.d/tinyproxy', ['reload']);
+		});
+
+		buttons.appendChild(E('div', { }, [restartButton, reloadButton ]));
+
+		this.default= E('div', {}, [restartButton,reloadButton]);
+	}
+});
+
+return view.extend({
+
+	poll_status: function(nodes, data) {
+		const element = document.getElementById('tinyproxystatusid');
+		if (element) {
+			element.innerHTML = '';
+			let tempDiv = document.createElement('div');
+			if ((data == null) || (data == '')) {
+				if (isenabled == 1) {
+					tempDiv.innerHTML = _('Waiting for data from url:') + ' ' + url.format(port);
+				} else {
+					tempDiv.innerHTML = _('Tinyproxy is disabled');
+				}
+			} else {
+				tempDiv.innerHTML = data;
+			}
+			let styles = tempDiv.querySelectorAll('style');
+			styles.forEach(style => style.remove());
+			let elements = tempDiv.querySelectorAll('*');
+			elements.forEach(el => el.removeAttribute('style'));
+			element.appendChild(tempDiv);
+		}
+	},
+
+
+	load: function() {
+	},
+
+
+	render: function () {
+		var m, s, o, t, ta, v;
+
+		m = new form.Map('tinyproxy', _('Tinyproxy'),_('Tinyproxy is a small and fast non-caching HTTP(S)-Proxy'));
+
+		s = m.section(form.TypedSection);
+		s.title = _('Status');
+		s.anonymous = true;
+
+
+		o = s.option(TinyproxyStatus);
+		o = s.option(Tinyproxybuttons);
+
+
+		s = m.section(form.TypedSection, 'tinyproxy', _('Server Settings'));
+		s.anonymous = true;
+
+
+		s.tab('general', _('General settings'));
+		s.tab('privacy', _('Privacy settings'));
+		s.tab('filteracl', _('Filtering and ACLs'));
+		s.tab('limits', _('Server limits'));
+
+
+		o = s.taboption('general', form.Flag, 'enabled', _('Enable Tinyproxy server'))
+		o.rmempty = false;
+
+		o = s.taboption('general', form.Value, 'Port', _('Listen port'),
+			_('Specifies the HTTP port Tinyproxy is listening on for requests'));
+
+		o.optional = true;
+		o.datatype = 'port';
+		o.placeholder = 8888;
+
+
+		o = s.taboption('general', form.Value, 'Listen', _('Listen address'),
+			_('Specifies the addresses Tinyproxy is listening on for requests'));
+
+		o.optional = true;
+		o.datatype = 'ipaddr';
+		o.placeholder = '0.0.0.0';
+
+
+		o = s.taboption('general', form.Value, 'Bind', _('Bind address'),
+			_('Specifies the address Tinyproxy binds to for outbound forwarded requests'));
+
+		o.optional = true;
+		o.datatype = 'ipaddr';
+		o.placeholder = '0.0.0.0';
+
+
+		o = s.taboption('general', form.Value, 'DefaultErrorFile', _('Error page'),
+			_('HTML template file to serve when HTTP errors occur'));
+
+		o.optional = true;
+		o.default = '/usr/share/tinyproxy/default.html';
+
+
+		o = s.taboption('general', form.Value, 'StatFile', _('Statistics page'),
+			_('HTML template file to serve for stat host requests'));
+
+		o.optional = true;
+		o.default = '/usr/share/tinyproxy/stats.html';
+
+
+		o = s.taboption('general', form.Flag, 'Syslog', _('Use syslog'),
+			_('Writes log messages to syslog instead of a log file'));
+
+
+		o = s.taboption('general', form.Value, 'LogFile', _('Log file'),
+			_('Log file to use for dumping messages'));
+
+		o.default = '/var/log/tinyproxy.log';
+		o.depends('Syslog', '');
+
+
+		o = s.taboption('general', form.ListValue, 'LogLevel', _('Log level'),
+			_('Logging verbosity of the Tinyproxy process'));
+
+		o.value('Critical');
+		o.value('Error');
+		o.value('Warning');
+		o.value('Notice');
+		o.value('Connect');
+		o.value('Info');
+
+
+		o = s.taboption('general', form.Value, 'User', _('User'),
+			_('Specifies the user name the Tinyproxy process is running as'));
+
+		o.default = 'nobody';
+
+
+		o = s.taboption('general', form.Value, 'Group', _('Group'),
+			_('Specifies the group name the Tinyproxy process is running as'));
+
+		o.default = 'nogroup';
+
+
+		//
+		// Privacy
+		//
+
+		o = s.taboption('privacy', form.Flag, 'XTinyproxy', _('X-Tinyproxy header'),
+			_('Adds an \'X-Tinyproxy\' HTTP header with the client IP address to forwarded requests'));
+
+
+		o = s.taboption('privacy', form.Value, 'ViaProxyName', _('Via hostname'),
+			_('Specifies the Tinyproxy hostname to use in the Via HTTP header'));
+
+		o.placeholder = 'tinyproxy';
+		o.datatype = 'hostname';
+
+
+		s.taboption('privacy', form.DynamicList, 'Anonymous', _('Header whitelist'),
+			_('Specifies HTTP header names which are allowed to pass-through, all others are discarded. Leave empty to disable header filtering'));
+
+
+		//
+		// Filter
+		//
+
+		o = s.taboption('filteracl', form.DynamicList, 'Allow', _('Allowed clients'),
+			_('List of IP addresses or ranges which are allowed to use the proxy server'));
+
+		o.placeholder = '0.0.0.0';
+		o.datatype = 'ipaddr';
+
+
+		o = s.taboption('filteracl', form.DynamicList, 'ConnectPort', _('Allowed connect ports'),
+			_('List of allowed ports for the CONNECT method. A single value \'0\' disables CONNECT completely, an empty list allows all ports'));
+
+		o.placeholder = 0;
+		o.datatype = 'port';
+
+
+		s.taboption('filteracl', form.FileUpload, 'Filter', _('Filter file'),
+			_('Plaintext file with URLs or domains to filter. One entry per line'));
+
+
+		s.taboption('filteracl', form.Flag, 'FilterURLs', _('Filter by URLs'),
+			_('By default, filtering is done based on domain names. Enable this to match against URLs instead'));
+
+
+		s.taboption('filteracl', form.Flag, 'FilterExtended', _('Filter by RegExp'),
+			_('By default, basic POSIX expressions are used for filtering. Enable this to activate extended regular expressions'));
+
+
+		 s.taboption('filteracl', form.Flag, 'FilterCaseSensitive', _('Filter case-sensitive'),
+			_('By default, filter strings are treated as case-insensitive. Enable this to make the matching case-sensitive'));
+
+
+		s.taboption('filteracl', form.Flag, 'FilterDefaultDeny', _('Default deny'),
+			_('By default, the filter rules act as blacklist. Enable this option to only allow matched URLs or domain names'));
+
+
+		//
+		// Limits
+		//
+
+		o = s.taboption('limits', form.Value, 'Timeout', _('Connection timeout'),
+			_('Maximum number of seconds an inactive connection is held open'));
+
+		o.optional = true;
+		o.datatype = 'uinteger';
+		o.default = 600;
+
+
+		o = s.taboption('limits', form.Value, 'MaxClients', _('Max. clients'),
+			_('Maximum allowed number of concurrently connected clients'));
+
+		o.datatype = 'uinteger';
+		o.default = 10;
+
+
+		o = s.taboption('limits', form.Value, 'MinSpareServers', _('Min. spare servers'),
+			_('Minimum number of prepared idle processes'));
+
+		o.datatype = 'uinteger';
+		o.default = 5;
+
+
+		o = s.taboption('limits', form.Value, 'MaxSpareServers', _('Max. spare servers'),
+			_('Maximum number of prepared idle processes'));
+
+		o.datatype = 'uinteger';
+		o.default = 10;
+
+
+		o = s.taboption('limits', form.Value, 'StartServers', _('Start spare servers'),
+			_('Number of idle processes to start when launching Tinyproxy'));
+
+		o.datatype = 'uinteger';
+		o.default = 5;
+
+
+		o = s.taboption('limits', form.Value, 'MaxRequestsPerChild', _('Max. requests per server'),
+			_('Maximum allowed number of requests per process. If it is exeeded, the process is restarted. Zero means unlimited.'));
+
+		o.datatype = 'uinteger';
+		o.default = 0;
+
+
+		//
+		// Upstream
+		//
+
+		s = m.section(form.TypedSection, 'upstream', _('Upstream Proxies'),
+			_('Upstream proxy rules define proxy servers to use when accessing certain IP addresses or domains.'));
+
+		s.anonymous = true;
+		s.addremove = true;
+
+
+		t = s.option(form.ListValue, 'type', _('Policy'),
+			_('<em>Via proxy</em> routes requests to the given target via the specified upstream proxy, <em>Reject access</em> disables any upstream proxy for the target'));
+
+		t.value('proxy', _('Via proxy'));
+		t.value('reject', _('Reject access'));
+
+
+		ta = s.option(form.Value, 'target', _('Target host'),
+			_('Can be either an IP address or range, a domain name or \'.\' for any host without domain'));
+
+		ta.rmempty = true;
+		ta.placeholder = '0.0.0.0/0';
+		ta.datatype = 'host(1)';
+
+
+		v = s.option(form.Value, 'via', _('Via proxy'),
+			_('Specifies the upstream proxy to use for accessing the target host. Format is <code>address:port</code> or <code>socks5 address:port</code>'));
+
+		v.depends({type: 'proxy'});
+		v.placeholder = '10.0.0.1:8080';
+
+
+		v.write = function(section_id, value) {
+			if (value.match(/^\d+\.\d+\.\d+\.\d+:\d+/) || 
+				value.match(/^socks5 \d+\.\d+\.\d+\.\d+:\d+/)) {
+				return form.Value.prototype.write.apply(this, [section_id, value]);;
+			} else {
+				return
+			}
+		};
+
+
+
+
+		return m.render().then(L.bind(function(m, nodes) {
+			poll.add(L.bind(function() {
+				return uci.load('tinyproxy').then(function() {
+					port = uci.get_first('tinyproxy', 'tinyproxy', 'Port');
+					isenabled = uci.get_first('tinyproxy', 'tinyproxy', 'enabled');
+					if (isNaN(port) || port < 0 || port > 65535)
+						port = 8888;
+
+					return L.resolveDefault(fs.exec_direct('/usr/bin/wget', [ '-q', url.format(port), '-O', '-' ]), null);
+				}).then(L.bind(this.poll_status, this, nodes));
+			}, this), 5);
+			return nodes;
+		}, this, m));
+	},
+	handleSaveApply: function (ev, mode) {
+		var Fn = L.bind(function() {
+			fs.exec('/etc/init.d/tinyproxy', ['reload']);
+			document.removeEventListener('uci-applied',Fn);
+		});
+		document.addEventListener('uci-applied', Fn);
+		this.super('handleSaveApply', [ev, mode]);
+	}
+});