mirror of
https://github.com/gSpotx2f/ruantiblock_openwrt.git
synced 2026-05-13 14:10:59 +00:00
gSpot
253 lines
9.0 KiB
JavaScript
253 lines
9.0 KiB
JavaScript
'use strict';
|
|
'require fs';
|
|
'require ui';
|
|
|
|
document.head.append(E('style', {'type': 'text/css'},
|
|
`
|
|
.label-status {
|
|
display: inline;
|
|
margin: 0px 2px 0px 0 !important;
|
|
padding: 1px 4px 2px 4px;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
color: #fff !important;
|
|
}
|
|
.starting {
|
|
background-color: #a7b668 !important;
|
|
}
|
|
.running {
|
|
background-color: #2ea256 !important;
|
|
}
|
|
.updating {
|
|
background-color: #1e82ff !important;
|
|
}
|
|
.stopped {
|
|
background-color: #acacac !important;
|
|
}
|
|
.error {
|
|
background-color: #ff4e54 !important;
|
|
}
|
|
.total-proxy {
|
|
background-color: #ffb937 !important;
|
|
}
|
|
`));
|
|
|
|
return L.Class.extend({
|
|
app_name: 'ruantiblock',
|
|
exec_path: '/usr/bin/ruantiblock',
|
|
init_path: '/etc/init.d/ruantiblock',
|
|
token_file: '/var/run/ruantiblock.token',
|
|
parsers_dir: '/usr/bin',
|
|
torrc_file: '/etc/tor/torrc',
|
|
user_entries_file: '/etc/ruantiblock/user_entries',
|
|
fqdn_filter_file: '/etc/ruantiblock/fqdn_filter',
|
|
ip_filter_file: '/etc/ruantiblock/ip_filter',
|
|
crontab_file: '/etc/crontabs/root',
|
|
info_label_starting: '<span class="label-status starting">' + _('Starting') + '</span>',
|
|
info_label_running: '<span class="label-status running">' + _('Enabled') + '</span>',
|
|
info_label_updating: '<span class="label-status updating">' + _('Updating') + '</span>',
|
|
info_label_stopped: '<span class="label-status stopped">' + _('Disabled') + '</span>',
|
|
info_label_error: '<span class="label-status error">' + _('Error') + '</span>',
|
|
|
|
blacklist_sources: {
|
|
'rublacklist': 'https://rublacklist.net',
|
|
'zapret-info': 'https://github.com/zapret-info/z-i',
|
|
'antifilter': 'https://antifilter.download',
|
|
},
|
|
|
|
normalize_value: function(v) {
|
|
return (v && typeof(v) === 'string') ? v.trim().replace(/\r?\n/g, '') : v;
|
|
},
|
|
|
|
make_status_string: function(
|
|
app_status_code,
|
|
proxy_mode,
|
|
bllist_mode,
|
|
bllist_module,
|
|
bllist_source,
|
|
tp_status_code,
|
|
vpn_route_status_code) {
|
|
let app_status_label;
|
|
let spinning = '';
|
|
|
|
switch(app_status_code) {
|
|
case 0:
|
|
app_status_label = this.info_label_running;
|
|
break;
|
|
case 2:
|
|
app_status_label = this.info_label_stopped;
|
|
break;
|
|
case 3:
|
|
app_status_label = this.info_label_starting;
|
|
spinning = ' spinning';
|
|
break;
|
|
case 4:
|
|
app_status_label = this.info_label_updating;
|
|
spinning = ' spinning';
|
|
break;
|
|
default:
|
|
app_status_label = this.info_label_error;
|
|
return `<div class="table">
|
|
<div class="tr">
|
|
<div class="td left" style="min-width:33%%">
|
|
${_('Status')}:
|
|
</div>
|
|
<div class="td left">
|
|
${app_status_label}
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
};
|
|
|
|
return `<div class="table">
|
|
<div class="tr">
|
|
<div class="td left" style="min-width:33%%">
|
|
${_('Status')}:
|
|
</div>
|
|
<div class="td left%s">
|
|
%s %s %s
|
|
</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td left">
|
|
${_('Proxy mode')}:
|
|
</div>
|
|
<div class="td left">
|
|
%s
|
|
</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td left">
|
|
${_('Blacklist update mode')}:
|
|
</div>
|
|
<div class="td left">
|
|
%s
|
|
</div>
|
|
</div>
|
|
%s
|
|
</div>
|
|
`.format(
|
|
spinning,
|
|
app_status_label,
|
|
(tp_status_code == 0) ? '<span class="label-status total-proxy">'
|
|
+ _('Total-proxy is on') + '</span>' : '',
|
|
(app_status_code != 2 && proxy_mode == 2 && vpn_route_status_code != 0)
|
|
? '<span class="label-status error">'
|
|
+ _('VPN routing error! Need restart') + '</span>' : '',
|
|
(proxy_mode == 1) ? 'Tor' : 'VPN',
|
|
(!bllist_module || bllist_module === '') ? _('user entries only') : bllist_mode,
|
|
(!bllist_module || bllist_module === '') ? '' :
|
|
`<div class="tr">
|
|
<div class="td left">
|
|
${_('Blacklist source')}:
|
|
</div>
|
|
<div class="td left">
|
|
<span style="cursor:help; border-bottom:1px dotted" data-tooltip="${this.blacklist_sources[bllist_source]}">
|
|
${bllist_source}
|
|
</span>
|
|
</div>
|
|
</div>`
|
|
);
|
|
},
|
|
|
|
file_edit_dialog: L.Class.extend({
|
|
__init__: function(file, title, description, callback, file_exists=false) {
|
|
this.file = file;
|
|
this.title = title;
|
|
this.description = description;
|
|
this.callback = callback;
|
|
this.file_exists = file_exists;
|
|
},
|
|
|
|
load: function() {
|
|
return fs.read(this.file);
|
|
},
|
|
|
|
render: function(content) {
|
|
ui.showModal(this.title, [
|
|
E('div', { 'class': 'cbi-section' }, [
|
|
E('div', { 'class': 'cbi-section-descr' }, this.description),
|
|
E('div', { 'class': 'cbi-section' },
|
|
E('p', {},
|
|
E('textarea', {
|
|
'id': 'widget.modal_content',
|
|
'class': 'cbi-input-textarea',
|
|
'style': 'width:100% !important',
|
|
'rows': 10,
|
|
'wrap': 'off',
|
|
'spellcheck': 'false',
|
|
},
|
|
content || '')
|
|
)
|
|
),
|
|
]),
|
|
E('div', { 'class': 'right' }, [
|
|
E('button', {
|
|
'class': 'btn',
|
|
'click': ui.hideModal,
|
|
}, _('Dismiss')),
|
|
' ',
|
|
E('button', {
|
|
'id': 'btn_save',
|
|
'class': 'btn cbi-button-positive important',
|
|
'click': ui.createHandlerFn(this, this.handleSave),
|
|
}, _('Save')),
|
|
]),
|
|
]);
|
|
},
|
|
|
|
handleSave: function(ev) {
|
|
let textarea = document.getElementById('widget.modal_content');
|
|
let value = textarea.value.trim().replace(/\r\n/g, '\n') + '\n';
|
|
|
|
return fs.write(this.file, value).then(async rc => {
|
|
textarea.value = value;
|
|
ui.addNotification(null, E('p', _('Contents have been saved.')),
|
|
'info');
|
|
if(this.callback) {
|
|
return this.callback(rc);
|
|
};
|
|
}).catch(e => {
|
|
ui.addNotification(null, E('p', _('Unable to save the contents')
|
|
+ ': %s'.format(e.message)));
|
|
}).finally(() => {
|
|
ui.hideModal();
|
|
});
|
|
},
|
|
|
|
error: function(e) {
|
|
if(!this.file_exists && e instanceof Error && e.name === 'NotFoundError') {
|
|
return this.render();
|
|
} else {
|
|
ui.showModal(this.title, [
|
|
E('div', { 'class': 'cbi-section' },
|
|
E('p', {}, _('Unable to read the contents')
|
|
+ ': %s'.format(e.message))
|
|
),
|
|
E('div', { 'class': 'right' },
|
|
E('button', {
|
|
'class': 'btn',
|
|
'click': ui.hideModal,
|
|
}, _('Dismiss'))
|
|
),
|
|
]);
|
|
};
|
|
},
|
|
|
|
show: function() {
|
|
ui.showModal(null,
|
|
E('p', { 'class': 'spinning' }, _('Loading'))
|
|
);
|
|
this.load().then(content => {
|
|
ui.hideModal();
|
|
return this.render(content);
|
|
}).catch(e => {
|
|
ui.hideModal();
|
|
return this.error(e);
|
|
})
|
|
},
|
|
}),
|
|
});
|