diff options
Diffstat (limited to 'applications/luci-app-v2raya/htdocs/luci-static/resources')
-rw-r--r-- | applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/config.js | 110 | ||||
-rw-r--r-- | applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js | 75 |
2 files changed, 185 insertions, 0 deletions
diff --git a/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/config.js b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/config.js new file mode 100644 index 0000000000..577d0eee39 --- /dev/null +++ b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/config.js @@ -0,0 +1,110 @@ +'use strict'; +'require form'; +'require poll'; +'require rpc'; +'require uci'; +'require view'; + +var callServiceList = rpc.declare({ + object: 'service', + method: 'list', + params: ['name'], + expect: { '': {} } +}); + +function getServiceStatus() { + return L.resolveDefault(callServiceList('v2raya'), {}).then(function (res) { + var isRunning = false; + try { + isRunning = res['v2raya']['instances']['v2raya']['running']; + } catch (e) { } + return isRunning; + }); +} + +function renderStatus(isRunning, port) { + var spanTemp = '<span style="color:%s"><strong>%s %s</strong></span>'; + var renderHTML; + if (isRunning) { + var button = String.format(' <a class="btn cbi-button" href="http://%s:%s" target="_blank" rel="noreferrer noopener">%s</a>', + window.location.hostname, port, _('Open Web Interface')); + renderHTML = spanTemp.format('green', _('v2rayA'), _('RUNNING')) + button; + } else { + renderHTML = spanTemp.format('red', _('v2rayA'), _('NOT RUNNING')); + } + + return renderHTML; +} + +return view.extend({ + load: function() { + return Promise.all([ + uci.load('v2raya') + ]); + }, + + render: function(data) { + var m, s, o; + var webport = (uci.get(data[0], 'config', 'address') || '0.0.0.0:2017').split(':').slice(-1)[0]; + + m = new form.Map('v2raya', _('v2rayA'), + _('v2rayA is a V2Ray Linux client supporting global transparent proxy, compatible with SS, SSR, Trojan(trojan-go), PingTunnel protocols.')); + + s = m.section(form.TypedSection); + s.anonymous = true; + s.render = function () { + poll.add(function () { + return L.resolveDefault(getServiceStatus()).then(function (res) { + var view = document.getElementById('service_status'); + view.innerHTML = renderStatus(res, webport); + }); + }); + + return E('div', { class: 'cbi-section', id: 'status_bar' }, [ + E('p', { id: 'service_status' }, _('Collecting data…')) + ]); + } + + s = m.section(form.NamedSection, 'config', 'v2raya'); + + o = s.option(form.Flag, 'enabled', _('Enable')); + o.rmempty = false; + + o = s.option(form.Value, 'address', _('Listening address')); + o.datatype = 'ipaddrport(1)'; + o.placeholder = '0.0.0.0:2017'; + + o = s.option(form.ListValue, 'ipv6_support', _('IPv6 support'), + _('Requires working IPv6 connectivity.')); + o.value('auto', _('Auto')); + o.value('on', _('On')); + o.value('off', _('Off')); + o.default = 'auto'; + + o = s.option(form.ListValue, 'nftables_support', _('Nftables support'), + _('Requires nftables.')); + o.value('auto', _('Auto')); + o.value('on', _('On')); + o.value('off', _('Off')); + o.default = 'auto'; + + o = s.option(form.ListValue, 'log_level', _('Log level')); + o.value('trace', _('Trace')); + o.value('debug', _('Debug')); + o.value('info', _('Info')); + o.value('warn', _('Warn')); + o.value('error', _('Error')); + o.default = 'info'; + + o = s.option(form.Value, 'log_max_days', _('Max log retention period'), + _('Unit: days.')); + o.datatype = 'uinteger'; + o.placeholder = '3'; + + o = s.option(form.Flag, 'log_disable_color', _('Disable log color output')); + + o = s.option(form.Flag, 'log_disable_timestamp', _('Disable log timestamp')); + + return m.render(); + } +}); diff --git a/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js new file mode 100644 index 0000000000..b614f3c8a5 --- /dev/null +++ b/applications/luci-app-v2raya/htdocs/luci-static/resources/view/v2raya/log.js @@ -0,0 +1,75 @@ +'use strict'; +'require dom'; +'require fs'; +'require poll'; +'require uci'; +'require view'; + +return view.extend({ + render: function() { + /* Thanks to luci-app-aria2 */ + var css = ' \ + #log_textarea { \ + padding: 10px; \ + text-align: left; \ + } \ + #log_textarea pre { \ + padding: .5rem; \ + word-break: break-all; \ + margin: 0; \ + } \ + .description { \ + background-color: #33ccff; \ + }'; + + var log_textarea = E('div', { 'id': 'log_textarea' }, + E('img', { + 'src': L.resource(['icons/loading.gif']), + 'alt': _('Loading…'), + 'style': 'vertical-align:middle' + }, _('Collecting data…')) + ); + + var log_path = '/var/log/v2raya/v2raya.log'; + + poll.add(L.bind(function() { + return fs.read_direct(log_path, 'text') + .then(function(res) { + var log = E('pre', { 'wrap': 'pre' }, [ + res.trim() || _('Log is clean.') + ]); + + dom.content(log_textarea, log); + }).catch(function(err) { + var log; + + if (err.toString().includes('NotFoundError')) + log = E('pre', { 'wrap': 'pre' }, [ + _('Log file does not exist.') + ]); + else + log = E('pre', { 'wrap': 'pre' }, [ + _('Unknown error: %s').format(err) + ]); + + dom.content(log_textarea, log); + }); + })); + + return E([ + E('style', [ css ]), + E('div', {'class': 'cbi-map'}, [ + E('div', {'class': 'cbi-section'}, [ + log_textarea, + E('div', {'style': 'text-align:right'}, + E('small', {}, _('Refresh every %d seconds.').format(L.env.pollinterval)) + ) + ]) + ]) + ]); + }, + + handleSaveApply: null, + handleSave: null, + handleReset: null +}); |